• Авторизация


Про Сайдбары и Виджеты 17-07-2013 16:15 к комментариям - к полной версии - понравилось!


Оригинал сообщения


Нравится мне WordPress  своей гибкостью.  Возникла тут необходимость добавить информационный блок на странице таким образом что бы отображался сразу над основной лентой блога [400x136]Самым простым способом оказалось добавить новый сайдбар. А вот как это сделать я и собираюсь рассказать.


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


1. Создаем дочернюю тему, у меня в качестве базовой использовалась  BuddyPress Default


Для начала создаем папку в public_html/site/wp-content/themes в которой будут лежать файлы вашей дочерней темы, например bp-child.  В этой папке создаем файл style.css следующего содержания


/**

* Theme Name: BuddyPress Child

* Theme URI: http://ww.gorki-25.ru

* Description: BuddyPress Default Child

* Version: 1.4

* Author: Kuznetsov A

* Author URI: http://duke.msk.ru

* License: GNU General Public License

* License URI:

* Template: bp-default

* Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white

*


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

Template: bp-default - указывает на материнскую тему, которую мы ни в коем случае не удаляем.


2. Создаем сайдбар


В моем случае новый сайдбар отображается только на главной странице сайта.  Копируем index.php материнской темы к себе в  public_html/site/wp-content/themes/bp-child в том месте где хотим установить новый sidebar вставляем следующий код


 



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




В моей теме я расположил этот код сразу после











За вывод сайдбара у нас отвечает  function.php Создаем его в папке  public_html/site/wp-content/themes/bp-child примерно следующего содержания:



В результате, у нас появился новый сайдбар:

[400x208]

Который мы можем по своему усмотрению наполнить виджетами.


3. И довершение немного о виджетах. У меня периодически возникает необходимость внедрения на сайдбар javascript или php кода, внедрение стандартным виджетом текст это не всегда работает. Зато создав свой собственный виджет вы можете внедрить на сайдбар любой код. в качестве примера я покажу как внедрил на сайт счетчик liveinternet. Для начала надо определиться, будет ли ваш виджет использоваться только в текущей теме или же может использоваться вами или другими пользователями независимо от темы. Я решил что тема моего сайта не будет менять и решил писать код виджета все в том же   function.php



function my_first_widget($args) {



extract($args);



echo $before_widget;

echo 'Title'; 

echo $before_title;

echo get_option('my_widget_title');

echo $after_title;



?>

 




 Заголовок;: 

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Про Сайдбары и Виджеты | Duke_Frozen - И может на крови вырастет тот дом, Чистый для любви... | Лента друзей Duke_Frozen / Полная версия Добавить в друзья Страницы: раньше»