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
Last revision Both sides next revision
ru:themes:shorttutorial [2014/01/10 20:33]
lukoie [Подготовительные работы]
ru:themes:shorttutorial [2014/01/10 20:49]
lukoie [Окончательная отделка]
Line 10: Line 10:
 **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.txt · Last modified: 2014/01/13 12:32 by Arkady