Щоб додати спеціальний клас, перейдіть до Вигляд > Меню та активуйте класи CSS за допомогою параметрів екрана. Далі перейдіть до свого пункту меню та додайте спеціальний клас у новому метабоксі, що з’явився. Збережіть меню, і готово. Тепер ви можете використовувати цей клас у спеціальному полі CSS (якщо застосовно) або в стилі теми.
Використовуйте будь-який елемент, щоб відкрити спадне меню, напр. елемент <button>, <a> або <p>. Використовуйте елемент-контейнер (наприклад, <div>), щоб створити спадне меню та додати в нього спадні посилання. Оберніть елемент <div> навколо кнопки та <div>, щоб правильно розмістити спадне меню за допомогою CSS.
Як додати спеціальний клас CSS до пункту меню в WordPress
- Перейдіть до «Вигляд» > «Меню» на інформаційній панелі WordPress.
- Відкрийте Параметри екрана, клацнувши спадне меню у верхньому правому куті. Поставте прапорець біля CSS Classes, щоб увімкнути опцію.
- Розгорніть пункт меню, де ви хочете додати спеціальний клас CSS.
CSS можна додати до документів HTML трьома способами:
- Inline – за допомогою атрибута style всередині елементів HTML.
- Внутрішній – за допомогою елемента <style> в розділі <head>.
- Зовнішній – за допомогою елемента <link> для посилання на зовнішній файл CSS.
Стилізуйте свої шаблони за допомогою файлів CSS
- Крок 1: відредагуйте CSS. Редагування CSS за допомогою аркуша властивостей. Виберіть «Правка» > «Таблиці стилів». …
- Крок 2: застосуйте CSS до вмісту. Після редагування файлів CSS переконайтеся, що правила CSS дійсно застосовуються до одного чи кількох елементів у шаблоні.