Як створити приголомшливий заголовок теми Astra?

Заголовки є життєво важливими для будь -якого вмісту на вашій веб -сторінці, оскільки вони служать не тільки читачам, але й пошуковим системам. Приголомшливі та добре написані заголовки мають потенціал залучити читачів до вашої публікації та збільшити кількість кліків. Заголовки можуть варіюватися від H1 до H6, залежно від ієрархії вашого вмісту. Основний заголовок вашої сторінки або статті - H1, а H2 - підзаголовки, які складають розділи у ваших документах. Заголовки H3 - H6 надають додаткові підзаголовки у вашому документі під H2. Перш ніж перейти до того, як тема Astra може допомогти вам створити приголомшливі заголовки у вашому вмісті, давайте розглянемо важливість заголовків

Зміст:

• Чому заголовки важливі для ваших веб-сторінок?
• 1. Ідентифікація теми
• 2. Доступність
• 3. Оптимізація пошукових систем
• 4. Робить сторінки сканованими
• 5. Юзабіліті мобільних пристроїв
• Як створити приголомшливий заголовок з темою Astra?
• Плюси і мінуси використання теми Astra для заголовків
• Заключні слова

Чому заголовки важливі для ваших веб-сторінок?

Ось чому вам потрібно обов’язково включити заголовки до тексту

1. Ідентифікація теми

Заголовки відіграють важливу роль пошукових систем та читачів у виборі ключових слів, які вони шукають у статті. Первинний заголовок у тексті допомагає визначити тему матеріалу, а підзаголовки орієнтують читача на область їх інтересу.

2. Доступність

Сьогодні люди в основному використовують зчитувачі екранів, щоб переглядати будь-який вміст. Заголовки будь-якого вмісту легко підбираються читачами екрану і є важливими для ефективного використання зчитувачів екрана. Вони також дозволяють читачам переходити з однієї рубрики в іншу, щоб перейти до потрібної теми.

3. Оптимізація пошукових систем

Коли заголовки дозволяють визначити вашу тему, пошукові системи оцінюють вашу сторінку за пошуковими запитами. Чим більше ви складете заголовки добре складеними та заповненими відповідними ключовими словами, тим більше пошукові системи підвищать ваш рейтинг.

Ось посібник із використання безкоштовних функцій теми Astra для створення приголомшливих заголовків для ваших сторінок. Дотримуйтесь процедури, щоб зробити заголовок на ваш вибір.

4. Робить сторінки сканованими

Використовуючи заголовки, ви робите сторінки максимально сканованими. Загальновідомо, що ніхто не читає всю статтю - особливо рядок за рядком. Ось чому для сторінок важливо мати заголовки. З усіх заголовків найважливіший заголовок - це перший заголовок, оскільки він задає тон для всього допису або сторінки.

Далі йде підзаголовок, який розділяє вміст на шматки, які краще вживати. Мало того, структуру статті показують заголовки та підзаголовки. Коротше кажучи, правильний набір заголовків означає, що ви можете залучити аудиторію своїм цікавим контентом.

5. Юзабіліті мобільних пристроїв

З часом мобільні пристрої стають як ніколи домінуючими. Немає сумнівів, що сайти отримуватимуть більше трафіку з мобільних пристроїв, ніж будь-коли раніше. Отже, якщо ви правильно налаштуєте свій вміст, ви неодмінно отримаєте глядачів як на мобільному, так і на робочому столі.

Коротше кажучи, заголовки оптимізують веб-сторінку не тільки для читачів, а й для пошукових систем.

Як створити приголомшливий заголовок з темою Astra?

Перш за все, щоб отримати доступ до Astra Header Builder, увійдіть на свою інформаційну панель WordPress і на бічній панелі зліва перейдіть до Зовнішній вигляд > Параметри Astra > Конструктор заголовків , як показано на зображенні нижче:

Натисніть на нього, і ви перейдете до розділу «Конструктор заголовків» у налаштовувачі WordPress. Інтерфейс повинен виглядати так, як у нас тут:

Як ви бачите, конструктор заголовків розділений на три вертикальні частини, одну укладену поверх іншої. У вас є "основний заголовок" посередині з "над заголовком" угорі та "під заголовком" знизу.  

Кожен заголовок має власний набір "налаштувань заголовка", до якого можна отримати доступ, натиснувши на значок шестірні ліворуч від заголовка.

Тут ви можете налаштувати висоту заголовка, розмір рамки, фон, відступи та поля.

Також зверніть увагу, як кожен заголовок розділений на три розділи. Ви можете додавати та видаляти елементи заголовків із цих розділів, щоб зробити їх більш функціональними. На момент написання цього підручника у вас є доступ до 12 елементів заголовка:

• Назва сайту та логотип
• Основне меню
• Кнопка 1
• Кнопка 2 (профі)
• Пошук
• Рахунок
• HTML 1
• HTML 2
• Вторинне меню
• Соціальна
• Віджет 1
• Віджет 2
• Віджет 3 (профі)
• Віджет 4 (профі)
• Кошик

Тепер, щоб додати новий елемент заголовка, наведіть курсор миші на цей розділ і натисніть кнопку «+». Це відкриє список доступних елементів. Виберіть той, який ви хочете використовувати, і він буде доданий до розділу заголовка.

Аналогічно, просто натисніть кнопку “x” біля елемента заголовка, щоб видалити елемент заголовка.

Ви також можете переміщатися між елементами заголовка між розділами заголовка, просто перетягуючи його.

Усі використані вами елементи заголовка відображатимуться в меню зліва, праворуч на вкладці Загальні. Тут ви також знайдете можливість змінити тип заголовка. Безкоштовні користувачі отримують лише опцію "Прозорі заголовки". Однак, якщо ви використовуєте Astra Pro, ви можете ввімкнути параметр "Липкі заголовки".

Звідси ви можете отримати доступ до певних налаштувань елемента заголовка.

Прямо біля вкладки Загальні, у нас є вкладка Дизайн. Звідси ви отримаєте кілька основних варіантів дизайну для зміни ширини та поля заголовка. Користувачам Astra Pro доступні додаткові налаштування.

Конструктор заголовків Astra також дозволяє точно налаштувати, як буде виглядати заголовок сайту на екранах різних розмірів, таких як робочий стіл, мобільний телефон або планшет. Щоб вибрати інший розмір екрану та налаштувати його, скористайтесь перемикачем пристроїв у нижньому лівому куті екрана.

Як бачите, на меншому екрані ви отримаєте додаткову область під назвою "Вимкнено з полотна". Це дозволяє заощадити місце у заголовку та перемістити деякі матеріали за межі екрана, які відвідувачі можуть перемикати, якщо і коли це необхідно.

Ось і підсумок нашого короткого посібника про те, як створити заголовок за допомогою теми Astra. Після того, як ви додасте всі елементи заголовка та внесете необхідні зміни в дизайн, натисніть кнопку опублікувати, і все.  

Ваш нещодавно створений заголовок Astra тепер працює і працює на вашому веб -сайті WordPress.

Astra Header Builder: Короткий огляд доступних опцій

У наведеному вище підручнику ми створили дуже простий заголовок за допомогою Astra Header Builder, щоб дати вам уявлення про те, як функція працює. Однак у Astra Header Builder є маса інструментів та опцій, які допоможуть вам створити більш складні та приголомшливі заголовки.

Ось короткий огляд різних варіантів, які у вас є:

Первинний заголовок

Заголовок за замовчуванням в Astra є основним заголовком. На ньому буде показано логотип, а також меню навігації, яке налаштовується під різні параметри основного заголовка в Astra.

Просто встановіть Astra та перейдіть до розділу Заголовок, щоб вибрати основний варіант заголовка та перейти до налаштування. Заголовок > Основний заголовок

Ви можете скористатися такими налаштуваннями налаштування

Макет

Налаштування макета керуватиме положенням логотипу для вашої сторінки. Для логотипу Astra доступні три різні позиції

Зліва логотип

Логотип у цьому налаштуванні переміщується в ліву частину навігаційного меню. Це типовий стиль розташування логотипу.

Правий логотип

Логотип у цьому налаштуванні переміщується в праву частину навігаційного меню.

Логотип центру

Логотип у цій настройці переміщується в центрі над навігаційним меню. Це хороший варіант у випадку довгого меню.

Ширина

Налаштування ширини керують шириною заголовка тексту. Ви можете налаштувати ширину заголовка як

Повна ширина

У налаштуваннях повної ширини ваш заголовок буде розтягнуто з обох кінців і відповідатиме розміру сторінки вашого браузера.

Ширина вмісту

У налаштуваннях ширини вмісту заголовок регулюється відповідно до набору ширини контейнера, і ви можете встановити його, вибравши наступне

Глобальний> Контейнер> Ширина

Кордон

Вибравши рамку, ви можете додати рамку під заголовок та налаштувати її колір та ширину.

Мобільний заголовок

Навігаційне меню на чуйних пристроях перетворюється на гамбургер. Тому в первинному заголовку на цих пристроях відображатимуться лише меню гамбургерів та логотип. Ви можете налаштувати макет логотипу щодо меню у віджетах, що реагують.

Стек

У варіанті стека логотип переміститься над меню гамбургерів. Вибір стека може виявитися корисним, якщо у вас великий логотип.

В лінію

У вбудованому варіанті логотип і меню будуть відповідати один одному і можуть стати хорошим варіантом у випадку невеликого логотипу.

Кольорові теми

Основні заголовки можуть бути представлені у різних кольорах за допомогою теми Astra. Глобальні кольори будуть доступні безкоштовно, але вам потрібно використовувати додатковий plugin Astra Pro для більш розширених функцій. Щоб використовувати глобальні кольори в Astra, вам потрібно перейти на вкладку Вигляд, вибрати налаштування, потім глобальні, і нарешті вибрати варіант кольорів. Зовнішній вигляд> Налаштування> Загальний> Кольори

Типографія

Налаштування типографіки для сторінки або сайту автоматично застосовуються до основного заголовка з темою Astra. Ви можете вибрати та налаштувати параметри типографіки, перейшовши на вкладку Вигляд у розділі глобальні.  

Зовнішній вигляд> Налаштувати> Глобально> Типографія

Прозорий заголовок

Прозорі заголовки - це простий спосіб створити красиві та привабливі заголовки для вашої сторінки. Тло основного заголовка буде встановлено прозорим і витягне вміст сторінки вгору. Вміст сторінки та основний заголовок зливаються, а це означає, що верхня частина вмісту стане фоном прозорого заголовка. Наприклад, якщо зображення знаходиться у верхній частині сторінки, воно підніметься та стане фоном для прозорого заголовка.

Як додати прозорий заголовок?

Прозорий заголовок формулюється в два швидких кроки, щоб зробити вашу сторінку привабливою 

Крок 1

Ви можете знайти параметр прозорого заголовка під налаштовачем, а потім можете його відредагувати

Зовнішній вигляд> Налаштувати> Заголовок> Прозорий заголовок

Крок 2

Під параметрами прозорого заголовка ви можете ввімкнути його для всього веб -сайту, вибрати рамку внизу, колірні схеми та макет логотипу

Увімкнення на повному веб-сайті

Якщо ви хочете отримати прозорі налаштування заголовка для всього веб-сайту, ви можете ввімкнути цю опцію, поставивши галочку біля прапорця. Якщо ви поставите галочку, все ще є деякі правила виключення, які ви можете ввімкнути для певних публікацій або сторінок. Ви можете відключити прозорий варіант заголовка для наступних сторінок

Вимкнути в архівах, пошуку та на 404

Налаштування прозорого заголовка можна відключити на цих спеціальних сторінках, поставивши галочку біля прапорця.

Відключити на сторінці індексу блогу

Титульна сторінка вашого блогу стає індексною сторінкою блогу, якщо ви зміните настройки зі своєї домашньої сторінки. Щоб створити індексну сторінку блогу, перейдіть до налаштувань домашньої сторінки та на вкладці "Відображення домашньої сторінки" виберіть "Ваші останні повідомлення".

Відображення домашньої сторінки> Ваші останні повідомлення

Якщо ви хочете вимкнути налаштування прозорого заголовка на цій сторінці індексу блогу, ви можете поставити для цього прапорець.

Вимкнути на Сторінках

Якщо ви хочете вимкнути параметр прозорого заголовка на всіх сторінках, поставте прапорець.

Вимкнути повідомлення

Якщо ви хочете вимкнути параметр прозорого заголовка для всіх публікацій, поставте прапорець.

Кольори та фон

Ви можете налаштувати параметри фону та кольору прозорого заголовка за допомогою наступних опцій

• Фон
• Назва Сайту
• Меню
• Підменю
• Зміст

Плюси і мінуси використання теми Astra для заголовків

Плюси

• Можливість прозорого заголовка доступна
• Доступні заголовки як повної ширини, так і ширини вмісту 
• Доступно налаштування кольору та типографії

Мінуси

• Клейкий варіант заголовка недоступний
• Розширені кольорові функції недоступні

Заключні слова

Astra - одна з найкращих тем. І якщо ви ним користуєтесь, то ви знаходитесь на правильному шляху до обслуговування вашого сайту.

Безкоштовна тема Astra дозволяє вам створити красиві та привабливі заголовки для вашої веб-сторінки. Також доступні опція та налаштування прозорого заголовка, що може покращити враження глядача. Загалом, багато варіантів налаштування заголовка в темі Astra дозволяють створити приголомшливий заголовок.