Как реализовать тему для Wordpress

Создание темы может быть легко и быстро, если следовать правильному пути. Не всегда так делают вебмастеры. Большинство тем для Wordpress созданы из модели, включенной с CMS или из другой темы, поэтому у всех из них почти одинаковый макет с меню справа и фиксированная ширина.

Как создать тему

Тема создается с нуля путем определения таблицы стилей, которую тестируют на HTML-странице. Затем мы заполняем интерфейс кирпичами, предоставляемыми Wordpress, как собираем детали из игры для лего !

Процесс будет состоять из нескольких этапов:

Локально установить WordPress для тестирования.
Определить общую структуру.
Создать таблицу стилей на статической HTML-странице.
Разбить статическую страницу на части (header, footer и т.д.) в файлы для включения.
Создание пользовательских элементов графики.

Если ты найдешь в списке тем, предложенных на сайте Wordpress, темы, внешний вид которых тебе нравится, когда шрифты, аранжировка элементов, использование их с собственной структурой темы, обойдется тебе меньше, чем повторение существующей темы для изменения ее структуры.

Этот учебник основан на удобном примере, для которого мы определили классическую структуру и список файлов, а также также академическую таблицу стилей с колонтитулами, двумя столбцами и меню слева.

Структура темы

Тема разбита на несколько файлов, но каждый из них повторяет часть общей структуры. Это соответствует следующему:

<html>
<head></head>
<body>
    <header>
    </header>
    <content>
    </content>
    <leftside></leftside>
    <rightside></rightside>
    <footer></footer>
</body>
</html>

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

Файлы тем

А базовая тема реализована в следующих файлах :

header.php
Описание заголовка.
single.php
Определение страницы детали.
index.php
Определение домашней страницы.
footer.php
Нижний колонтитул.
sidebar.php
Определение боковых панелей.
comments.php
Шаблон комментариев.

К этому добавляются как минимум два файла:

functions.php
Функции PHP, которые может использовать тема.
style.css
Глобальная таблица стилей. Вся презентация определяется в этом файле.

Для разработки темы можно добавить другие файлы, например search.php для описания формы поиска.

Предварительные знания

Перед построением темы необходимо узнать список компонентов, предоставляемых Wordpress для создания интерфейса.

Компоненты страницы.
Как их назначить в интерфейсе. Это вызовы функций, определенные WordPress.
Код виджетов статей.
Это элементы интерфейса, которые позволяют получать доступ к страницам сайта различными способами.

Создание темы

Мы увидим в 8 главах, как сделать тему для Wordpress, начиная с нуля и с компонентов, заранее определенных ПО Wordpress.

Установить WordPress локально.
Определение страницы. (single.php)
На странице можно включить верхний и нижний колонтитулы.
Домашняя страница. (index.php)
Она содержит список статей, а не тело статьи, но можно дать и другое представление. Она также отображает список по категориям, результат поиска, архив.
Заголовок. (header.php)
Нижний колонтитул. (footer.php )
Боковая панель. (sidebar.php)
Таблица стилей. (style.css)
Ее разрабатывают на статической HTML-странице, размещенной здесь в сети.

Тема также требует шаблона комментариев (comment.php), который будет автоматически включен в конец статьи. Мы вернулись к теме по умолчанию. Мы можем настроить его по мере необходимости.

Применение

Тема Cryonie - реализация этого учебника.

Загрузка

Тема Крионии.

Документация

Тема для публичного выпуска. Проезд через сайт Wordpress. (Английский).
Контрольный список. (Английский).

Форум

Изменение структуры страницы

19-01-2012 19:25:57

link93

Привет форуму, У меня будет небольшой вопрос, я увидел, что в каждой теме есть page.html по умолчанию и можно было иметь несколько моделей в одной теме. Я создал типичную страницу, основываясь на базовой, но я хотел бы добавить 3 поля ниже текстового поля, где я смогу вставить ссылки. Хотел узнать, возможно ли и как ли:). Я кладу копию кода своей тестовой страницы: <? php/* Template Name: страница с 3 колонами посреди */> <? php get_header ();?> <? php get_sidebar ();?> <div id = «content» class = «page»> <? php if (have_posts ()):?> <? php while (have_posts ()): the_post ();?> <div class =» post» id = «post- <? php the_ID ();?>»> <h2> <? php the_title ();?> </h2> <br/> <? php the_content ();?> </div> <? php endwhile;?> <? php endif;?> <? php edit_post_link ('Edit this entry.', '<p>', '</p>');?> <? php comments_template ();?> </div> <? php get_footer ();?> ЕСЛИ у вас есть представление о том, как это сделать, или tuto, который сможет меня направить, я принимаю. Надеюсь, что скоро ^ ^.

20-01-2012 19:33:57

веб-мастер

Здравствуйте Если я правильно понял, речь идет о размещении ссылок под содержимым страницы? Перед комментариями? Это происходит в слое <div class = «post»> </div> После закрывающего тега или в другом месте.