Меняем размер страницы



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

Многие вебмастера советуют при работе с сервером пользоваться программой FileZilla. Я ничего не хочу возразить против этого. Хорошая, надежная программа, просто это я лентяй. Поэтому просто захожу на сервер, нахожу там нужный файл, копирую его себе в  Notepad++ или даже Блокнот для подстраховки, если что то напортачу, а потом редактирую исходник прямо на месте. Обновляю и все, не нужно ничего скачивать-закачивать. А если вдруг накосячил легко удалить этот косяк и скопировать назад тот вариант, который был изначально, но это так просто… ля-ля вступительное. Работайте как вам удобнее и давайте разберем на пальцах: как нам убрать сайтбар и увеличить ширину страницы…

Первым делом в панели управления или сразу на сервере находим шаблон страницы page.php и копируем себе в блокнот или  Notepad++ и из этой копии делаем новый шаблон, который потом зальем в папку со своей темой. Для редактирования нам нужно:

1: В самый верх страницы вставляем следующий код:

<?php
/*
Template Name: alfa
*/





Причем alfa чисто мой шаблон-не нравится назовите по своему. Имя можно дать абсолютно любое и нужно оно для того, чтобы WordPress смог отличить шаблон alfa.php от page.php.

После этого ищем в шаблоне строки отвечающие за вывод сайтбара. Чаще всего это <PHP get_sidebar ();?>, но возможны варианты, например в моей специфической теме это выглядит так: <?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?> Причем как видите есть два сайтбара sidebar1 и sidebar2, так что я удалял оба. Вот и создали мы новый шаблон страницы. Сайтбара на ней не будет, но вот ширина страницы остается прежней и страница эта, с пустыми полями сайтбаров, смотреться будет совсем “не фонтан”, а нам красива нада !

Для этого зададим нашей страничке стиль: ищем  строку <div class=”art-content”> и дописываем в нее alfa т.е. получится <div class=”art-contentalfa”>. Но это снова в моей теме, в другой может быть <div id=”content”>

Вот и создали мы новый шаблон alfa из копии page.php остается сохранить его под своим именем (в моем примере alfa.php) и загрузить на сервер в папку с темой ваш сайт/wp-content/themes/ваша тема. Осталось совсем чуть-чуть.

2: Создаем стиль в файле style.css. Открываем файл в панели управления сайтом и в самом низу пишем:

#contentalfa{

padding: 10px 0px 30px 20px;

float: left;

width: 998

где: padding- отступы слева, справа, сверху, снизу float-выравнивание по левому краю, width-ширина страницы, но это ширина моей страницы-свою подредактируйте. Обновляемся и создаем страницу без сайтбара.

Справа в панели управления, в атрибутах страницы у нас появилась опция шаблон, где мы сможем выбирать: шаблон по умолчанию и страница будет с сайтбаром, или созданный нами шаблон alfa, тогда

атрибуты страницы

 

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

P.S. Косячек, с которым не справился: на каждой странице стоит ссылка для админа править. Кирилицей у меня отображались знаки вопроса вместо букв и, хотя посетителям эта ссылка не видна, мне эти знаки резали око. Пришлось менять на заморское edit.

Оставить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


7 + 7 =

Яндекс поиск