1. Як вивести рубркі в бічне меню в WordPress
2. Як винести посилання в шапку WordPress
3. про автора

На цьому блозі, та й на багатьох інших я стикався з проблемою, що в шапці то немає категорій, то вони там є. Буквально за місяць до написання цієї статті в одному магазині на openCart довелося прибирати висновок категорій і розміщувати в шапці статті . Причому без різниці скачали ви безкоштовний шаблон для сайту або вам його зробила веб студія, наприклад веб-студія SEOOWL . Тому, нарешті прийшла пора розповісти як прибрати рубрики з шапки і розмістити там довільні об'єкти в WordPress.

Спочатку шапка шаблону була розрахована всього на три рубрики. Але оскільки на цей ресурс ми вирішили писати статті на різні теми починаючи від СЕО оптимізації закінчуючи демотиватори та рецептами здорової пиши і статтями по бізнесу, то звичайно ж три рубркі не вистачило. Перше що я зробив це накидав приблизну картину, щоб зрозуміти як найкраще їх буде розмістити. за замовчуванням вийшло якось так:

Після недовгий роздумів, я прийшов до висновку що категорії треба виводити в панелі віджетів - зліва, а на верх, замість рубрик треба вставляти довільні елементи. Наприклад контакти, і HTML карту сайту. Чому саме ці сторінки? Про це докладніше

• Як і будь-який інший порядний блогер я створюю блог за цілою низкою причин:
  а) Заради задоволення
  б) Щоб допомагати людям
  в) щоб на ньому заробляти гроші
  тому я хочу щоб люди мали контакт зі мною. Заради внесення пропозицій, питань, і заради рекламодавців, яким треба куди писати, щоб розмістити свій банер, рекламну статтю або ще щось.
• HTML карта сайту, прошу не плутати з xml картою сайту (Яка теж обов'язково повинна бути) допоможе користувачам швидко орієнтуватися по сайту, а також пошуковим системам краще індекіровать наш сайт. Кстате як створити HTML карту сайту ви можете прочитати в статті за посиланням.

В результаті має вийти щось типу як на картинці нижче:

На верху карта сайту і контакти, зліва рубрики. Для цього розіб'ємо завдання на два етапи, перший - виносимо рубрики на ліво, другий - виносимо довільні елементи в шапку сайту на WordPress.

Як вивести рубркі в бічне меню в WordPress

1. Заходимо в панель адміністратора сайту
2. Переходимо в розділ «Зовнішній вигляд» -> Віджети
   
3. Перетягнути з лівого квадртата «Теми» в Правий квадрат
4. Після чого ви зможете назвати блок рубрик так як вам подобатися, а також вибрати зовнішній вигляд.

Після того як ви збережете зміни, можете зайти на головну сторінку і подивитися що вийшло. Якщо ви хочете якісь блоки поміняти місцями це можна зробити просто переміщаючи блоки драг & дропом.

Як винести посилання в шапку WordPress

Якщо вивести категорії в ліве меню дуже просто, то вивести довільні посилання в шапку, наприклад Контакти або карту сайту буде трохи складніше. Для цього:

1. Зайдіть по FTP в корінь сайту
2. Знайдіть файл header.php по маршруту wp -content / themes / <span style = "text-decoration: underline;" > Ваша тема </ span>

   wp-content / themes / <span style = "text-decoration: underline;"> Ваша тема </ span>

Далі, нам треба прибрати висновок рубрик, і замість нього підкласти код довільних сторінок. У 99% випадків висновок рубрик здійснюється кодом:

<Em> <div class = "secondary-navigation"> </ em> <em> <nav id = "navigation"&gt; </ em> <em> <? Php if (has_nav_menu ( 'primary-menu')) { ?&gt; </ em> <em> <? php $ walker = new mts_Walker; wp_nav_menu (array ( 'theme_location' => 'primary-menu', 'menu_class' => 'menu', 'container' => '', 'walker' => $ walker)); ?&gt; </ Em> <em> <? Php} else {?> </ Em> <em> <ul class = "menu"&gt; </ em> <em> <? Php wp_list_categories ( 'title_li ='); ?> </ Em> <em> </ ul&gt; </ em> <em> <? Php}?&gt; </ Em> <em> <a href="#" id="pull"> <? Php _e ( 'Menu', 'mythemeshop'); ?> </a> </ em> <em> </ nav> </ em> <em> </ div> </ em> <em> </ div> </ em>

Раджу вам шукати цю ділянку по рядку

<Em> <nav id = "navigation"> </ em> або <em> <? Php wp_list_categories ( 'title_li ='); ?> </ Em>

Замініть його на:

<div class = "secondary-navigation»>
<nav id = "navigation»>
<ul class = "menu»>
<li> <a href=» http://napositive.com.ua/karta «> Карта сайту </a> <li>
<li> <a href=» http://napositive.com.ua/kontakti «> Контакти </a> <li>

</ ul>

</ nav>
</ div>
</ div>

Підкреслений код ви природно міняєте на свій. У парі йдуть URL адресу та назву. (Рекомендую прочитати які правильно робити посилання в OpenCart ). Якщо вам треба не два посилання, як у мене, а скажімо три або дестякі, то нічого страшного. Ви можете дублювати рядок:

<Li> <a href="http://<span style="text-decoration: underline;"> адрес_статьі </ span> "> <span style =" text-decoration: underline; "> Назва </ span> </a> <li>

Скільки вам потрібно раз. Головне щоб не вилизати за межі виділеного місця в шаблоні.

Якщо у вас залишилися питання - пишіть в коментарях, спробую на на них відповісти.

про автора

Andrey

Адміністратор блогу. Спеціаліст з маркетингу, розвитку бізнесу, здорового способу життя. Власник і директор двох компаній в Україні. Сертифікований фахівець Apple. Захоплення: бізнес, спорт, дайвінг.