Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Шаблоны WordPress

июля 31, 2010

В прошлой статье мы собирались подобрать шаблоны для сайта  на движке WordPress.  Выбрали? Ну, выбрали, не выбрали, а насмотрелись на них, я думаю, достаточно. Может Вы заметили, что шаблоны WordPress хоть и кажутся очень разными, но в принципе все одинаковые. Что же их роднит и сближает? Структура шаблона.  Обратите на, так сказать, составные части шаблона. Это верхняя часть шапка, хедер (header), под ним две или три колонки разной ширины. Это две узкие колонки сайдбары (sidebar) и одна широкая, где собственно и размещаются статьи (посты, записи), обычно именуемая  блоком контента (content).  В зависимости от количества сайдбаров, один или два, шаблоны WordPress бывают 2-колоночные или 3-колоночные. И самая нижняя часть шаблона – это подвал, футер (footer).

Шаблоны WordPress и что чаще всего располагается в составных частях шаблона:

Хедер. Здесь, как правило, размещены:

  • Название и описание блога, которые задаются в настройках движка.
  • Графические элементы, которые во многом определяют дизайн сайта.
  • Кнопка перехода на главную страницу
  • Кнопка перехода на страницу О сайте с описанием сайта
  • Могут быть окошко поиска по сайту, подписка на RSS, и др.

Сайдбары. Здесь, как правило, размещены:

  • Рубрики,  то есть разделы блога или сайта
  • Архивы, статьи сайта рассортированные по месяцам и годам
  • Свежие записи (статьи) сайта
  • Ссылки на внешние ресурсы движка WordPress
  • Могут быть окошко поиска по сайту, подписка на RSS, и др.

Блок контента. Здесь – размещается контент.  То есть записи (статьи).

Футер.

  • Место обязательной записи об авторских правах
  • Обычно здесь размещают различные счетчики

Итак, Вы выбрали шаблон или несколько шаблонов WordPress. Возникает вопрос что с ними теперь делать?  Вставить в движок. Как это делается.

Обычно шаблоны WordPress скачиваются в виде архивов. Выбираем архив шаблона и разархивируем.  Копируем папку шаблона  и вставляем в папку themes движка.  На локальном хостинге путь к этой папке: C:\WebServers\home\proverka.ru\www\wp-content\themes. Естественно в эту паку можно вставить любое разумное количество шаблонов, каждый из которых можно будет потом  активировать. Чем мы сейчас и займемся.

Запускаем локальный хостинг ярлыком на  рабочем столе. Путем ввода логина и пароля входим в административную панель движка.  Обратите внимание на меню Текущее состояние блога в панели объявлений:

Шаблоны WordPress

Здесь Вы видите, что у нас уже есть одна запись, одна страница и один комментарий, которые нас  создал добрый «Кактус».  Но нас интересует кнопка Сменить тему оформления, которую мы и нажимаем и попадаем в панель   Управление «темами». Здесь мы видим текущую тему оформления, обычно это WordPress Default,  и ниже — Доступные темы оформления, что собственно и есть шаблоны WordPress, со  скриншотами и описаниями, загруженные Вами. В описании есть меню из трех пунктов: Активировать, Предосмотр, Удалить с вполне понятным назначением. Для активации любой темы достаточно щелкнуть  Активировать.  Выбранный Вами шаблон станет текущей темой оформления. Чтобы увидеть что получилось  — достаточно щелкнуть на кнопке Просмотр сайта в верхнем левом углу. А увидите Вы статью Привет мир! с ценными рекомендациями от «Кактуса». И наконец об еще одной возможности загрузки шаблонов WordPress. Обратите внимание на кнопку  Добавить:

Шаблоны WordPress

Щелкнув по которой мы попадем в панель Установка «тем»:

Шаблоны WordPress

Меню  — понятно интуитивно. Реально в локальном хостинге работают пункты Найти и Загрузить файл, при этом движок «видит» только архивные файлы. Кнопкой Обзор находим нужный архив шаблона, жмем Открыть -  Установить сейчас и выбираем из меню нужное действие.

Как видите все просто. Можете выбрать шаблоны WordPress,  в любом количестве, из которого  выбрать нужный для Вашего блога.


Кстати, тоже интересно:
Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Карта сайта