Как работают шаблоны? Что такое тема и шаблоны WordPress

В этой статье мы начнем со смены внешнего вида нашего блога. Однако прежде чем начать, рекомендую ознакомится с темой WordPress и на ее основании, подобрать свой подходящий шаблон. В интернете есть очень много сайтов, которые предлагают как платные, так и бесплатные шаблоны для движка . Думаю найти их не составит труда, намного сложнее будет подобрать подходящий шаблон. После того, как вы выбрали шаблон, скачайте его к себе на компьютер. Хочу также сказать, что все шаблоны хранятся в архиве zip и в дальнейшем их распаковывать не надо. В таком сжатом архиве они загружаются на ваш хостинг.

Теперь переходите в административную панель управления своим , там заходите в меню «Внешний вид » —> «Темы «. Там вы увидите шаблоны, которые были установлены на ваш блог. В верху есть вкладка «Установить темы «, нажмите на нее. Перед вами откроется форма поиска шаблонов. Она предлагает подобрать шаблоны по цвету, колонкам, ширине, функциям, а также можно посмотреть более свежие, избранные или недавно обновленные шаблоны. Лично я не рекомендую пользоваться такой формой поиска, так как она находит только не переведенные шаблоны.

Сейчас нажимаем на вкладку «Загрузить «. Там предлагают нам выбрать файловый архив шаблона, который находится у нас на компьютере. Выбираем этот файл и нажимаем «Установить «. После установки нам предложат активировать шаблон, но вы сразу это не делайте. Вновь вернитесь в меню «Внешний вид » —> «Темы «. Там должна появится ваша новая установленная тема оформления. Под ней нажимаем на вкладку «Посмотреть «.

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

Все, теперь ваш шаблон полностью заменен! При надобности, можете немного подредактировать свой шаблон. Для этого заходите в административную панель, в меню «Внешний вид» и в параметры темы. В зависимости от шаблона, там вы можете скрыть или поставить заголовок, скрыть или отобразить галерею анонсов своих статей, задать стиль блоков, вставлять код и редактировать его для отображения рекламы на блоге и так далее.

Если в вашем шаблоне WordPress есть какие-то ненужные отображения элементов, а данный шаблон вы из-за этого не хотите удалять, тогда вам предстоит отредактировать нужные файлы вашего шаблона. Вы должны понимать, что все шаблоны состоят из множества файлов, которые отвечают за отображение и работу отдельных элементов блога. Узнать эти основные файлы вы можете в статье . Чтобы например удалить ненужные записи и ссылки в подвале блога, вам придется их удалять в файле footer.php , который отвечает именно за этот элемент.

И так, мы установили и настроили свой шаблон , однако такой шаблон могут использовать тысячи блогов, что лишает уникальности вашему блогу. Согласитесь, будет плохо если ваш веб-дизайн будет одинаковым по сравнению с другими блогами. Посетители на таких блогах будут немного путаться. Вот даже сами возьмите и представьте хоть на минутку, что было бы если все сайты имели один общий одинаковый шаблон. Вот именно!!! Они бы потеряли свою уникальность. Сама уникальность выделяет ваш блог от других и делает его более запоминающимся для своих читателей.

Я вам рекомендую на первых порах пока временно установить бесплатный шаблон с интернета. Только после того, как вы хотя бы немного познакомились с такой темой, как веб-дизайн, можете тогда при наличии хороших денег, заказать платную тему у веб-дизайнера.

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

14.08.2012

admin

Мне нравится ковыряться в различных wordpress premium темах вордпресса. Какое-то время назад я рассказывал о , с которой фактически и началось мое углубленное изучение шаблонов wordpress премиум класса.

На самом деле мое первое знакомство с premium темами началось еще с Duotive Three шаблона, у автора которого были ролики по работе с данным шаблоном. Так как я взялся за непростую задачу сделать красивый интернет-магазин на вордпрессе с возможностью переключения на 2 языках, мне было сложно с этим всем возиться. Пришлось потратить кучу нервов. В итоге я сделал что-то типа недоделанного магазина часов, который у меня вышел не так как я хотел. К сожалению сайт не сохранился. Хотя другие говорили, что им понравилось.

Что такое вордпресс премиум тема

Если кто не знает, что такое wordpress premium theme, то в двух словах можно сказать так. Это многофункциональный красивый шаблон для CMS wordpress, позволяющий настраивать многоразличный вид главной и других страниц сайта. Большая особенность данных шаблонов это наличие очень красивых слайдов на главной странице. Огромный недостаток данных тем это отсутствие русской технической техподдержки. Поэтому, все технические моменты работы с шаблонами приходится выяснять на английском языке у разработчиков тем. Конечно в Рунете можно найти какие-то мануалы, описание различных настроек. Но для более глубоких настроек требуется знания более продвинутого уровня. Поэтому приходится многие вещи узнавать экспериментальным путем, либо на специальных англоязычных форумах типа themeforest.net.

В этой статье я б хотел дать пару советов по поводу создания сайтов на шаблонах класса премиум. Какой бы вы сайт не делали, для заработка на трафике или продажи ссылок, вам стоит знать про некоторые особенности premium тем. По поводу заработка на ссылках, есть специальные сервисы типа как Тиц поднять. Сервис, которые могут прогнать ваш сайт по различным жирным сайтам, повысив при этом ТИЦ. Но я б советовал вам быть осторожным к подобным предложениям, так как большинство из них не могут дать нужного эффекта в сегодняшних реалиях.

Как установить premium шаблон для wordpress видео

Что вы должны знать про wordpress premium шаблоны

1. Кодировка UTF-8 Unicode. Если вы видите у себя в админке или на сайте проблемы с кириллицей, а именно у вас отображаются такие????????? символы. Тогда вам нужно сохранить базу, которая в phpAdmin в кодировку UTF-9 Unicode.
2. Шорткоды (shortcodes). Научитесь работать с шорткодами, иначе не имеет смысла ставить премиум шаблон. Эти специальные коды, которые можно найти в инструкциях каждого шаблона. С помощью них можно размещать в разных местах различные элементы сайта. В некоторых темах можно увидеть реальные примеры работы шорткодов в Live preview шаблона.
3. Читайте руководство к theme. Прежде чем ставить премиум тему внимательно посмотрите инструкцию которая находится в таких папках как Documents. Как правило, беглого знания английского языка будет достаточно, так как в основном все эти руководства содержат понятливые рисунки или видео. Обратите внимания, что в инструкциях могут быть данные такие указания как поставить определенные права на папку, загрузить дополнительные плагины и т. п.
4. Проблемы с картинками. Пожалуй самая глобальная проблема, которая возникает у вебмастеров, это настройка слайдов на главной странице, а также некоторые глюки с картинками. Если какая-то картинка у вас не загружается, убедитесь, что на папке, в которую вы загружаете, выставлены верные атрибуты. Типа 777 и т. п. Выставите атрибуты (права) 777 папке cache, которая находится в includes в папке шаблона. Также важно, чтобы у вас были фото правильного размера.
5. Виджеты. Многие не знают, что в виджеты темы можно размещать не только html обычный код, но и нужные вам шорткоды.
6. Шрифты. Первое, что шокирует людей, когда они ставят premium шаблон, это отсутствие русских надписей на сайте. Все дело в , который не очень дружит с кириллицей, поэтому необходимо отключить отображение cufon шрифта в админке темы. Или загрузить новый. А для этого вам придется или где-то скачать или сделать самому шрифт cufon, который был бы совместим с русскими символами. Загружаются шрифты в папку fonts. Но этого недостаточно, так как нужно еще прописать путь к загруженному шрифту в определенных файлах темы. Также не забывайте менять размер шрифта, именно из-за этого у многих получается кривое меню и другие надписи.
7. Sidebar. Очень часто в опциях премиум темы можно встретить пункт «sidebar», который для многих не ясен. Сайдбар это правая или левая боковая колонка. С помощью собственного сайдбара вы можете сделать так, что на одних страницах по боках будет одно, на других — другое. Когда вы создадите собственный sidebar, он появится у вас виде дополнительного виджета, в который вы сможете перенести: последние записи, список ссылок, html код и т. п.

По поводу того, где можно достать premium шаблоны. Конечно все они платные, при чем в плату входит тех обслуживание. К примеру, тех поддержка от разработчика шаблона Duotive включает в себя не только ответы на вопросы, но и сама работа от автора. То есть вам буквально настроят шаблон. Также вы будете иметь доступ к обновлениям шаблона, что немаловажно.

Некоторые wordpress premium шаблоны все-таки можно скачать в интернете, которые выкладывают добрые люди. Ведь не у всех есть деньги на покупку таких дорогих тем. Поэтому желательно найти наиболее свежую версию шаблона.

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

Файлы шаблонов представляют собой смесь из HTML и PHP, которая может содержать как ваш собственный код, так и вызывать базовую функциональность WordPress. При разработке темы одна из основных задач заключается в том, чтобы исследовать шаблоны родительской темы и отыскать те места, в которых сгенерирована необходимая вам разметка. Для того чтобы быстро и эффективно выполнить данную задачу, нужно обладать некоторыми знаниями относительно того, как работают шаблоны WordPress. Изучением их работы мы и займемся в этом разделе.

В процессе представления страницы, WordPress проверяет наличие соответствующего шаблона в каталоге с активной темой. Каким образом WordPress выбирает необходимый шаблон? Это зависит от типа страницы, а также от количества доступных шаблонов для ее представления. Сначала WordPress выполняет проверку присутствия определенных шаблонов с определенными именами, и если таких не было найдено, то откатывается к файлу index.php, который является своего рода универсальным шаблоном для отображения любой страницы.

Краткая иерархия шаблонов

Главная страница

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

1. front-page.php
2. page.php или home.php (зависит от того, что вы выбрали в настройках блога)
3. index.php

В WordPress 2.x иерархия была следующей:

1. home.php
2. index.php

Отдельные записи

1. single-posttype.php, где posttype задает определенный тип записи. К примеру, если ваша запись имеет название Recipes, то шаблон получил бы название single-recipes.php.
2. single.php
3. index.php

Отдельные страницы

1. WordPress сначала ищет шаблон, определенный в настройках шаблонов страниц.
2. page-slug.php, где slug — это определяющая строка для данной страницы. К примеру, если у вас есть страница, названная About, то WordPress будет искать для нее шаблон page-about.php.
3. page-id.php, где ID — идентификатор данной страницы. Если страница About имеет ID = 2, то WordPress будет искать для нее шаблон page-2.php.
4. page.php
5. index.php

Вложения

1. MIMEtype.php, где MIMEtype определяет тип вложения - к примеру, audio.php, image.php, text.php или video.php.
2. attachment.php
3. index.php

1. category-slug.php, где slug — определяющая строка рубрики.
2. category-id.php, где id — цифровой ID рубрики.
3. category.php
4. archive.php
5. index.php

Архивы меток

1. tag-slug.php.
2. tag-id.php.
3. tag.php
4. archive.php
5. index.php

Архивы таксономий

Произвольные таксономии появились в WordPress 3.

1. taxonomy-taxonomyname-term.php, где taxonomyname является определяющей строкой для произвольной таксономии, а term является термом для данной таксономии. Если ваша таксономия была названа Cheeses и ваш терм был Brie, то WordPress при выводе пунктов для данного терма будет искать шаблон taxonomy-cheese-brie.php.
2. taxonomy-taxonomyname.php, аналогично первому пункту, только без терма.
3. taxonomy.php
4. archive.php
5. index.php

1. author-nicename.php, где nicename — это имя автора, преобразованное в нижний регистр с удаленными пробелами (вместо них ставятся тире).
2. author-id.php, где id — это идентификатор автора.
3. author.php
4. archive.php
5. index.php

Архивы по дате

1. date.php
2. archive.php
3. index.php

Страницы поиска

1. search.php
2. index.php

Страницы 404

1. 404.php
2. index.php

Иерархия шаблонов и дочерние темы

Когда вы используете дочернюю тему, иерархия шаблонов несколько усложняется. WordPress будет искать наиболее подходящий шаблон сначала в дочерней теме, а затем уже в родительской, в строгом соответствии с иерархией. То есть, к примеру, для архивов по дате, сначала WordPress будет искать шаблон date.php в дочерней теме, а затем, в случае его отсутствия, перейдет к поиску данного шаблона в родительской теме. Если же указанный шаблон не был найден, то WordPress перейдет к поиску следующего пункта в иерархии, archive.php. Поиск начнется снова от дочерней темы, и в случае отсутствия шаблона перейдет к родительской. И так далее, до файла index.php.

Шаблоны Thematic

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

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

404.php
archive.php
archives.php
attachment.php
author.php
category.php
comments.php
footer.php
functions.php
header.php
index.php
links.php
page.php
search.php
searchform.php
sidebar-index-bottom.php
sidebar-index-insert.php
sidebar-index-top.php
sidebar-page-bottom.php
sidebar-page-top.php
sidebar-single-bottom.php
sidebar-single-insert.php
sidebar-single-top.php
sidebar-subsidiary.php
sidebar.php
single.php
tag.php

Помимо этого, в папке с Thematic находится интригующий каталог library, в котором содержатся различные стили, языковые файлы, скрипты и т.д. Наиболее интересным подкаталогом данного каталога является extensions — в нем содержатся различные расширения для Thematic. Вот список файлов, расположенных в папке extensions:

comments-extensions.php
content-extensions.php
discussion.php
dynamic-classes.php
footer-extensions.php
header-extensions.php
helpers.php
shortcodes.php
sidebar-extensions.php
theme-options.php
widgets-extensions.php
widgets.php

Название каждого из этих файлов содержит в себе ключ к разгадке того, что они выполняют. Sidebar-extensions.php, очевидно, совершает какие-то действия с сайдбаром, widgets-extensions.php — с виджетами и т.д.

Научились создавать элементы меню, создали страницу о блоге и узнали какие страницы должны быть на сайте.

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

Начнём работать с шаблоном.

Настройка шаблона wordpress

Для начала нужно зайти в панель управления, и попасть во внешний вид — настроить.

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

Свойства,

Разметка,

Изображения заголовка,

Фоновое изображение,

Статическая главная страница.

Для начала нас интересует ВИДЖЕТЫ . Зайдём в него… В этом пункте нас интересует ГЛАВНАЯ БОКОВАЯ ПАНЕЛЬ. В ней нужно удалить СВЕЖИЕ ЗАПИСИ, потому что они у нас будут отображаться на главной (дублировать контент нет смысла).

Виджет АРХИВЫ так же нам не нужен, потому что у нас нет статей на несколько лет, соответственно удаляем.

МЕТА тоже удалим, это нам не понадобится, хотя подумайте, если вам нужен, можете оставить. Но я для себя его удалю, так как мне он не понадобится.

Следующее, что мы будем редактировать — СВОЙСТВА САЙТА , зайдите в этот пункт.

Тут достаточно просто, введите название и краткое описание. Если вы не хотите, чтобы описание выводилось, оставьте поле пустым.

Переходим к следующему. ЦВЕТА

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

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

ИЗОБРАЖЕНИЕ ЗАГОЛОВКА . В теме несколько заголовков, как вы наверное могли уже заметить, они меняются при обновлении. Можно вставить собственные заголовки, для этого нужно загрузить файлы размером 1000 пикселей ширины на 288 высоты.

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

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

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

До скорых встреч.

С уважением С.Васильев

Первое, с чего обычно начинает свою работу с сайтом на WordPress новичок, это смена шаблона. Каждому хочется, чтобы его сайт выглядел красиво и оригинально. Тем более, что скачать и установить новый шаблон очень легко. Если вы наберете в поиске «шаблон для WordPress», то получите большой список сайтов, предлагающих платные и бесплатные темы WordPress.

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

Итак, шаблонов WordPress разработано огромное количество. Какой же из них выбрать, на что нужно обратить внимание в первую очередь? Конечно, мы сразу смотрим на внешний вид шаблона. Действительно, сайт должен быть красивым, его оформление должно соответствовать выбранной тематике. Но дизайн сайта виден сразу, а есть факторы, которые влияют на работу сайта, на его оценку поисковыми системами, но которые нельзя увидеть непосредственно.

Что мы должны проверять, выбирая шаблон для WordPress, какие методы можно использовать для его проверки и оценки? Рассмотрим основные моменты.

Выбор шаблона для Wordpress.

Код страницы.

Первое, что нужно проверить – «чистота» кода. Чтобы увидеть HTML-код страницы, нужно нажать Ctrl+U, или щелкнуть правой кнопкой мыши на странице и выбрать Просмотр кода страницы. Код страницы не должен содержать CSS-стилей, они должны быть вынесены в отдельный файл. Если это не сделано, то страницы будут иметь большой «вес», и сайт будет сильно нагружать хостинг.

Сайдбар после контента.

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

Заголовки .

Для поисковиков большое значение имеют тэги заголовков h1 и h2 . В коде страницы должен быть только один тэг h1. Если это условие в шаблоне соблюдается, говорят, что шаблон SEO-оптимизирован.

«Битыми» называют ссылки, которые никуда не ведут. Таких ссылок в хорошем шаблоне быть не должно. Как проверить шаблон на наличие «битых» ссылок? Для этого можно воспользоваться специальным сервисом Интернета http://gtmetrix.com/ . Запускаем сервис, вводим адрес сайта, нажимаем GO! .
После окончания сканирования сайта нужно выбрать вкладку Timeline и нажать View Larger Version

Сервис проанализирует скорость загрузки страниц, но нас интересует работа ссылок. Смотрим второй столбец. Если там 200 OK, то ссылка рабочая, а если 404, то ссылка никуда не ведет, она «битая».

Аналогичную проверку можно выполнить с помощью сервиса http://tools.pingdom.com/ .

Внешние ссылки, то есть ссылки, ведущие на внешние ресурсы, также понижают рейтинг сайта в поисковых системах. Значит, их должно быть как можно меньше. Для обнаружения таких ссылок можно использовать плагин TAC (Theme Authtenticity Checker) . Он проверяет работоспособность шаблона и наличие внешних ссылок.

Чтобы установить плагин, в строке поиска набираем TAC и устанавливаем плагин.
После его активации переходим в консоли WordPress Внешний вид ТАС

Мы увидим результаты проверки всех шаблонов, установленных на ваш сайт.

На примере видно, что тема Admired рабочая (Theme OK) и не содержит внешних статичных ссылок.

Тема HostingReview тоже рабочая, не содержит вредоносного кода, но имеет семь внешних ссылок. Это плохой результат. От этих ссылок нужно избавляться, редактируя код, или не использовать такую тему.

Третья тема iDream тоже не очень хороша, так как содержит шесть внешних ссылок.

Валидация темы.

Последним этапом проверки темы будет анализ соответствия кода стандартам HTML. Для этого можно использовать сервис http://validator.w3.org/ . Переходим на данный сервис. вводим адрес своего сайта и ждем результат

Без ошибок практически не бывает, но для хорошего шаблона их количество не должно превышать 100, и не должно быть критических ошибок.

Вот таковы основные этапы выбора шаблона для WordPress. Ну а выбор внешнего вида, стиля оформления — это дело вашего вкуса.

Для создания блога с уникальным дизайном на CMS WordPress можно воспользоваться курсом «Уникальный сайт с нуля» .

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.