Главная Часть 1. Создание блога Глава 8. Техническая часть Урок 33. Как сделать панель вкладок в WordPress или первые новости блога WPguru.ru

Урок 33. Как сделать панель вкладок в WordPress или первые новости блога WPguru.ru

вкладки вордпресс

Всем привет!

На блоге небольшие изменения. Во-первых, изменил кнопку «Читать дальше», мне кажется так намного лучше. А то бродя по своему блогу, я даже не сразу разглядел эту кнопку, т.к. она слилась с анонсом статьи (кнопка серая и шрифт у анонса серый). Поэтому решил ее выделить из общего фона. Второе, что я сделал - добавил наконец логотип. Долго я придумывал блогу лого, которое бы выделяло его из миллиона других, и наконец нашел. Правда я его на половину позаимствовал из одного американского шаблона, но думаю никто не против 🙂 Если есть какие-либо предложения по улучшению блога, пишите в комментариях или мне лично, мои контакты можете найти в соответствующим разделе на блоге. Скоро выйдут интересные мини-курсы, так что подписывайтесь на RSS, чтобы ничего не пропустить!

Так же работы проводятся на блоге SlyArt, но не так интенсивно, как тут. Однако и он скоро оживет, уже пара статей по основам веб программирования на подходе. Рекомендую читать всем новичкам! Хотя и профессионалам не мешает порой повторять изученное.

И так, хватит новостей, давайте поговорим об одной из наиболее часто встречающихся вопросов:

Как сделать панель вкладок в WordPress?

  1. Скачиваем плагин SideBarTabs. Он не обновлялся более 2-х лет, однако я, перепробовав все его аналоги современные, могу с уверенностью сказать, что он один из лучших, если не лучший в своем роде! В нем огромное количество настроек и функций. Активируйте его!
  2. Теперь переходим в «Параметры» -> «sidebarTabs».
  3. Жмем на кнопку «Create New sidebarTab»
  4. В поле «Widget» выбираем нужный виджет. В нашем примере первая вкладка будет «Категории», вторая - «Архивы».
  5. Можете добавить иконки по желанию. Нажимаем «Save».
  6. Повторяем шаг 3,4,5 для другой вкладки.
  7. Запомните порядок (Order)                                                                                                          
  8. Теперь переходим «Внешний вид» -> «Виджеты»
  9. Ставим в нужное место в сайдбаре виджет «Orders sidebarTabs» , удаляем title и ставим галочку напротив «Exclude Title» (это для того, чтобы название в сайдбаре не появлялось). В поле «Orders sidebarTabs» вписываем запомненные нами 1 и 2 через запятую и без пробелов. Должно получиться как на картинке:
  10. Сохраняем и переходим на блог. У меня вот что вышло:

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

Лично мне лень ими заниматься 🙂 возможно я вскоре напишу код, и с помощью него выведу подобные вкладки. Если такое осуществится, то код я выложу бесплатно любому и каждому моему читателю. Скорее всего выложу его я на блоге SlyArt (так как все, что связано с программированием - на нем). Но я предупрежу всех. Рекомендую следовать за мной на твиттере.

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Лариса
0

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

03.10.2012
Sly
0

рад, что статья оказалась интересна Вам 🙂 Если будут вопросы - обращайтесь!

04.10.2012
Ирина
0

попробовала установить плагин, непонятно что нужно сделать чтобы в каждой вкладке отражалось содержимое((

26.12.2012
Sly
0

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

26.12.2012

thanks for your good information

11.10.2017

Оставить комментарий

Поделиться