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