Главная » WordPress » Как добавить шаблон страницы WordPress.
Часть первая. Страница без сайдбара.

Как добавить шаблон страницы WordPress.
Часть первая. Страница без сайдбара.

Ноя 26 2016

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

Я решил сделать свой лендинг на WordPress и мне необходимо сделать страницу без сайдюара. В некоторых современных темах уже встроен шаблон страницы. И нам остается только в редакторе страницы выбрать шаблон во всю ширину.

добавит шаблон страницы wordpress

Но как быть, если ваша тема не поддерживает многшаблонность? Менять тему? Отнюдь.

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

Однако в рамках этой статьи рассмотрим только страницу без сайдбара.

Свой шаблон страницы WordPress без сайдбара

Копируем файл темы page.php через cPanel или FTP клиент. Ищем строки после <?php

/*
Template Name: Базовый шаблон
*/

И прописываем свое название, например full-size. Если нет строк с названием шаблона – создаем их и ставим между <?php и get_header();?>

<?php
/*
Template Name:full-size
*/

get_header();?>

Сохраняем файл с именем full-size.php в той же папке, что и page.php. Теперь у нас есть возможность выбирать шаблон при создании и редактировании страницы.

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

<?php get_sidebar();?>

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

shablon

Чтобы исправить ситуацию необходимо поработать со стилями.

В моем конкретном случае меняем название divов main и content на main_full и content_full в файле шаблона и прописываем их стили в файле style.css

#main_full {
border:5px solid #eee;
margin:20px auto; padding: 0px;
width:1010px;
}

#content_full {
float:left;
padding:10px 10px 17px 26px;
width:1024px;
font-size: 14px;

Теперь контент выводится на всю ширину страницы.

контент во всю ширину

Также мы можем удалить футер, комментарии. Хидер без существенной правки кода удалить не получится и поэтому эта тема выходит за рамки статьи.

Однако, шаблон, созданный нами, вполне подходит для разработки лендинга.

0 коммент. »

Добавить комментарий

83 - столько SQL запросов к базе.
0,410090 - за столько сгенерировалась страница.
Политика конфиденциальности
Правила пользования сайтом