Привет, всем! Часто спрашивают, как сделать (продублировать) второе меню в футер WordPress блога. Так вот, решил написать короткий мини пост-инструкцию как это сделать, к тому же это делается очень просто!
Если честно, я не знаю какой CEO эффект от нижнего меню, но все крутые сеошники рекомендуют продублировать главное меню в самый низ сайта (в футер, подвал блога) Может быть кто-то один сделал, все подхватили… Ну реально – какая может быть польза (помимо удобства пользователям)? В комментариях делимся мнениями.
Вы можете и у меня видеть в подвале второе меню:
Как сделать (продублировать) меню в футер WordPress блога
Когда у меня по почте спрашивают по данному вопросу, приходится писать каждый раз одно и тоже, честно, уже подзапарился… поэтому объясняю для все новичков и для тех кто не знает один раз
1. Итак, переходим в админку блога и создаем новую запись. (Публиковать ничего не нужно будет, когда сделаем меню запись удалим).
2. Редактор обязательно переключаем в режим HTML. (Хотя можете все сделать в визуальном редакторе, просто в самом конце нужно будет переключиться на HTML, мне удобнее делать сразу в HTML)
3. Дальше в редакторе пишите в строчку все пункты вашего меню и разделяете прямым слэшем (не знаю как называется этот знак, в общем разделяете вот этой прямой палкой “|”) Например: Главная | Об авторе | Карта сайта | … и т.д…
4. Теперь просто выделяете каждый слово и добавляете ссылку на страницу (ссылку можно добавить как через загрузчик WordPress, как и просто скопировать из основного меню и вставить в поле для ссылки)
4.1. Выделяем слово – Жмем “Link”
4.2. Через загрузчик ищем нужную страницу – жмем “Добавить ссылку”
4.3. Вот что должно получиться
5. Подобным образом добавляете ссылки на страницы ко всем пунктам меню. После того, как добавите все ссылки, копируем полученный код:
6. Теперь, не выходя из админки блога, переходим “Внешний вид — Редактор” и слева ищем файл footer.php:
Вставляете код в то место, где хотите видеть меню, выравниваете его как вам угодно, делаете отступы (вы должны знать хоть чуть-чуть css – бесплатные уроки) Можно обернуть все код в DIV и в файле style.css прописать правила, можно как у меня на скриншоте задать абзацу стиль:
<p style="text-align: center; margin-top:10px; margin-bottom:10px; font-size:14px; ">ваш код</p>
(Отступы подберете под ваш сайт)
Не забываем обновить файл!
Все, второе меню в подвале вашего WordPress блога готово!
Кстати, те, кто пропустил пост о конкурсе RUSEOшник, рекомендую ознакомиться и принять участие.
ВНИМАНИЕ! Предлагаю обменяться постовыми с блогами похожих тематик (Создание сайтов, SEO, заработок в интернете). Это будет полезно и вам и мне — это ТИЦ и увеличение посещаемости наших блогов!
На сегодня все, удачи и до скорого на http://aimblog.ru/
Если урок был полезен, прошу ретвитов. Спасибо!
Статья полезная но правда позноватая я себе тоже долго мучался не мог ни как найти как сделать, но потом скопировал твой html код и поменял внем все на свое и все вставил в футер и получилось ничего правда на ссылки пока не нажмещ они ораньжевые а когда нажмеш наоборот черные а хотелось бы наоборот но это я щас буду качать курсы от Евгения Попова по css и сам уже разбираться.
Привет Валерий! Не знаю как другим, но мне показалось и до сих пор кажется, что удобно как-то.
Дмитрий, не совсем понял вашу мысль
Ну я как бы излагаю мысль по теме
))) Меню в футере — это удобно, я говорю
)))
Валерон, а смысловая нагрузка от такого меню? И как оно в плане сео играет?
WPixel, я ведь в начале поста сказал:
Я и пост написал потому что раз пять уже приходилось по почте объяснять как сделать это меню. Пост видимо не читал
Да пост еще вчера прочитал, пытался с телефона закоментить но не получилось ))) надо погуглить на эту темку
Да че там гуглить, сейчас просто писать статьи надо зашибательские для людей, вот и все! ;)
Да какой там СЕО-эффект. Особенно если ссылки с rel=»nofollow». Все, кроме ссылки на главную.
А вы наблюдательны *DRINK*
Я не причем. Есть ведь дополнение RDS bar. Сразу видны и nofollow и noindex. А кроме этого есть комбинация Ctrl+U.
))))
*THUMBS UP*
Валера, установи правильно коды ноиндекс для рекламы в шапке: картинку-логотип через браузер FF, почти не видно:
noindex правильно закрыл, это баннеры не правильно расположены (позиционирование), все руки не доходят, надо взяться. Но все равно спасибо *DRINK*
Я не понимаю, зачем дублировать оглавление в футере. 8)
Я вот тоже не понимал, а потом как-то дошёл до футера и понял, что…не хочется прокручивать обратно вверх или нажимать кнопку home, а лучше сразу перейти по ссылке из футера)))) ЛЕНЬ!
Вот! Правильно, много кому так удобно! В основном это больше юзабилити чем СЕО!
А если делать чтобы по дизайну были схожие и верхнее и нижнее, то просто скопировать этот кусок кода отвечающий за вывод меню и скопировать в футер, и тогда при добавлении новых пунктов, не надо будет переписывать заново
Лучше изучить азы html и css.
И не заморачиваться.
приложить ещё немного фото-шопа или флеш, и получится уникальность.
И удовольствие от сделанного
Вот тут уж реально расписано для чайников, использовать вордпресс для создания кода, довольно облегчающее занятие для новичков.
Так реально проще
Когда то и сам пользовался подобным способом, пока не изучил html и css.
Голь на выдумку хитра.
Молодец Валера.
Буду следить за Вашим блогом.
8)
Добрый день, ак не подскажете как футер сайта добавить изображения? Спасибо!
Вставить ссылку на картинку или с помощью css стилей. В двух словах не объяснить.
Добрый день. А как с помощью css стилей если более подробно.
Спасибо за статью! Очень доступно написано! Сделала на своем сайте по вашим рекомендациям!
Спасибо за хорошо переданный материал! Сделал себе меню в футере, доволен! ))
Спасибо огромное. Все делаю сама и радует когда встречается очень четкий и понятный материал для работы. С Вашей помощью внесла изменения и результат порадовал.