июня 24, 2008

Как сделать обычную веб страницу из шаблона Wordpress

Для популярного движка Wordpress существует превеликое множество бесплатных дизайнерских шаблонов. На одном только ThemeViewer их более 1300! И еще тысячи можно найти на других ресурсах, посвящённых дизайнерским темам для Вордпресса. Но если вам необходим простой сайт, состоящий из нескольких страниц, то нет необходимости использовать мощную систему управления контентом. Можно взять только шаблон, удалить служебные теги Wordpress, заполнить своим содержанием и вы получаете готовый вебсайт.

Как правило, тема шаблона для Wordpress состоит из следующих файлов:

  • Страница ошибки 404 = 404.php
  • Шаблон архива = archive.php
  • Индекс архива = archives.php
  • Шаблон комментариев = comments.php
  • Шаблон подвала = footer.php
  • Шаблон шапки = header.php
  • Ссылки = links.php
  • Главный шаблон = index.php
  • Шаблон страницы = page.php
  • Шаблон всплывающих комментариев = comments-popup.php
  • Шаблон публикации = single.php
  • Форма поиска = searchform.php
  • Шаблон поиска = search.php
  • Шаблон боковой колонки = sidebar.php
  • Таблица стилей = style.css

Нам необходимы только следующие 5 файлов: index.php, header.php, footer.php, sidebar.php, style.css. Сборка шаблона происходит в файле index.php. В нём применяются теги вордпресса, включающие все остальные файлы. Схематически, макет шаблона может быть представлен в следующем виде (в скобках указаны соответствующие теги):

header.php (<?php get_header(); ?>)

<div id="content" class="narrowcolumn">

Наполнение страницы

</div>

sidebar.php

(<?php get_sidebar(); ?>)

header.php (<?php get_footer(); ?>)

Далее, как говорится, дело техники: за основу берем файл index.php, находим в нем указанные на схеме теги и вместо них вставляем содержимое соответствующих файлов, изменяем расширение файла index.php на .html (чтобы получился HTML документ index.html). Обязательно необходимо исправить данные в шапке полученного HTML документа, как то: <title>, <head>, <meta>, <link> — необходимо опять же вместо тегов Вордпресса (они все начинаются с <?php) вставить данные своего вебсайта (заголовок, мета-теги, ссылки на таблицы стилей CSS).

Стиль темы Вордпресса (style.css) создан таким образом, что в нём прописаны практически все основные элементы HTML документа — заголовки, абзацы, ссылки, меню сайта, цитаты, изображения и т.д. Поэтому вам остаётся только использовать необходимые стили из имеющегося файла для достижения требуемого форматирования. Самый простой способ сопоставления это посмотреть преобразуемую тему в действии (такая возможность предоставляется на сайте с темами), выбрать нужные вам элементы дизайна и, просмотрев исходный код страницы, использовать имеющиеся названия стилей.

2 комментария:

  1. мудрая итальянская пословица гласит: "вино можно делать, кроме всего прочего, даже из винограда".

    ОтветитьУдалить
  2. Анонимный8 мая 2009 г., 11:40

    Очень даже полезная статья.

    ОтветитьУдалить

Комментирование запрещено.

Примечание. Отправлять комментарии могут только участники этого блога.