Типография и размери

Ключови аспекти на типографията в Elementor

В този урок Константин Рачев разкрива как да работите с типография и размери в Elementor, за да постигнете професионален дизайн на вашия уебсайт. Важно е да знаете, че безплатната версия на Elementor не позволява добавянето на потребителски шрифтове (това е налично само в Pro версията), но предлага достъп до всички системни и Google шрифтове. От SEO гледна точка е препоръчително първото заглавие в страницата да бъде H1, а следващите заглавия да са H2 или H3.

Практически стъпки за настройка на типографията

1. Настройка на заглавия:

   • Изберете заглавието и го позиционирайте в секцията
   • От панела "Типография" изберете желания шрифт (напр. Amatic SC)
   • Задайте размер (напр. 72 пиксела) и наситеност (bold)
   • Центрирайте текста чрез опцията "Подравняване"
   • Задайте цвят чрез въвеждане на hex код

2. Контролиране на дължината на текста:

   • За да контролирате как се разпределя текстът, настройте ширината на вътрешната секция (напр. 520 пиксела)
   • Избягвайте използването на breakline за разделяне на текста, тъй като това не е оптимално за responsive дизайн
   • Текстът автоматично ще се "пречупи" според зададената ширина

3. Работа с обикновен текст:

   • Използвайте модула "Текст" за основното съдържание
   • Задайте подходящ шрифт (напр. Vollkorn Regular, 20px)
   • Винаги поставяйте текст в текстовия редактор, а не във визуалния, за да избегнете проблеми с форматирането

Полезни команди и настройки

• H1, H2, H3 - HTML тагове за заглавия с различна йерархия, важни за SEO
• Bold - Наситеност 700 за по-плътен текст
• Regular - Наситеност 400 за стандартен текст
• Light - Наситеност 300 за по-тънък текст
• Подравняване - Опция за центриране или подравняване на текста вляво/вдясно
• Ширина на съдържанието - Настройка на ниво секция, която контролира как се разпределя текстът