User Tools

Site Tools


ru:themes:shorttutorial

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
ru:themes:shorttutorial [2014/01/10 20:25]
lukoie [Контент]
ru:themes:shorttutorial [2014/01/13 12:32] (current)
Arkady [Подготовительные работы]
Line 4: Line 4:
  
 ====Подготовительные работы==== ====Подготовительные работы====
-**1** Готовим html страницу шаблона,​ и заливаем в директорию ​//theme//, создав там новую директорию для нашей темы. Имя шаблона в админке берется из названия директории шаблона. Скриншот шаблона ложим в ''/​images/​screenshot.png'',​ размер 250*250px достаточно.+**1** Готовим html-страницу шаблона,​ и заливаем в директорию ​''​theme''​, создав там новую директорию для нашей темы. Имя шаблона в админке берется из названия директории шаблона. Скриншот шаблона ​кладем в ''​///​images/​screenshot.png//'',​ размер ​//250*250px// достаточно.
  
-**2** Основной файл шаблона(''​index.html''​) называем ''​template.php''​. Не используем поддиректории для .php файлов темы. ​+**2** Основной файл шаблона(''​index.html''​) называем ''​template.php''​. Не используем поддиректории для ​//.php// файлов темы. ​
  
 **3** В панели управления сайта в меню "​тема"​ активируем в списке нашу новую тему, и в списке выбираем "​Редактировать тему"​. **3** В панели управления сайта в меню "​тема"​ активируем в списке нашу новую тему, и в списке выбираем "​Редактировать тему"​.
 ====HEAD==== ====HEAD====
-**5** Каждый .php файл(допустим у вас используются инклюды) должен начинаться с ''<?​php if(!defined('​IN_GS'​)){ die('​you cannot load this page directly.'​);​ }?>'' ​+**4** Каждый ​//.php// файл(допустим у вас используются инклюды) должен начинаться с ''<?​php if(!defined('​IN_GS'​)){ die('​you cannot load this page directly.'​);​ }?>'' ​
  
-**6** В тэг <​title></​title>​ вставляем ​тэги шаблона GetSimple: ''<?​php get_page_clean_title();​ ?> &lt; <?php get_site_name();​ ?>'' ​Или ''<?​php get_page_clean_title();​ ?> &mdash; <?php get_site_name();​ ?>'' ​+**5** В тэге //<​title></​title>​// вставляем:​ ''<?​php get_page_clean_title();​ ?> &lt; <?php get_site_name();​ ?>''​, или ''<?​php get_page_clean_title();​ ?> &mdash; <?php get_site_name();​ ?>'' ​
  
-**7** В <​head></​head>​ нашего шаблона необходимо вставить тэг ''<?​php get_header();​ ?>'', ​поскольку некоторые ​плагины не работают, если ​в шаблоне нет этого тэга.+**6** В //<​head></​head>​// нашего шаблона необходимо вставить тэг ''<?​php get_header();​ ?>'',​ он нужен для ​плагинов.
  
-**8** Добавляем путь к директории шаблона к динамичным ссылкам стилей,​ скриптов и картинок. Например ​+**7** Добавляем путь к директории шаблона к динамичным ссылкам стилей,​ скриптов и картинок. Например ​
 ''​href=”**<?​php get_theme_url();​ ?>/​**style.css”''​ ''​href=”**<?​php get_theme_url();​ ?>/​**style.css”''​
- 
- 
 ==== BODY ==== ==== BODY ====
 +**8** В тэг //<​body>//​ добавляем ''<​body **id=”<?​php get_page_slug();​ ?>”** >'' ​
  
-**9** В тэг <​body>​ добавляем ''<​body **id=”<?​php ​get_page_slug(); ?>** >'' ​+**9** Добавляем ​путь к директории шаблона у всех картинок,​ например ​''<​img src="**<?​php ​get_theme_url(); ?>/**img/​image.png"​>''​
  
-**10** Добавляем путь к директории шаблона у всех картинок,​ например ''<​img src="​**<?​php get_theme_url();​ ?>/​**img/​logo.png">''​.  +**10** Либо вот такая конструкция для вставки логотипа,​ со ссылкой на главную,​ и с названием сайта в alt: 
- +
-**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>''​ ''<​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();​ ?>''​+**11** Тег для заголовка страницы:​ ''<?​php get_page_title();​ ?>''​
  
-**13** Тег для контента ''<?​php get_page_content();​ ?>'' ​+**12** Тег для контента ''<?​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'); ?>''​.+**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'); ?>''​.
  
-**15** Тег для сайдбара:​ ''<?​php get_component('​sidebar'​);?>''​. А сам код сайдбара вставим в настроках темы в компонентах. ​ +**14** Тег для сайдбара:​ ''<?​php get_component('​sidebar'​);?>''​. А сам код сайдбара вставим в настроках темы в компонентах. ​
- +
-**16** Меню:​ ''<?​php get_navigation(return_page_slug());​ ?>'' ​+
  
 +**15** Меню:​ ''<?​php get_navigation(return_page_slug());​ ?>''​
 ==== FOOTER ==== ==== FOOTER ====
-**17** В копирайтах в подвале ставим имя сайта: ''<?​php get_site_name();​ ?>'',​ и год: ''<?​php echo date('​Y'​);​ ?>''​. +**16** В копирайтах в подвале ставим имя сайта: ''<?​php get_site_name();​ ?>'',​ и год: ''<?​php echo date('​Y'​);​ ?>''​.
- +
-**18** Ссылка на сайт GetSimple: ''<?​php get_site_credits();​ ?>''​+
  
-**19** Некоторым плагинам нужен такой тэг в подвале: ''<?​php ​get_footer();?>''​.+**17** Ссылка на сайт ​GetSimple: ''<?​php ​get_site_credits(); ?>''​
  
 +**18** Некоторым плагинам нужен такой тэг в подвале:​ ''<?​php get_footer();?>''​.
 ====Контент==== ====Контент====
-**20** Заполняем данные в настройках сайта. +**19** Заполняем данные в настройках сайта. ​Редактируем заголовок главной страницы и наполняем контент.
-Затем на вкладке **Страницы** отредактируйте заголовок главной страницы и скопируйте в поле ​WYSIWYG-редактора главный ​контент ​страницы,​ который будет отдаваться системой тэгом шаблона ''<?​php get_page_content();​ ?>''​.+
  
-**21** Любые части страницы шаблона делаются через компоненты. В админке в меню **Темы** раздел **Компоненты**. В шаблоне вставляем компонент тегом: ''<?​php get_component('​Имя_компонента'​);?>''​.+**20** Любые части страницы шаблона делаются через компоненты. В админке в меню **Темы** раздел **Компоненты**. В шаблоне вставляем компонент тегом: ''<?​php get_component('​Имя_компонента'​);?>''​.
  
-**22** Можно инклюдить созданную страницу в шаблоне тегом ''<?​php getPageContent('​slug'​);​ ?>'',​ где '​slug'​ это **Постоянная ссылка** на вашу новую страницу(берется в опциях страницы).+**21** Можно инклюдить созданную страницу в шаблоне тегом ''<?​php getPageContent('​slug'​);​ ?>'',​ где '​slug'​ это **Постоянная ссылка** на вашу новую страницу(берется в опциях страницы).
 ====Окончательная отделка==== ====Окончательная отделка====
-**23** Чтобы в WYSIWYG-редакторе использовались стили шаблона,​ копируем файл стиля в корень с именем ''​editor.css''​. ​+**22** Чтобы в WYSIWYG-редакторе использовались стили шаблона,​ копируем файл стиля в корень с именем ''​editor.css''​. ​
  
 +**23** Чтобы создать шаблон для внутренних страниц сайта, копируем файл шаблона под другим именем,​ и применяем этот стиль у всех страниц,​ кроме //​Заглавной//​.
 ====== Ссылки ====== ====== Ссылки ======
  
ru/themes/shorttutorial.1389385504.txt.gz · Last modified: 2014/01/10 20:25 by lukoie