Part-Start.ru

Январь 10, 2013 | Рубрика: Курсы и тренинги

PHP файлы темы оформления WordPress

PHP файлы для темы оформления WordPress

Шаблон, тема или тема оформления – это для WordPress одно и то же. Я часто пишу «тема оформления», чтобы не путать со смысловой темой сайта. Поэтому мне больше нравиться говорить: «шаблон для WordPress». Файлы темы оформления хранятся в папке:

wp-content/themes/vasha-tema

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

Темы оформления позволяют на основе блогового движка, CMS WordPress, сделать самые различные сайты:
•    Блоги.
•    Фотоблоги.
•    Каталоги.
•    Магазины.
•    Новостные сайты.
•    Тематические сайты.

Мы будем делать контентный тематический сайт с коммерческой направленностью.

Тематический – означает, что статьи на сайте будут объединены вокруг одной темы.
Контентный  – значит на этом сайте будет много текстового контента.
Коммерческий – мы на этом сайте будем продавать партнерские товары и услуги.

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

Два фактора успеха

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

Технически, тема оформления - набор файлов, собранных в папке themes. Это небольшая программа на языке программирования PHP, которая позволяет выводить в окно браузера HTML код со стилями CSS. Все стили оформления хранятся в файле style.css. Там записаны правила для всех шрифтов, там заданы все цвета, размеры и отступы для всех элементов оформления, которые размечены кодом HTML.

Набор папок может быть разный, листов стилей может быть несколько. Названия папок и листов стилей могут отличаться в разных темах. Это обычное дело. Нужно скачать паку с темой на свой жесткий диск и разобраться где и что лежит. Особое внимание уделить папке или папкам, если их несколько, с графическими элементами. Возможно, их придется редактировать и переписывать все надписи по-русски, используя для этого графический редактор.

Так же самого пристального внимания заслуживает лист стилей или листы, если их несколько. Через изменение стилей можно изменить шрифт на сайте, стиль ссылок, цветовое оформление блочных элементов, стили заголовков, стили маркированных списков. То, что нужно для улучшения восприятия информации. Например, всем хороша тема, а шрифт текста установлен с засечками, мелкий, читать с экрана тяжело. Через изменения стилей в файле style.css изменить шрифт на всем сайте – дело нескольких минут.
Графика обычно хранится в  папке wp-content/themes/vasha-tema/images

В папке wp-content/themes/vasha-tema/js лежат скрипты JavaScript, если они используются в шаблоне, например для выпадающего меню, или для плавного увеличения картинок, например, в шаблоне каталога товаров.

Файлы темы

index.php

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

header.php

Шапка сайта, верхняя часть. В шапке обычно размещается логотип или графический элемент. Главное, верхнее меню сайта со ссылками на статические страницы.

footer.php

Нижняя часть сайта. Там обычно содержится вся служебная информация. В подвал устанавливают код счетчика.

sidebar.php

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

page.php

Выводит в центральную часть экрана статическую страницу.

single.php

Выводит запись.

category.php

Выводит список рубрик с анонсами статей.

search.php

Выводит результаты поиска – список ссылок и заголовков.

archive.php

Выводит список статей из архива за определенный период.

404.php

Выводит сообщение об ошибке, если страница не найдена.

comments.php

Отвечает за ввод и публикацию комментариев.

functions.php

Функции, которые нужны для работы темы оформления.

Установка файлов темы WordPress

После активации выбранной темы нужно зайти в раздел Внешний вид и посмотреть, какие пункты там появились. Каждая тема позволяет сделать разные настройки, в зависимости от замысла автора. Нужно помнить, что тема, как и плагин – это программа на PHP. Разные темы – разные программы со своими особенностями и со своими настройками. Только настройки эти не в главном меню, как мы привыкли в Windows, а в левой колонке, в разделе Внешний вид, в панели администрирования WordPress.

Более наглядно настройка темы представлена в разделе: Внешний вид -  Темы – Управление темами. Нас  интересует активная тема и меню для настроек:

Настроить | Особенности | Виджеты | Меню | Настройки текущего шаблона

Меню может быть и таким:

Настроить | Особенности | Виджеты | Меню | Настройки темы | Заголовок | Фон

Или таким:

Настроить | Особенности | Виджеты | Меню | Logo options

Если ссылка Особенности активна, то нужно обязательно зайти в этот раздел. Так же нужно перейти по ссылке Настройки текущего шаблона или Настройки темы. Внимательно разобрать, что требуется настроить в выбранной теме оформления WordPress.

Редактирование темы

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

Текст

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

Графика

Кнопки, логотипы, маркеры, другие графические элементы дизайна. Вся такая графика находятся в отдельной папке.

Стили

Стили оформления шрифтов, размеры, цвета, отступы. Находятся в файле с описанием CSS стилей с расширением .css

HTML разметка

Заголовки, блоки, абзацы, формы. Разметка находится в файлах темы. Дескрипторы или теги HTML разметки перемешаны с операторами языка PHP. В этом особенность веб-программирования. Специальная команда, оператор, выводит, в зависимости от заданных условий, тот или иной фрагмент  html кода в определенное место на странице.

Таким образом сборка происходит на сервере, а браузер получает уже готовый html код страницы. Если появится такое желание, то страницу можно собрать по одной букве. В реальности строительные блоки крупнее – это фразы, слова, числа, формы ввода и картинки. В отдельный случаях, как элемент дизайна используются файлы мультимедиа. Мы такими шаблонами пользоваться не будем. Подобное оформление отвлекает внимание от контекстной рекламы.

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

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

Найдите нужную статью на сайте. Введите слово или фразу в форму поиска!

Комментарии

PHP файлы темы оформления WordPress

Avatar

Алевтина

Январь 10th, 2013 at 19:17

Установила плагины, карту сайта. Решила оставить главную страницу и создала ещё одну, которую продвигать буду. С шаблонами работаю, но если понравиться шаблон то его много менять нужно, конечно уж лучше попроще, но они невзрачные такие. Посетителю ведь приятно зайти на красивый сайт, да ещё с полезным и интересным контентом.

Avatar

Георгий Пичугин

Январь 11th, 2013 at 06:56

Здравствуйте, Алевтина! В нашем деле красота воспринимается субъективно. Сколько людей — столько и мнений. Поэтому, если сайт должен зарабатывать деньги — значит главное его функциональность и контент. Что касается продвижения статических страниц. Главная — та, на которую попадает пользователь, набрав в браузере адрес сайта. Ее и нужно продвигать по высокочастотному слову в первую очередь. Это важно для SEO.

Напишите комментарий

Ссылки

PART-START

Свежие записи

Refill Services canadian pharmacy of seeing a doctor. A catalog of medical and cosmetic products with descriptions. Thematic categories, search by alphabet and key words. All in online pharmacies [!* viagra super active We constantly offer promotions for our customers. The details of the bonus program, see Special Offer.