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

Навіщо приховувати назви сторінок у WordPress?

Існують різні причини, чому ви можете захотіти приховати назви сторінок у WordPress:

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

Якою б не була причина, Elementor пропонує кілька способів легко приховати заголовки сторінок, гарантуючи вам повний творчий контроль.

Спосіб 1: Приховати назву сторінки з панелі інструментів WordPress

Elementor дозволяє вимкнути заголовок сторінки за замовчуванням безпосередньо в редакторі сторінок WordPress. Цей спосіб простий і не вимагає додаткових плагінів.

Крок за кроком:

  1. Відкрийте сторінку в інформаційній панелі WordPress:
    • Перейдіть до розділу “Сторінки” на панелі інструментів WordPress і виберіть сторінку, на якій ви хочете приховати заголовок.
  2. Відредагуйте сторінку за допомогою Elementor:
    • Опинившись у редакторі сторінок, натисніть “Редагувати за допомогою Elementor”.
  3. Приховайте заголовок сторінки:
    • У редакторі Elementor на лівій панелі клацніть піктограму “Параметри” (розташовану в лівому нижньому куті).
    • У розділі “Параметри сторінки” увімкніть опцію “Приховати заголовок” на “Так”.
  4. Опублікуйте/Оновіть сторінку:
    • Після приховування заголовка натисніть кнопку Оновити, щоб зберегти зміни.

Тепер заголовок сторінки більше не буде відображатися на вашій сторінці.

Переваги цього методу:

  • Швидкий і простий у реалізації.
  • Не потребує спеціального коду або додаткових плагінів.

Недоліки:

  • Цей метод працює тільки якщо ви редагуєте сторінку за допомогою Elementor і не надає можливості для інших тем або конструкторів сторінок.

Спосіб 2: Приховати заголовки сторінок за допомогою кастомного CSS

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

Крок за кроком:

  1. Відкрийте Настроювач:
    • Перейдіть до пункту “Зовнішній вигляд” > “Налаштувати” на панелі інструментів WordPress.
  2. Відкрийте розділ “Додаткові CSS“:
    • У Кастомізаторі WordPress перейдіть до розділу “Додатковий CSS”.
  3. Додайте код CSS:
    • Щоб приховати заголовок сторінки на всіх сторінках, вставте наступний код CSS:
    .entry-title {
    display: none;
}
    • Якщо ви хочете приховати заголовок лише на певних сторінках, ви можете використовувати ідентифікатор сторінки. Наприклад, щоб приховати заголовок на сторінці з ID 123:
    .page-id-123 .entry-title {
    display: none;
}
  4. Опублікуйте зміни:
    • Після додавання кастомного CSS натисніть кнопку “Опублікувати”, щоб зберегти зміни.

Тепер заголовок буде приховано на вказаних вами сторінках.

Переваги цього методу:

  • Надає повний контроль над тим, на яких сторінках приховувати заголовки.
  • Не потрібно вручну редагувати кожну сторінку в Elementor.

Недоліки:

  • Вимагає знання CSS та WordPress Customizer.
  • Вам потрібно вручну знайти ідентифікатор сторінки або клас для більш конкретного таргетингу.

Спосіб 3: Приховати заголовки за допомогою плагіна

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

Steps:

  1. Встановіть та активуйте плагін:
    • Перейдіть до Плагіни > Додати новий на інформаційній панелі WordPress.
    • Знайдіть Title Remover і встановіть його. Після встановлення натисніть Активувати.
  2. Приховайте заголовок сторінки:
    • Після активації перейдіть на сторінку редагування сторінки на панелі інструментів WordPress.
    • У розділі “Видалення заголовка” ви побачите опцію “Видалити заголовок”. Просто поставте галочку і оновіть сторінку.
  3. Опублікувати/Оновити сторінку:
    • Натисніть Оновити, щоб зберегти зміни.

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

Переваги цього методу:

  • Швидке і просте налаштування.
  • Немає потреби в кастомному CSS або ручному редагуванні в Elementor.

Недоліки:

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

Висновок

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

  • Якщо ви віддаєте перевагу простоті, функція Elementor “Приховати заголовок” – ваш найкращий вибір.
  • Для більшої гнучкості використовуйте CSS для націлювання на певні сторінки або елементи.
  • А для тих, хто шукає швидке рішення, плагін Title Remover може зробити це ще простіше.

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