Пишем WordPress темы - header.php. Часть 2.

Настало время привести форму отправки поисковых запросов к надлежащему виду, точнее заставить её работать.

Шапка WordPress темы

  1. Находим в файле "header.php"  строчку с комментарием <!-- SEARCH -->, правим код формы до такого вида:
    		<form action="<?php bloginfo('url'); ?>" method="get" id="search">
    
    			<div class="relative">
    		
    				<div id="search-input"><input type="text" size="30" name="s" class="input-text" value="Поиск по сайту" onblur="if (this.value == '') {this.value = 'Поиск по блогу';}" onfocus="if (this.value == 'Поиск по блогу') {this.value = '';}" /></div>
    
    				<div id="search-submit"><input type="image" src="<?php bloginfo('template_url'); ?>/images/search-submit.png" value="Найти" /></div>
    
    			</div> <!-- /relative -->
    				
    		</form>
    Внимание обратите на name="s" у поля ввода текста. Без этого ничего работать не будет.
  2. Вторым шагом поколдуем над "треем" (<!-- TRAY -->):
    		<p class="f-right">
    		
    			<a href="http://twitter.com/home?status=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/ico-twitter.png" alt="Twitter" /></a>
    			
    			<a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/ico-rss.png" alt="RSS" /></a>
    			
    		</p>
    
    Первый линк идет на Твиттер, второй 'rss2_url' - ссылка на новостную ленту.

Хлебные крошки оставим, как тему одной из завершающих статей по созданию шаблона для WordPress с нуля. Скачать новую "версию хедера" вы можете тут.

P.S. Кстати это уже четвертая по счету модификация данного файла. Что поделать, - в одну заметку текст ну никак не помещается.





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