Пишем тему для WordPress: sidebar.php и блок рекламы

Продолжаю начатую уже более месяца назад рубрику по созданию темы для WordPress 3.3.2 с нуля. В этом уроке мы с вами доведем до ума боковую колонку для виджетов. Правим заготовку имеющуюся из прошлых уроков заготовку файла "sidebar.php".

WordPress сайдбар для баннеров

После (я надеюсь внимательного) разглядывания снимка условно-конецного результата приступаем к собственно самой реализации.

  1. Правим HTML разметку тега H3, далее редактируем код между самым первым встретившимся классом padding до следующего состояния:
    <!-- Если сюда помещены виджеты, тогда показываем их, иначе выводим полу-HTML заглушку.
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('ads') ) : ?>
    	<h3 class="title">Реклама на сайте</h3>			
    	<div class="padding">			
    		<ul class="ads box">
    			<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/tmp/125x125.gif" alt="" /></a></li>
    			<li class="last"><a href="#"><img src="<?php bloginfo('template_url'); ?>/tmp/125x125.gif" alt="" /></a></li>
    		</ul>
    	</div> <!-- /padding -->
    <?php endif; ?>
    
  2. Создаем "functions.php" в папке шаблона, вписываем туда подобный код:
    if(function_exists('register_sidebar')) 
    {
    	register_sidebar( // Регистрируем "сайдбар"
    		array(
    			'name'  => 'Баннеры 125X125', // Заголовок для отображения в админке
    			'id'  => 'ads', // Идентификатор виджета
    			'before_widget' => '<div class="padding"><ul class="ads box">', // Перед виджетов
    			'after_widget' => '</ul></div>', // После виджета
    			'description' 	=> 'Блок для спонсорских баннеров.', // Описание
    			'before_title' => '<h3 class="title">', // Перед заголовком
    			'after_title' => '</h3>' // После заголовка
    		)
    	);
    }
    

В двух предыдущих шагах обратите особое внимание на наличие одного и того же идентификатора. В данном случае это ads. Идентификаторы в Sidebar и Functions должны совпадать.

Прилагаемые файлы с исходным кодом:





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.