Файлы шаблонов представляют собой смесь из 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.
До скорых встреч.
С уважением С.Васильев
14.08.2012
admin
Мне нравится ковыряться в различных wordpress premium темах вордпресса. Какое-то время назад я рассказывал о , с которой фактически и началось мое углубленное изучение шаблонов wordpress премиум класса.
На самом деле мое первое знакомство с premium темами началось еще с Duotive Three шаблона, у автора которого были ролики по работе с данным шаблоном. Так как я взялся за непростую задачу сделать красивый интернет-магазин на вордпрессе с возможностью переключения на 2 языках, мне было сложно с этим всем возиться. Пришлось потратить кучу нервов. В итоге я сделал что-то типа недоделанного магазина часов, который у меня вышел не так как я хотел. К сожалению сайт не сохранился. Хотя другие говорили, что им понравилось.
Что такое вордпресс премиум тема
Если кто не знает, что такое wordpress premium theme, то в двух словах можно сказать так. Это многофункциональный красивый шаблон для CMS wordpress, позволяющий настраивать многоразличный вид главной и других страниц сайта. Большая особенность данных шаблонов это наличие очень красивых слайдов на главной странице. Огромный недостаток данных тем это отсутствие русской технической техподдержки. Поэтому, все технические моменты работы с шаблонами приходится выяснять на английском языке у разработчиков тем. Конечно в Рунете можно найти какие-то мануалы, описание различных настроек. Но для более глубоких настроек требуется знания более продвинутого уровня. Поэтому приходится многие вещи узнавать экспериментальным путем, либо на специальных англоязычных форумах типа themeforest.net.
В этой статье я б хотел дать пару советов по поводу создания сайтов на шаблонах класса премиум. Какой бы вы сайт не делали, для заработка на трафике или продажи ссылок, вам стоит знать про некоторые особенности premium тем. По поводу заработка на ссылках, есть специальные сервисы типа как Тиц поднять. Сервис, которые могут прогнать ваш сайт по различным жирным сайтам, повысив при этом ТИЦ. Но я б советовал вам быть осторожным к подобным предложениям, так как большинство из них не могут дать нужного эффекта в сегодняшних реалиях.
Как установить premium шаблон для wordpress видео
Что вы должны знать про wordpress premium шаблоны
- Кодировка UTF-8 Unicode. Если вы видите у себя в админке или на сайте проблемы с кириллицей, а именно у вас отображаются такие????????? символы. Тогда вам нужно сохранить базу, которая в phpAdmin в кодировку UTF-9 Unicode.
- Шорткоды (shortcodes). Научитесь работать с шорткодами, иначе не имеет смысла ставить премиум шаблон. Эти специальные коды, которые можно найти в инструкциях каждого шаблона. С помощью них можно размещать в разных местах различные элементы сайта. В некоторых темах можно увидеть реальные примеры работы шорткодов в Live preview шаблона.
- Читайте руководство к theme. Прежде чем ставить премиум тему внимательно посмотрите инструкцию которая находится в таких папках как Documents. Как правило, беглого знания английского языка будет достаточно, так как в основном все эти руководства содержат понятливые рисунки или видео. Обратите внимания, что в инструкциях могут быть данные такие указания как поставить определенные права на папку, загрузить дополнительные плагины и т. п.
- Проблемы с картинками. Пожалуй самая глобальная проблема, которая возникает у вебмастеров, это настройка слайдов на главной странице, а также некоторые глюки с картинками. Если какая-то картинка у вас не загружается, убедитесь, что на папке, в которую вы загружаете, выставлены верные атрибуты. Типа 777 и т. п. Выставите атрибуты (права) 777 папке cache, которая находится в includes в папке шаблона. Также важно, чтобы у вас были фото правильного размера.
- Виджеты. Многие не знают, что в виджеты темы можно размещать не только html обычный код, но и нужные вам шорткоды.
- Шрифты. Первое, что шокирует людей, когда они ставят premium шаблон, это отсутствие русских надписей на сайте. Все дело в , который не очень дружит с кириллицей, поэтому необходимо отключить отображение cufon шрифта в админке темы. Или загрузить новый. А для этого вам придется или где-то скачать или сделать самому шрифт cufon, который был бы совместим с русскими символами. Загружаются шрифты в папку fonts. Но этого недостаточно, так как нужно еще прописать путь к загруженному шрифту в определенных файлах темы. Также не забывайте менять размер шрифта, именно из-за этого у многих получается кривое меню и другие надписи.
- Sidebar. Очень часто в опциях премиум темы можно встретить пункт «sidebar», который для многих не ясен. Сайдбар это правая или левая боковая колонка. С помощью собственного сайдбара вы можете сделать так, что на одних страницах по боках будет одно, на других — другое. Когда вы создадите собственный sidebar, он появится у вас виде дополнительного виджета, в который вы сможете перенести: последние записи, список ссылок, html код и т. п.
По поводу того, где можно достать premium шаблоны. Конечно все они платные, при чем в плату входит тех обслуживание. К примеру, тех поддержка от разработчика шаблона Duotive включает в себя не только ответы на вопросы, но и сама работа от автора. То есть вам буквально настроят шаблон. Также вы будете иметь доступ к обновлениям шаблона, что немаловажно.
Некоторые wordpress premium шаблоны все-таки можно скачать в интернете, которые выкладывают добрые люди. Ведь не у всех есть деньги на покупку таких дорогих тем. Поэтому желательно найти наиболее свежую версию шаблона.
Пожалуй это все, что я хотел сказать относительно работы с вордпресс темами премиум класса. Надеюсь данные небольшие советы помогут вам создать симпатичный сайт.
Здравствуйте.
Рад приветствовать вас в курсе "Минимальная тема WordPress своими руками".
Это курс из небольшой серии практических и теоретических занятий. В результате вы создадите шаблон, который будет включать в себя все минимально необходимые файлы, которые чаше всего используются и формируют основную структуру темы.
Работая с блогом Wordpress, сразу же сталкиваешься с такими понятиями как шаблон и тема . Давайте разберемся что это такое и зачем это нужно.
Вот небольшое видео, которое должно прояснить ситуацию.
Если говорить простым языком, то тема Wordpress - это набор файлов, которые отвечают за внешний вид вашего блога в браузере, то, как он будет выглядеть и будет оформлен. Эти файлы дают браузеру информацию о том, каким образом, в каких местах нужно выводить информацию и каким образом ее нужно отображать.
Тема - это костюм или одежда для вашего блога.
Идея в том, что вы можете легко менять эту одежду (т.е. внешний вид блога), но он при этом остается в рабочем состоянии.
Понятие шаблон - это более узкое понятие. Шаблон - это те файлы внутри темы, которые формируют вывод информации нужным образом. Например, шаблон для вывода записей блога, шаблон для вывода страниц, шаблон для вывода рубрик и.т.д.
Шаблон, по сути, это просто файл с расширением php, который содержит в себе HTML-код и php-функции.
Если разобраться, то все файлы внутри темы Wordpress можно разделить на несколько групп:
- Файлы стилей оформления с расширением *.css . Отвечают за внешний вид элементов: их размер, цвет, отступы и.т.д.
- Шаблоны . Отвечают за то, какую информацию и в каких местах нужно выводить. Это файлы с расширением php.
- Файл дополнительного функционала functions.php . Позволяет перенести или изменить какой-то функционал из служебных файлов wordpress и внедрить его в тему.
- Изображения , которые будут использоваться для данной темы.
Хранятся эти файлы в директории wp-content/themes/. Для каждой темы создается своя папка.
Примерно, файлы шаблона выгледят вот так:
Темы можно менять через главное меню панели управления «Внешний вид – Темы»:
Возникает вполне логичный вопрос, а зачем вообще нужны темы (шаблоны)?
Основная идея их использования заключается в разделении системных (служебных) файлов и файлов, которые отвечают за представление и внешний вид блога.
Таким образом, они работают независимо друг от друга.
Чем это хорошо?
Вы можете без проблем обновлять тему или версию Wordpress независимо друг от друга. Это очень удобно и быстро.
В этой статье мы начнем со смены внешнего вида нашего блога. Однако прежде чем начать, рекомендую ознакомится с темой WordPress и на ее основании, подобрать свой подходящий шаблон. В интернете есть очень много сайтов, которые предлагают как платные, так и бесплатные шаблоны для движка . Думаю найти их не составит труда, намного сложнее будет подобрать подходящий шаблон. После того, как вы выбрали шаблон, скачайте его к себе на компьютер. Хочу также сказать, что все шаблоны хранятся в архиве zip и в дальнейшем их распаковывать не надо. В таком сжатом архиве они загружаются на ваш хостинг.
Теперь переходите в административную панель управления своим , там заходите в меню «Внешний вид » —> «Темы «. Там вы увидите шаблоны, которые были установлены на ваш блог. В верху есть вкладка «Установить темы «, нажмите на нее. Перед вами откроется форма поиска шаблонов. Она предлагает подобрать шаблоны по цвету, колонкам, ширине, функциям, а также можно посмотреть более свежие, избранные или недавно обновленные шаблоны. Лично я не рекомендую пользоваться такой формой поиска, так как она находит только не переведенные шаблоны.
Сейчас нажимаем на вкладку «Загрузить «. Там предлагают нам выбрать файловый архив шаблона, который находится у нас на компьютере. Выбираем этот файл и нажимаем «Установить «. После установки нам предложат активировать шаблон, но вы сразу это не делайте. Вновь вернитесь в меню «Внешний вид » —> «Темы «. Там должна появится ваша новая установленная тема оформления. Под ней нажимаем на вкладку «Посмотреть «.
Теперь нам нужно наглядно посмотреть, как наш новый шаблон будет отображаться на блоге, не будет ли каких-то ошибок, пустых мест или неправильное отображение каких-либо элементов. Если вы не заметили никаких ошибок, то только тогда можете активировать свой шаблон. Такую процедуру всегда нужно проделывать перед активацией нового шаблона, чтобы в дальнейшем наблюдалась его нормальная работа.
Все, теперь ваш шаблон полностью заменен! При надобности, можете немного подредактировать свой шаблон. Для этого заходите в административную панель, в меню «Внешний вид» и в параметры темы. В зависимости от шаблона, там вы можете скрыть или поставить заголовок, скрыть или отобразить галерею анонсов своих статей, задать стиль блоков, вставлять код и редактировать его для отображения рекламы на блоге и так далее.
Если в вашем шаблоне WordPress есть какие-то ненужные отображения элементов, а данный шаблон вы из-за этого не хотите удалять, тогда вам предстоит отредактировать нужные файлы вашего шаблона. Вы должны понимать, что все шаблоны состоят из множества файлов, которые отвечают за отображение и работу отдельных элементов блога. Узнать эти основные файлы вы можете в статье . Чтобы например удалить ненужные записи и ссылки в подвале блога, вам придется их удалять в файле footer.php , который отвечает именно за этот элемент.
И так, мы установили и настроили свой шаблон , однако такой шаблон могут использовать тысячи блогов, что лишает уникальности вашему блогу. Согласитесь, будет плохо если ваш веб-дизайн будет одинаковым по сравнению с другими блогами. Посетители на таких блогах будут немного путаться. Вот даже сами возьмите и представьте хоть на минутку, что было бы если все сайты имели один общий одинаковый шаблон. Вот именно!!! Они бы потеряли свою уникальность. Сама уникальность выделяет ваш блог от других и делает его более запоминающимся для своих читателей.
Я вам рекомендую на первых порах пока временно установить бесплатный шаблон с интернета. Только после того, как вы хотя бы немного познакомились с такой темой, как веб-дизайн, можете тогда при наличии хороших денег, заказать платную тему у веб-дизайнера.
Однако если вы решили полностью погрузится в , то в дальнейшем можете не только создать свой уникальный шаблон, но и создавать много других классных шаблонов для продажи. Вообщем, ваш блог или сайт должен быть уникальным и выделятся среди других, а каким способом этого достичь, уже решайте сами. Удачи!!!
