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

ногие интересуются как создать статичную страницу наподобие вот этой http://www.slaff.net/movies/ . Делается всё довольно просто. От вас потребуется небольшое знание html и только.

Нужно всего лишь сделать 2 шага, создавая такую страницу:
1) Сделать шаблон
2) Создать в админке Wordpress новую страницу на базе шаблона из пункта 1.

Второй шаг предельно прост и ясен. Сложности, т.е. хитрости находяться в первом шаге. Итак, cоздаём php-файл, который нужно будет положить в директорию самого шаблона оформления блога (wp-content/themes/название_темы). Редактировать этот файл можно прямо из админке или где вам удобнее. В самом начале файла нужно задать название шаблона и сделать вызов header’а (это обязательно):


< ?php /*
Template Name: Название Шаблона
*/ ?> 

< ?php get_header(); ?>

После чего приступаем к созданию самой сложной части - содержимого страницы и сайдбара. Используйте классы из вашего css-файла. Чтобы не ошибиться в корректном выводе контента, вы можете создать пробную страницу в админке и просмотреть код через броузер (view source code), выцепив оттуда нужные div’ы и классы. В эти классы и нужно будет вставить будущее содержимое новой страницы.

Например, контент, в котором может быть простой html (не забывайте про теги < p >!!!) и любой javascript/php-код, можно также использовать на всю катушку функционал Wordpress.

Далее, есть два пути создания сайдбара , можно просто его вызвать обычной функцией WP, а если хотите сделать специальную колонку, как в примере выше, то используйте ваши классы из css блога (смотрите для примера файл sidebar.php в вашей теме) и оформляйте, вставляйте что угодно и в самом конце вызвать footer:


< ?php _e('Заголовок'); ?>

Какой-то текст, картинки, скрипты. Что вам угодно, лишь бы вошло по ширине в сайдбар.
< ?php get_footer(); ?>

Теперь можете совместить поочередно все эти приведенные примеры в единое целое и использовать как шаблон специальной страницы на вашем блоге (в том случае, если у вас стоит шаблон К2, то возможно вам ничего не придётся менять в css этого примера, т.к. он построен на базе К2).

Можете также создать своё css оформление и воспользоваться им при создании страницы. Главное, не забывайте закрывать теги.

 

Комментариев пока еще нет

Комментарии доступны только авторизированным пользователям. Авторизируйтесь, чтобы оставить комментарий.