Как добавить новое меню навигации в тему WordPress с помощью cPanel

Почти каждая тема WordPress имеет меню навигации по умолчанию. Некоторые темы даже имеют несколько меню для лучшей навигации. Иногда пользователи хотят добавить новое навигационное меню на свой существующий веб-сайт..


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

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

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

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

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

Как и какой файл нужно редактировать?

Я упомянул конкретный файл темы, который требуется отредактировать, но какой именно? Как ты можешь знать, functions.php является одним из основных файлов для веб-сайта WordPress; Вы должны добавить функцию, имеющую меню навигации WordPress Codex, чтобы зарегистрировать новое меню.

Для этого нужно знать, где найти такой файл.

Позвольте мне провести вас через:

Шаг 1

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

Шаг 2

С левой боковой панели откройте public_html.

Запись: Если вы редактируете субдомен или ваша WordPress установка для вашего сайта находится в другой папке, вам нужно открыть ее. В противном случае вы можете увидеть все папки и файлы вашего корневого домена в public_html.

Шаг 3

Найти WP-содержание папку и нажмите, чтобы открыть. Все содержимое сайта WordPress находится в этой папке.

Шаг 4

Теперь вы можете видеть плагины, темы, загрузки и т. Д. Как я уже упоминал ранее, вам нужно отредактировать тему. Итак, откройте "темы" папка.

Шаг 5

Вы можете увидеть все активные и неактивные темы WordPress, которые у вас есть. Откройте вашу текущую папку темы. Например, я открываю "twentyseventeen".

Шаг 6

Если вы прокрутите вниз, вы можете легко найти functions.php файл – Щелкните правой кнопкой мыши выбирать редактировать.

Шаг 7

Появится всплывающее окно, просто выберите редактировать и вы можете увидеть новую вкладку для редактирования кода functions.php. Здесь вам нужно добавить новую функцию.

function new_nav_menu () {
register_nav_menu (‘my-new-menu’, __ (‘Основное меню’));
}
add_action (‘init’, ‘new_nav_menu’);

Сохранить файл, и откройте панель администратора. Перейти к Внешность>>меню, и вы можете увидеть "основное меню". Это означает, что вы успешно зарегистрировали его.

Как отобразить меню навигации?

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

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

Многие люди также любят добавлять несколько меню в нижний колонтитул.

В зависимости от вашего выбора, откройте файл. Для области заголовка откройте header.php, для нижнего колонтитула, открыть footer.php и найдите место, где вы хотите отобразить новое меню навигации.

Позвольте мне показать вам код.

<?PHP
wp_nav_menu (массив (
‘theme_location’ => «Моего новое меню»
‘container_class’ => ‘new-menu-class’))
?>

В верхнем правом углу сохраните файл, и вы увидите новое меню.

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

Позвольте мне показать вам пример CSS.

div.new-menu-class ul {
list-style-type: нет;
стиль списка: нет;
}
div.new-menu-class li {
отступы: 20px 25px;
дисплей: встроенный;
}

Вы можете настроить CSS в соответствии с вашими требованиями.

Как добавить несколько меню навигации вместе?

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

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

function new_nav_menu () {
register_nav_menus (
массив (
‘my-new-menu’ => __( ‘Основное меню’ ),
‘another-new-menu’ => __ («Вторичное меню»)
)
);
}
add_action (‘init’, ‘new_nav_menu’);

Как вы можете видеть, в этом коде я использовал массив, внутри которого вы можете видеть имена двух меню. Если вы сохраните файл и перейдете к Внешность>>меню, Вы можете увидеть два новых навигационных меню.

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

<?PHP
wp_nav_menu (массив (
‘theme_location’ => «Другого новое меню»,
‘container_class’ => ‘second-new-menu-class’));
?>

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

Запись: Не забывайте, что вам нужно добавить код для регистрации меню в functions.php и для отображения меню, вы должны выбрать файл самостоятельно.

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

Разве не легко добавить новое меню навигации?

Если вы новичок, мы рекомендуем вам проводить такие эксперименты на локальном сервере. Вы можете использовать XAMPP, WAMP или MAMP, чтобы сделать это.

Редактирование любого файла кодирования живого сайта опасно. Одна маленькая ошибка может нарушить дизайн всего вашего сайта. Поэтому также рекомендуется включить режим обслуживания, чтобы, если что-то пойдет не так, ваши читатели ничего не увидят.

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

Требуется немного опыта CSS. Я упомянул пример, который поможет вам, но это не относится ко всем. Я хотел дать вам идею.

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

Если у вас все еще есть проблемы, вы всегда можете связаться с нами

Связанные статьи с практическими рекомендациями

  • Как добавить отдельные сообщения в меню навигации в WordPress
    промежуточный
  • Как добавить значки изображений в элементы меню навигации WordPress с помощью cPanel
    промежуточный
  • Как правильно добавить файл CSS в тему WordPress с помощью cPanel
    эксперт
  • Как правильно добавить файл JavaScript в тему WordPress с помощью cPanel
    эксперт
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me