Совсем недавно столкнулась с wordpress. Стала разбираться что к чему, решила по свежим следам записывать некоторые моменты, чтоб потом не пришлось вспоминать где же я нашла нужный фрагмент. Решила поделиться.

Начну с шаблона, его еще называют темой. Существует несколько способов работы с темами в wordpress:

• использовать тему “как есть”
• переделать существующую по своему усмотрению
• написать оригинальную тему

Самый простой способ – использование созданной кем-то темы. В этом случае нужно скачать понравившуюся тему, распаковать ее в “..\wordpress\wp-content\themes”, потом в админке wordpress выбрать и применить ее. Тема готова – можете заполнять контентом ваш блог!

Относительно второго и третьего способов однозначно сказать какой лучше пожалуй можно только в конкретном случае, когда вы видите перед собой дизайн и реально оцениваете уровень своих знаний и умений. Для меня легче было написать все с нуля (не обошлось без подглядываний в другие темы за советом ;) ). Поэтому я уделю больше внимания именно созданию оригинальной темы своими руками.

Рассмотрим одноколоночный вариант, т.е. блог состоит (зрительно) из одной большой колонки. На деле в такой блог включены шапка (header.php), центральная часть (index.php) и подвал (footer.php). Для полной функциональности может понадобится еще несколько файлов (comments.php, comments-popup.php, single.php, functions.php и т.д.), но о них речь пойдет позже.

Чтобы не забыть какие именно файлы вам нужны и что в них должно быть, вы можете воспользоваться классической темой в wordpress (..\wordpress\wp-content\themes\classic).

Наглядная структура

Структура шаблона

Для нашего случая страница index.php заменяет страницу поста с комментариями (single.php), главную страницу (home.php). На схеме вы можете посмотреть иерархию шаблонов страниц для темы, а более подробное описание можно прочитать на английском. Я не буду останавливаться на этой иерархии, т.к. для простоты в нашей теме будет минимальное количество страниц.

Чтобы не запутаться в открывающихся и закрывающихся тегах, можно написать html-файл, который потом будет разбит на части в соответствии с шаблоном. Файл может быть таким:

[sourcecode language='xhtml']









Блог

        Описание вашего блога
    




        RSS
      

Заголовок поста


             Автор,
			 20.01.2008
			 количество комментариев/a>
          




		    А тут будет тескт вашего поста
		  





      	© Копирайты
    


  





[/sourcecode]

[sourcecode language='php']




    
	
    

	
	







		


[/sourcecode]

<?php bloginfo(‘name’); ?> – выводит название вашего блога

<?php bloginfo(‘url’); ?> – ссылка на главную страницу

<?php bloginfo(‘description’); ?> – описание к вашему блогу

<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” /> – ссылка на стили

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> – указываем кодировку страницы

<meta name=”language” content=”ru” /> – язык страницы

<?php wp_head(); ?> – «точка», указывающая, что этот код является шапкой, т.е. (header.php); помогает при установке плагинов определить куда добавить служебный код плагина (если есть такая необходимость)

<?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?> – эта строка является одной из составляющих, необходимых для нормальной работы древовидных комментариев; она добавляет джаваскрипт для ссылки «Ответить» в комментариях

index.php

Приступаем к центральной части. Копируем все, что лежит внутри тегов с айдишником “index”. Добавляем шапку, подвал, цикл вывода постов. Получаем:

[sourcecode language='php']



			RSS
		

		                  




					
					
					
				

				 						

			  
			

		


		  

		
		

		
    



[/sourcecode]

<?php get_header(); ?> и  <?php get_footer(); ?> – подключение шапки и подвала

<?php bloginfo(‘rss2_url’); ?> – ссылка на rss

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> – условие для вывода постов

<?php the_permalink() ?> – постоянная ссылка на пост

<?php the_title(); ?> – название поста

<?php the_author(); ?> – автор поста

<?php the_time(‘G:i, d.m.Y’); ?> – время в формате  15:03, 20.01.2009

Дополнительно о времени и дате на английском – Форматирование времени и даты.

<?php comments_popup_link(‘пока нет комментариев’, ‘комментарий 1′, ‘комментарии %’); ?> – выводит количество комментариев;  для этого необходим файл comments.php, но о нем чуть позже

<?php the_tags(‘Теги: ‘,’, ‘,’ ‘); ?> – если заданы теги/метки, то выводит их как список (по алфавиту); теги разделяются запятыми

<?php the_content(‘Дальше …’); ?> – отображает содержимое поста; если статья разделена на 2 части с помощью (< ! –more–>), то на главной отображается часть поста до разделителя и появляется ссылка “Дальше …”

<?php previous_posts_link(‘Назад’); ?> – ссылка “Назад” ведет к предыдущим постам

<?php next_posts_link(‘Вперед’); ?> – ведет к следующим постам

<?php comments_template(); ?> - подключаем файл комментариев (у нас его пока нет, это на будущее)

footer.php

В этом файле закрываются открытые в шапке теги, добавляются копирайты или любая информация по желанию. Так же в нем есть функция <?php wp_footer(); ?>, аналогичная <?php wp_head(); ?>. Содержимое подвала:

[sourcecode language='php']

			© Копирайты