This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
ru:themes:shorttutorial [2014/01/10 20:02] lukoie |
ru:themes:shorttutorial [2014/01/13 12:32] (current) Arkady [Подготовительные работы] |
||
---|---|---|---|
Line 4: | Line 4: | ||
====Подготовительные работы==== | ====Подготовительные работы==== | ||
- | 1 Готовим нужную html страницу шаблона. | + | **1** Готовим html-страницу шаблона, и заливаем в директорию ''theme'', создав там новую директорию для нашей темы. Имя шаблона в админке берется из названия директории шаблона. Скриншот шаблона кладем в ''///images/screenshot.png//'', размер //250*250px// достаточно. |
- | 2 В директории theme в корне сайта создаем новую директорию для темы, и заливаем туда подготовленные файлы. Имя шаблона в админке берется из названия директории шаблона. Скриншот шаблона ложим в //images//''screenshot.png'', размер 250*250px достаточно. | + | **2** Основной файл шаблона(''index.html'') называем ''template.php''. Не используем поддиректории для //.php// файлов темы. |
- | + | ||
- | 3 Основной файл шаблона(index) называем template.php. Не используем поддиректории для .php файлов темы. | + | |
- | + | ||
- | 4 В панели управления сайта в меню "тема" активируем в списке нашу новую тему, и в списке выбираем "Редактировать тему". | + | |
+ | **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(); ?> < <?php get_site_name(); ?>'' Или ''<?php get_page_clean_title(); ?> — <?php get_site_name(); ?>'' | + | **5** В тэге //<title></title>// вставляем: ''<?php get_page_clean_title(); ?> < <?php get_site_name(); ?>'', или ''<?php get_page_clean_title(); ?> — <?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(); ?>'' | + | **17** Ссылка на сайт GetSimple: ''<?php get_site_credits(); ?>'' |
- | + | ||
- | **19** Некоторым плагинам нужен такой тэг в подвале: ''<?php get_footer();?>''. | + | |
+ | **18** Некоторым плагинам нужен такой тэг в подвале: ''<?php get_footer();?>''. | ||
====Контент==== | ====Контент==== | ||
+ | **19** Заполняем данные в настройках сайта. Редактируем заголовок главной страницы и наполняем контент. | ||
- | **20** Заполняем данные в настройках сайта. | + | **20** Любые части страницы шаблона делаются через компоненты. В админке в меню **Темы** раздел **Компоненты**. В шаблоне вставляем компонент тегом: ''<?php get_component('Имя_компонента');?>''. |
- | Затем на вкладке **Страницы** отредактируйте заголовок главной страницы и скопируйте в поле WYSIWYG-редактора главный контент страницы, который будет отдаваться системой тэгом шаблона <?php get_page_content(); ?>. | + | |
- | + | ||
- | **21** Любые части страницы шаблона делаются через компоненты. В админке в меню темы раздел Компоненты. В шаблоне вставляем компонент тегом: <?php get_component('Имя_компонента');?>. | + | |
- | + | ||
- | **22** Можно инклюдить созданную страницу в шаблоне тегом <?php getPageContent('slug'); ?>, где 'slug' – **Постоянная ссылка** на вашу новую страницу. | + | |
+ | **21** Можно инклюдить созданную страницу в шаблоне тегом ''<?php getPageContent('slug'); ?>'', где 'slug' это **Постоянная ссылка** на вашу новую страницу(берется в опциях страницы). | ||
====Окончательная отделка==== | ====Окончательная отделка==== | ||
- | **23** Чтобы в WYSIWYG-редакторе использовались стили шаблона, копируем файл стиля в корень с именем ''editor.css''. | + | **22** Чтобы в WYSIWYG-редакторе использовались стили шаблона, копируем файл стиля в корень с именем ''editor.css''. |
+ | **23** Чтобы создать шаблон для внутренних страниц сайта, копируем файл шаблона под другим именем, и применяем этот стиль у всех страниц, кроме //Заглавной//. | ||
====== Ссылки ====== | ====== Ссылки ====== | ||