<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

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

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

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

Подробнее
Подписка

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

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Создание навигации в WordPress (фрилансеру)

Создание навигации в WordPress (фрилансеру)

Бывает, что заказчики часто просят, сделать дополнительную навигацию на WordPress и вывести её, в указанном на скриншоте, месте (красными стрелочками). Начинающий веб-разработчик, хотел бы взять этот заказ, но побаивается и проходит мимо.

Что такое навигация, если сказать простым языком? Это группа ссылок, упакованная в меню, ведущая в пункты назначения:

  • на страницу
  • на запись
  • на категорию
  • на тег
  • на URL (domen.ru/page.html)

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

<ul>
<li><a>пункт 1</a></li>
<li><a>пункт 2</a></li>
<li><a>пункт 3</a></li>
</ul>

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

  1. Создать новое меню (create a new menu)
  2. Выбрать пункты назначения (записи, страницы)
  3. Добавить их в структуру меню
  4. Поставить галочку в Display location (вверху или внизу)

Как видите все просто, тогда что не просто? Ну, например заказчик говорит: "Выведите, пожалуйста, навигационные ссылки на три поста про здоровое питание, ниже основного меню". Давайте пошагово разберем, как должен решать поставленную задачу, веб-разработчик?

Создание навигации, уровня веб-разработчика

Шаг1) Создать новое меню

Создание навигации в WordPress – для фрилансера

Шаг2) Добавить пункты меню

Создание навигации в WordPress – для фрилансера

Сейчас custom_name, отображается в Main Menu, там же, где и главное меню, но нам надо создать новую локацию, специально для custom_name меню.

Создание навигации в WordPress – для фрилансера

Шаг3) Регистрация новой локации

Открываем файл function.php и находим код одной локализации Main Menu. Сделаем копию этой строчки, вставим ниже и заменим на свои названия.

// This theme uses wp_nav_menu() in one location.
  register_nav_menus( array(
    'menu-1' => esc_html__( 'Main Menu', 'minimal-grid' ),
    'custom_menu' => esc_html__( Secondary Menu, 'minimal-grid' ),
  ));

Для навигации custom_menu, мы создали локацию Secondary Menu и она появилась в админке. Можно зарегистрировать сколько угодно локаций.

Создание навигации в WordPress – для фрилансера

Шаг4) Вывод навигации custom_menu на сайте

Откроем файл header.php и найдем код, отвечающий за навигацию.

wp_nav_menu(array(
    'theme_location' => 'Main Menu',
    'menu_id' => 'Main Menu',
  ));

Шаг5) Скопируем этот код и подставим новые значения.

<?php<br> wp_nav_menu(array(
    'theme_location' => 'custom_menu',
    'menu_id' => 'Secondary Menu',
));
?>

Шаг6) Вставим этот код, в нужном месте темы.

Создание навигации в WordPress – для фрилансера

Итоги

Что у нас в сухом остатке? Для создания навигации на WordPress, надо выполнить три пункта.

  1. Создать новое меню
  2. Зарегистрировать новую локализацию
  3. Вывести новое меню на странице

Из-за бешеной популярности WordPress, начинающему веб-разработчику, имеет смысл специализироваться, конкретно на этой CMS.

Я часто мониторю, какие заказы чаще всего встречаются на фриланс-биржах. Топ заказов с freelancehunt.com.

  • Натянуть верстку на WordPress
  • Настройка сайта на вордпрессе
  • Мобильная верстка страницы под Wordpress
  • Доделать сайт на WordPress после установки новой темы

Вы видите реальные заказы, в течении 8 часов, только с одной фриланс-биржи.

Создание навигации в WordPress – для фрилансера

Вы можете прямо сейчас, начать изучение WordPress, перейдя на страницу с видеокурсом "WordPress 5 с Нуля до Гуру". Не откладывайте на потом, пока вы думаете, другие уже зарабатывают!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.