User Tools

Site Tools


ru:themes:tutorial

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:tutorial [2013/09/25 17:20]
Oleg06 [Редактирование]
ru:themes:tutorial [2014/01/10 20:54]
lukoie [Страницы этой секции]
Line 163: Line 163:
 Итак ​ – формирование файла шаблона окончено. Вот и содержимое файла template.php,​ которое должно было у вас получиться: ​ Итак ​ – формирование файла шаблона окончено. Вот и содержимое файла template.php,​ которое должно было у вас получиться: ​
  
-<​code>​+<​code ​php>
 <?php if(!defined('​IN_GS'​)){ die('​you cannot load this page directly.'​);​ } <?php if(!defined('​IN_GS'​)){ die('​you cannot load this page directly.'​);​ }
 /​**************************************************** /​****************************************************
Line 172: Line 172:
 * *
 *****************************************************/​ *****************************************************/​
-?>+?></​code>
  
-<​!DOCTYPE html>+<code php><​!DOCTYPE html>
  
 <html lang=en> <html lang=en>
 +</​code>​
  
- <​head>​ +<code php><​head>​ 
- <meta charset=UTF-8>​ +   ​<meta charset=UTF-8>​ 
- <​title><?​php get_page_clean_title();​ ?> &​mdash; ​ <?php get_site_name();​ ?></​title>​ +   ​<​title><?​php get_page_clean_title();​ ?> &​mdash; ​ <?php get_site_name();​ ?></​title>​ 
- <?php get_header();​ ?> +   ​<?php get_header();​ ?> 
- <link href="<?​php get_theme_url();​ ?>/​style.css"​ rel="​stylesheet"​ type="​text/​css"​ media="​screen"​ /> +   ​<link href="<?​php get_theme_url();​ ?>/​style.css"​ rel="​stylesheet"​ type="​text/​css"​ media="​screen"​ /> 
- </​head>​+</head></​code>
  
- <body id="<?​php get_page_slug();​ ?>" >+<code php><body id="<?​php get_page_slug();​ ?>" ​></​code>
   
- <div id="​page">​+<​code>​<div id="​page"​></​code>
   
- <​header>​ +<code php><​header>​ 
- <a href="<?​php get_site_url();​ ?>">​ +<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>​
-<img src="<?​php get_theme_url();​ ?>/​images/​logo.png"​ width="​303"​ height="​82"​ alt="<?​php get_site_name();​ ?>" /></​a>​+
  <br />  <br />
- <img src="<?​php get_theme_url();​ ?>/​images/​bg_banner_grey.gif"​ width="​980"​ height="​5"​ alt="​logo_banner"​ /> + <img src="<?​php get_theme_url();​ ?>/​images/​bg_banner_grey.gif"​ width="​980"​ height="​5"​ alt="​logo_banner"​ /> 
- </​header>​+ </​header></​code>
   
- <div id="​content">​ +<code php><div id="​content"​></​code
- <div class="​post">​ +<code php><div class="​post">​ 
- <​h2>​About Beady Site</​h2>​ +   ​<​h2>​About Beady Site</​h2>​ 
- <​p>​Bla bla bla a load of old nonsense ​ + <​p>​Bla bla bla a load of old nonsense goes here in this area, move on nothing of interests to read here just a load of old nonsense.</​p>​ 
-goes here in this area, move on nothing of interests to read here just a load  + <​p>​Bla bla bla a load of old nonsense goes here in this area, move on nothing of interests to read here just a load of old nonsense.</​p>​
-of old nonsense.Bla bla bla a load of old nonsense goes here in this area,  +
-move on nothing of interests to read here just a load of old nonsense. </​p>​ +
- <​p>​Bla bla bla a load of old nonsense ​ +
-goes here in this area, move on nothing of interests to read here just a load of old nonsense. +
-Bla bla bla a load of old nonsense goes here in this area,  +
-move on nothing of interests to read here just a load of old nonsense.</​p>​+
  <hr />  <hr />
- </​div>​ + </​div></​code
- <div id="​left">​+<code php><div id="​left">​
  <​h2><?​php get_page_title();​ ?></​h2>​  <​h2><?​php get_page_title();​ ?></​h2>​
  <?​php get_page_content();​ ?>  <?​php get_page_content();​ ?>
- </​div>​ + </​div></​code
- <div id="​right">​+<code php><div id="​right">​
  <?​php get_component('​sidebar'​);?>​  <?​php get_component('​sidebar'​);?>​
- </​div>​ + </​div></​code
- </​div>​+<code php></div> <!-- end-of-"​content"​ --></​code>
   
- <div id="​sidebar">​ +<code php><div id="​sidebar">​ 
- <​ul>​ +<​ul>​ 
- <​li>​ + <​li>​ 
- <​h2>​Menu </​h2>​ +     ​<​h2>​Menu </​h2>​ 
- <​ul><?​php get_navigation(return_page_slug());​ ?></​ul>​ +     ​<​ul><?​php get_navigation(return_page_slug());​ ?></​ul>​ 
- </​li>​ + </​li>​ 
- </​ul>​ +</​ul>​ 
- <br /> + <br /> 
- <p> + <​p>​ 
- <a href="​http://​validator.w3.org/​check?​uri=referer"><​img src="​images/​HTML5_Logo.png"​ alt="​Valid HTML5" />  </​a>​ +   ​<a href="​http://​validator.w3.org/​check?​uri=referer"><​img src="​images/​HTML5_Logo.png"​ alt="​Valid HTML5" />  </​a>​ 
- </​p>​ + </​p>​ 
- <br /> + <br /> 
- <p> + <​p>​ 
- <a href="​http://​jigsaw.w3.org/​css-validator/​check/​referer">​ +   ​<a href="​http://​jigsaw.w3.org/​css-validator/​check/​referer"><​img style="​border:​0;​width:​88px;​height:​31px"​ src="​http://​jigsaw.w3.org/​css-validator/​images/​vcss-blue"​ alt="​Valid CSS!" /> </​a>​ 
-<img style="​border:​0;​width:​88px;​height:​31px"​ src="​http://​jigsaw.w3.org/​css-validator/​images/​vcss-blue"​ alt="​Valid CSS!" /> </​a>​ + </​p>​ 
- </​p>​ + <br /> 
- <br /> + <​p>​ 
- <p> +   ​<a href="​http://​creativecommons.org/​licenses/​by/​3.0/">​ <img style="​border:​0;​width:​88px;​height:​31px"​src="​http://​i.creativecommons.org/​l/​by/​3.0/​88x31.png"​ alt="​Creative Commons Attribution 3.0 Unported License!"​ /> </​a>​ 
- <a href="​http://​creativecommons.org/​licenses/​by/​3.0/">​ + </​p>​ 
- <img style="​border:​0;​width:​88px;​height:​31px"​ +</div></​code>
-src="​http://​i.creativecommons.org/​l/​by/​3.0/​88x31.png" ​ +
-alt="​Creative Commons Attribution 3.0 Unported License!"​ /> </​a>​ +
- </​p>​ +
- </​div>​+
   
- <div style="​clear:​ both;">&​nbsp;</​div>​+<code php><div style="​clear:​ both;">&​nbsp;</​div>​
   
- <img src="<?​php get_theme_url();​ ?>/​images/​bg_banner_grey.gif"​ width="​980"​ height="​5"​ alt="​logo_banner"​ />+ <img src="<?​php get_theme_url();​ ?>/​images/​bg_banner_grey.gif"​ width="​980"​ height="​5"​ alt="​logo_banner"​ /></​code>
   
- <​footer>​ +<code php><​footer>​ 
- <?php get_site_name();​ ?> +   ​<?php get_site_name();​ ?> 
- © <?php echo date('​Y'​);​ ?> | Design by  +   ​© <?php echo date('​Y'​);​ ?> | Design by <a href="​http://​www.html5-templates.co.uk"​ target="​_blank">​HTML5 Templates</​a>​ <?php get_site_credits();​ ?> 
-<a href="​http://​www.html5-templates.co.uk"​ target="​_blank">​HTML5 Templates</​a>​ +   ​<?php get_footer();​ ?> 
- ​| ​<?php get_site_credits();​ ?> +</footer></​code>
- <?php get_footer();​ ?> +
- </​footer>​+
   
- </​div>​+<​code>​</div> <!-- end-of-"​page"​ --></​code>
   
- </​body>​+<​code>​</​body>​
   
 </​html> ​ </​html> ​
 </​code>​ </​code>​
- 
  
 ====Контент==== ====Контент====
Line 277: Line 264:
 WYSIWYG- редактор ​ будет намного точнее отображать содержимое страницы,​ если в папке темы разместить файл ​ ''​editor.css'',​ в который включить основные стилевые правила темы. ​ WYSIWYG- редактор ​ будет намного точнее отображать содержимое страницы,​ если в папке темы разместить файл ​ ''​editor.css'',​ в который включить основные стилевые правила темы. ​
  
 +====== Ссылки ======
 +
 +На главную [[ru:​|Содержание]]
 +
 +===== Страницы этой секции =====
 +
 +=== Руководства,​ Советы ===
 +  *[[ru:​security|Дополнительные меры безопасности]]
 +  *[[ru:​how_to:​accessibility|Горячие клавиши]]
 +  *[[ru:​components-depending-on-the_page|Вывод компонентов в зависимости от страницы]]
 +  *[[ru:SEO for GetSimple|Оптимизация сайта на GetSimple для поисковых систем (SEO)]]
 +  *[[ru:​themes:​shorttutorial|Лаконичное пошаговое описание создания темы]]
ru/themes/tutorial.txt · Last modified: 2015/05/01 19:47 by Byteler