Как в wordpress изменить цвет меню?

Наилучший способ сделать пользовательские настройки в вашей теме WordPress является создание дочерней темы. Если вы лишь меняете CSS, то вы можете увидать наше руководство о том, как легковесно добавлять пользовательские CSS в WordPress без изменения файлов темы.

Меню навигации в WordPress отображается в облике неупорядоченного списка (маркированный список).

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

Ваш неупорядоченный список будет владеть имя класса ‘menu’ с любым элементом списка, имеющий собственный собственный класс CSS.

Это может сработать, если у вас кушать лишь одно пункт меню. Тем не немного, большинство тем имеет несколько пунктов, где можно вывести на экран меню навигации.

Использовать лишь классы CSS по умолчанию может повергнуть к конфликту с меню на иных пунктах.

Собственно потому вам необходимо установить класс CSS и благосклонность меню. Скорее итого, ваша тема WordPress уже это мастерит, линией добавления меню навигации с поддержкой кода, образцово так:

Этот код сообщает WordPress, что это тема отображает начальное меню. Он также добавит класс CSS primary-menu к навигации по меню.

Сейчас вы можете настроить манера вашего меню навигации с поддержкой этой структуры CSS.

Замените #header на класс контейнера или ID, используемого вашей темой WordPress.

Эта структура поможет вам целиком изменить внешний вид меню навигации.

Тем не немного, есть и иные классы, какие самодействующи добавляются с поддержкой WordPress для любого пункта меню и меню. Эти классы позволяют еще вяще настроить меню навигации.

WordPress также позволяет добавлять классы CSS к отдельным пунктам меню изнутри районы администратора.

Вы можете использовать эту функцию для манеров пунктов меню, как добавление иконок изображение с поддержкой меню или попросту изменив краска, чтобы выделить пункт меню.

Зайдем на страницу Appearance »Menus и нажмем на кнопку настройки экрана.

После того, как вы проверили эти настройки, вы увидите, что добавится добавочное поле, когда вы будете редактировать любой отдельный пункт меню.

Сейчас вы можете использовать этот класс CSS в таблице манеров, чтобы добавить пользовательский CSS. Это будет воздействовать лишь на пункт меню с поддержкой класса CSS, какой вы добавили.

Метод 2: Настроить манера меню в WordPress при поддержки плагинов

Ваша тема WordPress использует манера CSS для меню навигации. Многим новеньким не весьма спокойно редактировать файлы темы или строчить CSS самостоятельно.

Вот когда сгодится WordPress плагин стилизации меню. Это избавляет вас от редактирования файлов темы или написания кода.

Вначале вам необходимо ввести и активировать плагин CSS Hero. Для получения немало детальной информации см наш шаг за шагом руководство о том, как ввести плагин в WordPress.

CSS Hero является премиум плагином в WordPress, какой позволяет проектировать свою собственную тему WordPress , не написав ни строчки кода (без HTML или CSS).

После активации, вы будете перенаправлены, для получения вашего ключа CSS Hero. Попросту вытекайте руководствам на экране, и вы будете перенаправлены назад на ваш сайт в несколько кликов.

Сейчас вам необходимо нажать на кнопку CSS Hero в вашей панели администратора WordPress.

CSS Hero предлагает редактор WYSIWYG (что вы видаете, то и получаете). Нажатие на кнопку повергнет вас на ваш сайт с плавающей панелью инструментов CSS Hero видной на экране.

Вам необходимо нажать на кубовую иконку в верхней доли, чтобы приступить редактирование.

Устремите мышь к вашему меню навигации и CSS Hero выделить его, демонстрируя рубежи кругом него. При нажатии на подсвеченное меню навигации, он покажет вам элементы, какие вы можете редактировать.

В приведенном рослее скриншоте, демонстрирует нам пункт меню, навигации по меню, контейнер навигации меню и т. д.

Подавайте предположим, что мы желаем изменить краска текста всех элементов в меню навигации. В этом случае мы будем выбирать меню навигации, какая затрагивает все меню.

Сейчас CSS Hero покажет вам различные свойства, какие можно редактировать как текст, фон, рубежи, поля, отступы и т. д.

Вы можете нажать на любое свойство, какое вы желаете изменить. CSS Hero покажет вам несложный интерфейс, где вы можете привнести свои изменения.

В приведенном рослее скриншоте мы избрали текст, и он показал нам неплохой интерфейс для выбора шрифтов, изменение краски текста, размер и иные свойства.

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

После того, как вы ублаготворены изменениями, нажмите на кнопку Сохранить на панели инструментов CSS Hero, чтобы сохранить изменения.

Лучше итого в использовании этого метода является то, что вы можете легковесно упразднить любые изменения, какие вы мастерите. CSS Hero хранит целую историю всех ваших изменений, и вы можете вернуться назад и вперед между этими изменениями.

Мы надеемся, что эта статья помогла вам разузнать, как создать манера меню навигации в WordPress.

Если вы отыщи промах, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Многим новеньким не весьма спокойно редактировать файлы темы или строчить CSS самостоятельно.

Наилучший способ сделать пользовательские настройки в вашей теме WordPress является создание дочерней темы. Если вы лишь меняете CSS, то вы можете увидать наше руководство о том, как легковесно добавлять пользовательские CSS в WordPress без изменения файлов темы.

WordPress также позволяет добавлять классы CSS к отдельным пунктам меню изнутри районы администратора.