Table of Contents
Эта статья описывает пошаговый план по созданию темы. Предназначена для опытных пользователей. Если что-то не понятно - обратитесь к статье Урок по созданию темы По умолчанию считаем что страница валидная, и сделана по стандартам. В нашей задаче мы лишь добавим необходимое для GetSimple.
Подготовительные работы
1 Готовим html-страницу шаблона, и заливаем в директорию theme, создав там новую директорию для нашей темы. Имя шаблона в админке берется из названия директории шаблона. Скриншот шаблона кладем в /images/screenshot.png, размер 250*250px достаточно.
2 Основной файл шаблона(index.html) называем template.php. Не используем поддиректории для .php файлов темы.
3 В панели управления сайта в меню “тема” активируем в списке нашу новую тему, и в списке выбираем “Редактировать тему”.
HEAD
4 Каждый .php файл(допустим у вас используются инклюды) должен начинаться с <?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }?>
5 В тэге <title></title> вставляем: <?php get_page_clean_title(); ?> < <?php get_site_name(); ?>, или <?php get_page_clean_title(); ?> — <?php get_site_name(); ?>
6 В <head></head> нашего шаблона необходимо вставить тэг <?php get_header(); ?>, он нужен для плагинов.
7 Добавляем путь к директории шаблона к динамичным ссылкам стилей, скриптов и картинок. Например
href=”<?php get_theme_url(); ?>/style.css”
BODY
8 В тэг <body> добавляем <body id=”<?php get_page_slug(); ?>” >
9 Добавляем путь к директории шаблона у всех картинок, например <img src=“<?php get_theme_url(); ?>/img/image.png”>.
10 Либо вот такая конструкция для вставки логотипа, со ссылкой на главную, и с названием сайта в alt:
<a href=”<?php get_site_url(); ?>”><img src=”<?php get_theme_url(); ?>/images/logo.png” width=“303” height=“82” alt=”<?php get_site_name(); ?>” /></a>
11 Тег для заголовка страницы: <?php get_page_title(); ?>
12 Тег для контента <?php get_page_content(); ?>
13 Тег для даты <?php setlocale(LC_TIME, 'ru_RU.UTF8', 'ru.UTF8', 'ru_RU.UTF-8', 'ru.UTF-8', 'ru_RU', 'ru'); echo strftime('%d %B, %Y'); ?>.
14 Тег для сайдбара: <?php get_component('sidebar');?>. А сам код сайдбара вставим в настроках темы в компонентах.
15 Меню: <?php get_navigation(return_page_slug()); ?>
FOOTER
16 В копирайтах в подвале ставим имя сайта: <?php get_site_name(); ?>, и год: <?php echo date('Y'); ?>.
17 Ссылка на сайт GetSimple: <?php get_site_credits(); ?>
18 Некоторым плагинам нужен такой тэг в подвале: <?php get_footer();?>.
Контент
19 Заполняем данные в настройках сайта. Редактируем заголовок главной страницы и наполняем контент.
20 Любые части страницы шаблона делаются через компоненты. В админке в меню Темы раздел Компоненты. В шаблоне вставляем компонент тегом: <?php get_component('Имя_компонента');?>.
21 Можно инклюдить созданную страницу в шаблоне тегом <?php getPageContent('slug'); ?>, где 'slug' это Постоянная ссылка на вашу новую страницу(берется в опциях страницы).
Окончательная отделка
22 Чтобы в WYSIWYG-редакторе использовались стили шаблона, копируем файл стиля в корень с именем editor.css.
23 Чтобы создать шаблон для внутренних страниц сайта, копируем файл шаблона под другим именем, и применяем этот стиль у всех страниц, кроме Заглавной.
Ссылки
На главную Содержание
Страницы этой секции
Руководства, Советы
