GetSimple CMS Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
Эта статья описывает пошаговый план по созданию темы. Предназначена для опытных пользователей.
Если что-то не понятно - обратитесь к статье [[ru:themes:tutorial|Урок по созданию темы]]
По умолчанию считаем что страница валидная, и сделана по стандартам. В нашей задаче мы лишь добавим необходимое для 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(); ?> &lt; <?php get_site_name(); ?>'', или ''<?php get_page_clean_title(); ?> &mdash; <?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** Чтобы создать шаблон для внутренних страниц сайта, копируем файл шаблона под другим именем, и применяем этот стиль у всех страниц, кроме //Заглавной//.
====== Ссылки ======

На главную [[ru:|Содержание]]

===== Страницы этой секции =====

=== Руководства, Советы ===
  *[[ru:security|Дополнительные меры безопасности]]
  *[[ru:how_to:accessibility|Горячие клавиши]]
  *[[ru:components-depending-on-the_page|Вывод компонентов в зависимости от страницы]]
  *[[ru:SEO for GetSimple|Оптимизация сайта на GetSimple для поисковых систем (SEO)]]
  *[[ru:themes:tutorial|Урок по созданию темы]]
GetSimple CMS Wiki

User Tools

Site Tools

Page Tools
