Те, кто пробовал хоть раз создавать темы или ковыряться в их коде, знают, что за стиль всех страниц сайта отвечает шаблон «page.php ». Зачастую в этом файле выводятся блоки, которые одинаковые и на записях, и в архивах и т.д. WordPress дает возможность создавать свои собственные шаблоны страниц . А это, в свою очередь, означает, что можно выйти за рамки стандартного дизайна. Объясняю. Например, в своем созданном шаблоне страниц можно убрать сайтбар или поменять месторасположение блоков, сделать другую шапку или поменять абсолютно весь дизайн. Также благодаря созданию собственных шаблонов есть возможность создать одностраничники (лендингпейдж).
Итак, с помощью личного шаблона страниц можно:
- убрать или добавить сайдбар, подвал, шапку;
- изменить дизайн шапки, подвала, сайдбара;
- создать страницу регистрации или формы связи, встроенную в дизайн;
- внедрить какой-нибудь скрипт (JavaScript, php и другие);
- оригинально оформить страницы
Как создать свой шаблон страницы на WordPress
Способ№1
○ Создание своего шаблона
Чтобы создать свой шаблон страницы на WordPress, сделайте вот такие действия:
- откройте ваш блог/сайт через FTP. Для этого воспользуйтесь такими программами, как или
Откройте файлы темы (wp-content/themes/Ваша-тема/ )
Скачайте файл «page.php » и откройте его с помощью , а потом вставьте в самое начало файла вот такой код:
Естественно, название «новая страница для сайт
» меняете на свое
Этим кодом мы сообщили WordPress о создании индивидуального шаблона под именем «новая страница для сайт
».
Для примера, чтобы вы увидели разницу, удалите сайтбар. Для этого в коде найдите и удалите вот такое:
А сам файл сохраните как «page-no-sidebars.php
».
Залейте новый созданный файл «page-no-sidebars.php
» через FTP ко всем файлам темы.
○ Подключение нового шаблона к странице
В админке WordPress на любой уже созданной странице (или на той, которую вы создадите) с правой стороны найдите пункт «Шаблон ». Вот в этом пункте выберите ваше название нового шаблона страницы (в моем случае это «новая страница для сайт »):
Сохраняйте и смотрите результат.
Способ №2
Способ №2 отличается от Способа №1 тем, что следует называть файл конкретным названием:
Page-{слаг-страницы}.php
Например: page-contact.php
Page-{ID-страницы}.php
Например: page-12.php
Объясняю.
При создании страницы автоматически ей присваивается url-адрес. Его можно изменить так, как вам удобно, рекомендую использовать плагин rustolat ():
Значит, если УРЛ страницы у меня «proba », тогда файл, который мне нужно создать для этой страницы будет вот таким:
page-proba .php
Если УРЛ страницы была бы «contact », тогда файл для этой страницы был бы вот таким:
page-contact .php
Файл заливаете через FTP ко всем файлам темы. Проверяйте, все должно работать.
Недостаток Способа №2 в том, что файл создается только для одной страницы, все остальные будут стандартными.
Это все! Теперь вы сможете создать для любой страницы уникальный дизайн.
Ребята, всем привет. С вами Александр Борисов. Так как сейчас в мире интернет-бизнеса идет ожесточенная борьба за место под солнцем, я очень много времени уделяю стратегиям развития, укреплению оборонительных позиций и еще кое чему секретному, то пишу не так часто.
Ни чего, сейчас все свои планы осуществлю, и потом буду писать много ну и поговорим мы с вами про мною вышесказанное. Я думаю, что уже многие чувствуют, что происходит в сети, поэтому сейчас выживут только сильнейшие. Ой не завидую я новичкам... Ок, короче не пропустите мои статьи на эту тему.
В сегодняшней статье я хотел бы рассказать вам об одной фишке, которая для многих из вас не будет чем-то новым, но вот новичкам очень даже пригодиться. Ну если честно, я сам далеко не новичок, но об этой штуке узнал совсем не давно, когда, как говорится, приперло.
В общем, сегодня я расскажу вам о том, как сделать отдельный шаблон для ваших страниц блога или записей (статей). Если кто-то не понимает о чем это я, то покажу на конкретном примере. Вот сейчас вы читаете эту статью, а вы не заметили, что в начале статьи вы не увидели двух баннеров размера 468×60?
Не увидели баннера 468×60, который расположен в конце статьи. Не увидели виджет комментариев cackle, рекламы Google Adsense... Заметили? А посмотрите на другие статьи моего блога. Там все это есть. .
Как у меня это получилось так сделать? Как вы знаете, за вывод всех статей нашего блога, отвечает файл single.php который лежит в папке с темой wp-contetn/themes. Так вот, чтобы написать новую статью и убрать в ней, что-то, что вам не нужно или наоборот добавить, нужно просто сделать так, чтобы именно эта статья выводилась при помощи другого файла.
Не стандартного single.php, а например single-2436.php или post.php, которые лежат в той же папке с темой вашего блога. Эти файлы должны содержать абсолютно то же самое, что и файл single.php, только естественно вы там что-то убираете или добавляете, как вам надо.
Ну вот у меня например в файле single.php в начале стоят коды, которые отображают во всех записях блога два баннера 468×60. Чтобы сделать так, чтобы в новой статье этих баннеров не было, мне просто надо в новом файле single-2436.php или post.php (смотря какой способ из 2-х мною предложенных вы выберите дальше) убрать эти коды.
Я думаю вы меня понимаете. Собственно вопрос у вас, а зачем вообще создавать другие шаблоны страниц и записей в wordpress? Ну если хорошенько вы подумаете, то поймете зачем. Я сейчас приведу вам лишь один пример.
Ну в принципе я то согласен разместить их баннер, но как это сделать, если у меня все одинаково во всех записях блога. Одинаковый шаблон для всех статей. Поняли о чем я? Я думаю, что я вам даже уже интересную идею закинул в ваш моцк. =)
Решение оказалось простое. Нужно создать отдельный шаблон записи и все. Давайте сейчас я расскажу вам как эти шаблоны создаются двумя способами, а вы уже выберите для себя подходящий. Сразу скажу, что я выбрал второй вариант. Создание шаблона без плагина. Не люблю я их.
№1 — шаблон single.php плагином Custom Post Template
Вот так это будет выглядеть примерно:
Готово! Теперь когда вы пишите новую статью и вам нужно, чтобы она выводилась именно с этим шаблоном, то просто в самой статье справа выбираете тот шаблон, что создали:
Нужен еще один шаблон записи wordpress, нет проблем. Создаете другой файл, например post2.php так же там меняете код (в начале вставляете код, только уже с post2) как вам надо и при публикации статьи выбираете в Post Template уже post2.php. Элементарно! Редактируя шаблон можно менять все что угодно! Занимайтесь...)))
№2 — шаблон single.php небольшим пуком в functions.php
Шаг №1 — Помещаем в самое начало файла functions.php вот этот код:
/*Определение ID записи*/ function single($template) { global $wp_query, $post; if(file_exists(TEMPLATEPATH . "/single-" . $post->ID . ".php")) { return TEMPLATEPATH . "/single-" . $post->ID . ".php"; } if(file_exists(TEMPLATEPATH . "/single.php")) { return TEMPLATEPATH . "/single.php"; } return $template; } add_filter("single_template", "single");
Шаг №2 — При написании статьи в блог (еще до публикации) вычисляем ее ID. Это не сложно, в строке браузера есть ее номер:
У меня это 7525.
Шаг №3 — Создаем копию файла single.php, только уже называем ее так single-7525.php
Шаг №4 — Опять же в этом новом файле что-то добавляем или убираем как нам надо.
Шаг №5 — Публикуем статью в блог.
После публикации WordPress, за счет того пука, что мы добавили в functions.php поймет, что эту статью надо выводить не single.php, а single-7525.php. Я думаю понятно.
Что лучше плагин или пук?
Теперь не большое заключение. Что лучше плагин или пук в функтионс? Тут все зависит от ваших потребностей. Если вам нужно много шаблонов записей wordpress, то лучше наверное плагин, сами понимаете, что если использовать пук, то вам придется для каждой записи создавать новый файл в папке с темой, а прикол когда их будет 100 или 200.
Если 2-3-5 шаблонов, то можно и пукнуть в функтионс. Ну вот в принципе и все. Я думаю, ни чего сложного. Вроде мелочь, а на самом деле очень классная фишка.
Как сделать шаблон страницы wordpress
Ну тут вообще все просто. Когда-то я про это уже мельком рассказывал в статье про для блога. Схема простая, тут даже не надо ни каких пуков и ни каких плагинов.
За вывод страниц блога у нас отвечает файл page.php который так же лежит в папке с темой вашего блога.
Шаг №1 — делаем копию этого файла в папке с темой
Шаг №2 — переименовываем этот файл например в puk.php
Шаг №3 — Меняем в этом файле все как нам нужно.
Шаг №4 — Добавляем в начало файла puk.php вот такой код:
Шаг №5 — Публикуем новую страницу в блог, только справа выбираем нужный нам шаблон:
Готово! Ну вот вроде бы и все на сегодня. Может быть у кого-то есть какие-то вопросы? По идее все объяснил доступно даже самому самовару. В заключение интересное объявление. Помните в курсе КСБТ 3.0 я говорил про то, что хороший ссылочный профиль — залог успешного продивжения? Так вот совет:
C уважением, Александр Борисов
Подобная задача может возникнуть, когда вам в пределах одного сайта нужно иметь разные шаблоны страниц в плане оформления. Самая простая ситуация, что приходит на ум: скрытие рекламы/баннеров в избранных статьях; либо вдруг захотите удалить в некоторых публикациях списки похожих заметок или, допустим, какие-то элементы . Сегодня научу вас это делать.
К данному вопросу возвращаюсь уже не первый раз, захотел собрать все нюансы и знания в одном месте. К счастью, современные методы по сравнению с прошлыми модификациями, максимально просты. Вам даже не надо ставить дополнительные модули, как раньше. Разработчики WordPress действительно упрощают и улучшают систему.
Итак, сегодня рассмотрим:
Разные шаблоны страниц / записей в WordPress
Теоретически все, что вам нужно в этом случае — размещение некого кода в самом верху соответствующего файла:
| /* * Template Name: NoAds Single Page * Template Post Type: post, page, product */ ?> |
В первой строке указывается название для WP админки, во второй определяются типы записей, в которых можно этот макет применять (в примере: post, page и product).
То есть по факту, вам достаточно сделать один новый шаблон страницы WordPress, что будет задавать правила отображения информации на сайте для всех заметок с контентом. Однако тут все зависит от того, отличаются ли коды в single.php и page.php — если да, то придется выполнить модификацию каждого из них.
Общий алгоритм действий:
1. С помощью FTP клиента FileZilla заходите на свой хостинг в директорию с названием установленной темы wp-content/themes/имя_темы (или дочерней).
2. Копируете файл, используемый для отображения постов/страниц (single.php и page.php) на локальный компьютер.
3. Переименовываем, например, в page-new.php или page-noads.php и т.п. (название роли не играет).
5. Загружаете новый вариант обратно на хостинг в ту же директорию.
Выбор шаблона страницы в WordPress
Теперь переходим в админку системы, открываем любую публикацию для редактирования и ищем там следующий блок:
Отображаемое здесь название задается в строке Template Name.
Кстати, удобно, что доступно , то есть изменить шаблон страниц можно сразу у нескольких объектов. Переходите в пункт «Все записи», где отмечаете парочку статей и выбираете в «Действиях» значение «Изменить».
После выбора не забудьте кликнуть «Обновить».
Разный сайдбар, хедер, футер и не только
Внимательно посмотрев на установленную тему, увидите, что для вывода базовых элементов там применяются стандартные функции: get_sidebar, get_header, get_footer. Если вы модифицировали свой макет, но оставили их там, то на сайте будет отображаться такое же содержимое, что и в основном варианте.
Разберем самую простую ситуацию — у нас получился новый исправленный page.php, но в сайдбаре также требуется внести некоторые коррективы. В таком случае вместо get_sidebar я использую конструкцию:
Разумеется, вам нужно создать соответствующий файл sidebar-category-noads.php . Хотя, теоретически, можно сразу в новом макете писать код без include, но так структура становится менее наглядной.
Понятно, что фишка применима не только к этим трем блокам на сайте, а и любым другим — внимательно изучайте исходники, которые используете в работе.
Отдельные шаблоны записей по категориям
Тут, по сути, имеется два способа. Я лично предпочитаю тот, что попроще — открываете единичный пост single.php в редакторе, и размещаете код:
In_category проверяет какому разделу принадлежит публикация: если с ID=5, то грузится single-category5.php, в противном случае — single-forall.php. Конечно, эти два файла следует добавить на FTP заранее (можно опять же скопировать из исходного и слегка подправить) + названия допускаются любые.
Второй вариант рассмотрен . Вам нужно разместить следующий код в functions.php:
| /* * Define a constant path to our single template folder */ define (SINGLE_PATH, TEMPLATEPATH . "/single" ) ; /** * Filter the single_template with our custom function */ add_filter("single_template" , "my_single_template" ) ; /** * Single template function which will choose our template */ function my_single_template($single ) { global $wp_query , $post ; /** * Checks for single template by category * Check by category slug and ID */ foreach ((array ) get_the_category() as $cat ) : if (file_exists (SINGLE_PATH . "/single-cat-" . $cat -> slug . ".php" ) ) return SINGLE_PATH . "/single-cat-" . $cat -> slug . ".php" ; elseif (file_exists (SINGLE_PATH . "/single-cat-" . $cat -> term_id . ".php" ) ) return SINGLE_PATH . "/single-cat-" . $cat -> term_id . ".php" ; endforeach ; } |
/* * Define a constant path to our single template folder */ define(SINGLE_PATH, TEMPLATEPATH . "/single"); /** * Filter the single_template with our custom function */ add_filter("single_template", "my_single_template"); /** * Single template function which will choose our template */ function my_single_template($single) { global $wp_query, $post; /** * Checks for single template by category * Check by category slug and ID */ foreach((array)get_the_category() as $cat) : if(file_exists(SINGLE_PATH . "/single-cat-" . $cat->slug . ".php")) return SINGLE_PATH . "/single-cat-" . $cat->slug . ".php"; elseif(file_exists(SINGLE_PATH . "/single-cat-" . $cat->term_id . ".php")) return SINGLE_PATH . "/single-cat-" . $cat->term_id . ".php"; endforeach; }
После этого в директории темы создаете новую папку «single» по типу /wp-content/themes/ваша_тема/single/ куда загружаете файлы, название которых имеет следующий формат single-cat-{category-slug}.php, например: single-cat-news.php или single-cat-articles.php . Данный метод лично я не тестил, но источник надежный.
Дополнительные нюансы
Напоследок 2 небольших замечания. Иногда бывает, что в премиальной теме в админке нет выбора макета для постов (post), а вместо них разработчики внедрили форматы. В таком случае можно использовать для альтернативного вывода инфы один из них.
Метод, конечно, не самый грамотный, но работает. Не забудьте внести правки в соответствующий файл.
Вторая фишка — когда нужно скрыть/показывать виджет в зависимости от выбранного варианта макета. В таком случае на помощь приходит и условные операторы is_page_template либо has_post_format.
Итого. Повторюсь, если требуется создать разные шаблоны страницам и постам в Вордпресс, но при этом сами page.php и single.php отличаются, то вы для каждого из них делаете свою «копию». Когда же их структура одинакова, новые возможности системы позволяют сделать всего один макет, где в описании Template Post Type просто указываете типы объектов, с которыми он будет работать.
Если есть вопросы по основной части заметки, и по доп.нюансам, пишите ниже, — постараюсь ответить.
В меню админ-панели WordPress есть пункты Записи и Страницы , с помощью которых можно добавлять на сайт контент. Записи предназначены для добавления постов (заметок, статей) в блог, страницы стоит создавать для не подпадающей под рубрики информации - «Главная», «О нас», «Контакты». Для создания записи щёлкните Записи -> Добавить новую .
Открылась страница с текстовым редактором, в котором и создаётся контент. По умолчанию редактор работает в визуальном режиме, то есть вы сразу можете видеть, как будет выглядеть содержимое в браузере, и работать с ним примерно так же, как, например, в Microsoft Word. Если возможностей визуального редактора вам не хватает, его можно переключить в текстовый режим, и тогда запись будет отображаться в виде HTML-кода, а оформлять контент можно будет с помощью HTML-тегов.
Необходимый минимум для публикации записи - ввести заголовок, добавить содержимое и нажать кнопку Опубликовать . WordPress допускает запись и без заголовка, и без текста, но смысла в таких постах нет.
После публикации запись появится на главной странице сайта.
Перед публикацией рекомендуется посмотреть, как запись будет выглядеть на сайте - за это отвечает кнопка Просмотреть . Если заметка ещё не готова, но вы хотите отложить работу и вернуться к ней позже, то нажмите кнопку Сохранить . CMS сохранит черновик записи для вас, не публикуя его на сайте.
Посту можно задать формат (желательно, чтобы он соответствовал содержимому заметки, например, в записи формата Видео лучше разместить ролик, а не картинки), миниатюру (картинка, которая будет отображаться в анонсе записи на главной странице) и метки. Также вы можете выбрать рубрику, к которой относится публикация. Конечно, за управление разделами отвечает соответствующая вкладка (Записи -> Рубрики ), но новую категорию можно добавить прямо со страницы редактирования записи. Для этого надо щёлкнуть ссылку Добавить новую рубрику , выбрать категорию-родителя и нажать Добавить новую рубрику .
Установка родительских разделов актуальна, когда вы создаёте подкатегории статей. Например, у вас есть обширный раздел «Медицина», вы написали статью о китайской медицине и понимаете, что записей этой подгруппы будет ещё много. Тогда вы создаёте рубрику «Китайская медицина» и в качестве родительской категории указываете «Медицина», получая тем самым подраздел «Китайская медицина» раздела «Медицина».
Созданные записи (и опубликованные, и черновики) можно увидеть на странице Записи -> Все записи . Их можно просматривать, изменять, удалять. Причём менять можно не только текст или заголовок поста, но и такие параметры, как ярлык и дата публикации. Кроме того, каждую запись можно защитить паролем или сделать личной, чтобы кроме вас её никто не видел,
Страница изменения от страницы создания записи почти ничем не отличается.
Из вкладки Записи -> Рубрики можно управлять категориями постов, в том числе задавать им ярлыки и описания, чего страница редактирования записи делать не позволяет.
Работа со страницами мало чем отличается от работы с записями: редактор точно такой же, свойства и действия те же, но есть несколько незаметных с первого взгляда отличий.
В блоке Атрибуты страницы можно указать порядковый номер и выбрать шаблон страницы, от которого будет зависеть её внешний вид. По умолчанию для оформления используется Базовый шаблон , список остальных зависит от активной темы оформления.
В принципе, ничего сложного в управлении записями, рубриками и страницами нет, почти всё интуитивно понятно и не требует пояснений.
Создание шаблона страницы для WordPress
Зачастую, при использовании WordPress , необходимо создавать настраиваемый шаблон для страницы. Наверняка вы могли заметить, что многие сайты на WordPress имеют разные макеты для разных страниц. Пользовательская страница позволяет вам создавать разный внешний вид для обычных страниц в WordPress. Если вы новичок в WP и никогда не делали этого раньше, не бойтесь - создание настраиваемого шаблона страницы для вашего сайта проще, чем вы думаете.
Большинство тем для WP содержат файл страницы (page.php) , который содержит шаблон страницы по умолчанию, используемый на каждой странице, если не указан конкретный тип. Если вам нужна страница с другим макетом или форматом, чем шаблон страницы по умолчанию, необходимо создать собственный тип шаблона. При разработке шаблонов для WP необходимы базовые знания HTML, CSS и PHP. Однако, вы можете воспользоваться готовыми темами WordPress - www.inbenefit.com , если не обладаете нужными навыками.
Создание шаблона страницы
Чтобы создать собственный шаблон, вам понадобится текстовый редактор. Для Windows можно использовать обычный блокнот. В противном случае вам понадобится какая-нибудь простая система редактирования, например FileZilla или Dreamweaver. В любом случае выполните следующие действия:
Если вы зайдете на страницу в браузере, то увидите пустое место. Это связано с тем, что в созданном вами файле нет кода, чтобы сообщить WordPress, как отображать контент. Теперь в игру вступают ваши навыки HTML, PHP и CSS.
Подготовка шаблона
В действительности вы можете добавить любую форму HMTL, скрипт PHP или тег шаблона в файл custompage01.php, который вы хотите использовать. Возможно было бы полезно почитать немного о том, что вы можете сделать на уровне кодирования, прежде чем использовать этот шаблон. Вы также можете включить сценарии веб-сайта для различных целей.
Один простой способ начать с работать с шаблонами - скопировать основную информацию из файла page.php в тему, которую вы используете. Это даст вам отправную точку и может быть полезно, когда вы впервые научитесь программировать. Выполните следующие шаги:
В данном случае не требуется много навыков программирования, чтобы настроить основной функционал для ваших целей. Тем не менее определитесь, хотите ли вы создать собственный макет для своей страницы. Например, страница не будет отображать какой-либо контент, который вы вводите в WordPress, без ввода класса для области.
Это работает для постов в WordPress?
К сожалению, это работает только для статических страниц в системе управления. Вы не сможете изменить атрибуты таким образом на экране после редактирования.
Это повлияет на что-либо еще на сайте WordPress?
Пользовательская страница изолирована от остальной части вашего контента. Даже если вы неправильно закодируете шаблон, это ни на что не повлияет на веб-сайте. Если у вас есть проблема на пользовательской странице, просто измените шаблон на значение по умолчанию, и все вернется к тому, что было.
Есть ли альтернатива для создания макетов без кодирования?
Можно создать собственный макет, не предпринимая шагов для создания уникального шаблона. Вы можете использовать такой плагин, как Page Builder от SiteOrigin, который дает вам возможность настраивать уникальный макет при использовании виджетов внутри самого содержимого. Для тех, у кого нет навыков программирования, это может быть лучшей альтернативой.
Если вы предпочитаете использовать Page Builder, вы можете легко деактивировать боковые панели и нижние колонтитулы, сохраняя заголовок сайта, выбрав другой макет страницы.
Пользовательские страницы могут иметь разные цели: от рекламы продукта или услуги до создания целевой страницы, идеально подходящей для различных кампаний.
