Главная / Документация / Полное руководство / Интеграция дизайна, шаблоны и шаблонные функции /

Как подключить diafan.CMS к дизайну

Видеоурок

Смотрите видеоурок на тему подключения дизайна к diafan.CMS

Все очень просто! Подключить дизайн к diafan.CMS - легче легкого! :)

Ставите CMS к себе на сайт. У вас сразу все будет работать. Но на вашем сайте будет дизайн по умолчанию, как в демо версии.

Это стандартный шаблон, themes/site.php. По сути это простой обычный HTML-файл, но с нашими шаблонными тегами. Его можно удалить, а еще лучше переименовать и затем оттуда брать за основу теги, для внедрения своего дизайна.

Шаблонный тег в diafan.CMS – это тег, который запускает шаблонную функцию, которая выводит необходимые данные из CMS в HTML-дизайне.

Если загрузить любой HTML-файл в папку /themes/ как файл site.php, то diafan.CMS содержимое этого файла сразу выведет на сайте как дизайн.

Чтобы в дизайне выводилось меню из CMS, строка навигации, тексты из админки, блоки новостей, теги title и т.д. необходимо указать diafan.CMS, что где в HTML-коде выводить. Это как раз делается с помощью шаблонных функций (тегов).

Устроен шаблонный тег так: <insert name="..." атрибуты> .

Например, чтобы вывести меню, нужно вставить в файл site.php шаблонный тег
<insert name="show_block" module="menu">. Для вывода контента сайта служит тег
<insert name="show_body">. И так далее.

Рассмотрим подробнее. Допустим, у вас дизайн сайта с сеткой из трех колонок:

HTML-код этого дизайна примерно такой:

<html> 
  <head> 
 
    <title>Заголовок сайта</title> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="description" content="Описание"> 
    <meta name="keywords" content="Ключевики"> 
  </head> 
  <body> 
    <table> 
      <tr> 
        <td> 
          Логотип 
        </td> 
        <td>

          <a href="#">Меню 1</a><img src="razdelitel.gif"> 
          <a href="#">Меню 2</a><img src="razdelitel.gif"> 
          <a href="#">Меню 3</a><img src="razdelitel.gif"> 
          <a href="#">Меню 4</a><img src="razdelitel.gif">

  
        </td> 
      </tr> 
    </table> 
    <table> 
      <tr> 
        <td> 
          Новости<br> 
          Опрос 
        </td> 
        <td> 
          Строка навигации<br> 
          Текст сайта 
        </td> 
        <td> 
          Статьи<br> 
          Облако тегов 
        </td> 
      </tr> 
    </table> 
  </body> 
</html>

Первый делом сохраните этот HTML файл как themes/site.php.
Вы сразу увидите, что он отобразится на сайте! Но ссылки останутся #, тег title так и будет «Заголовок сайта» и т.д.
Чтобы все заработало, расставьте шаблонные теги так:

<html> 
  <head> 
 
    <title><insert name="show_title"></title> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="description" content="<insert name="show_description">

"

> 
    <meta name="keywords" content="<insert name="show_keywords">

"

> 
  </head> 
  <body> 
    <table> 
      <tr> 
        <td> 
          Логотип 
        </td> 
        <td> 
         <insert name="show_block"

module="menu"

 separator_1="[img src=` razdelitel.gif`]"> 
        </td> 
      </tr> 
    </table> 
    <table> 
      <tr> 
        <td> 
          <insert name="show_block" module="news" count="3">   
          <insert name="show_votes"> 
        </td> 
        <td> 
          <insert name="show_path">   
          <insert name="show_body"> 
        </td> 
        <td> 
          <insert name="show_block" module="clauses">   
          <insert name="show_block" module="tags"> 
        </td> 
      </tr> 
    </table>

  
  </body> 
</html>

Где:

<insert name="show_block" module="menu" separator_1="[img src=` razdelitel.gif`]"> – шаблонный тег вывода пунктов меню. Атрибут separator_1 в данном случае нужен, чтобы функция выводила <img src="razdelitel.gif"> между пунктами меню;
<insert name="show_block" module="news" count="3"> – шаблонный тег вывода блока анонсов новостей, трех последних;
<insert name="show_votes"> – шаблонный тег вывода опросников;
<insert name="show_path"> – шаблонный тег вывода строки навигации «Хлебные крошки»;
<insert name="show_body"> – шаблонный тег вывода основного контента сайта;
<insert name="show_block" module="clauses"> – шаблонный тег вывода анонсов статей;
<insert name="show_block" module="tags"> – шаблонный тег вывода облака тегов.

(Полное описание всех шаблонных тегов и их параметров смотрите здесь.)

В diafan.CMS используются Jquery, JavaScript, стили оформления форм и текстов, поэтому, если эти функции, стили и скрипты нужны, или вы хотите оставить функции по умолчанию, необходимо оставить тег <insert name="show_js"> между тегами <head></head> из исходного themes/site.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
  <head> 
 
    <title><insert name="show_title"></title> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8

"

> 
    <meta name="description" content="<insert name="show_description">

"

> 
    <meta name="keywords" content="<insert name="show_keywords">

"

> 
 
    <meta content="<insert value="Russian">" name="language"> 
    <meta content="DiAfan http://www.diafan.ru" name="author"> 
    <meta content="All" name="robots"> 
 
    <insert name="show_

js"

  
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<insert name="path_url">

newsrss/"


    <link href="<insert name="path">

css/style.css"

 rel="stylesheet" type="text/css"> 
 
  </head> 
  <body <insert name="show_protect">>

  
  </body> 
</html>

А свой HTML-код вставляйте между тегами <body></body>.

Шаблонный тег <insert name="show_js"> выводит список поключаемых ява-скриптов. Изменить этот список можно в файле /includes/function.php, строка 386.

Если для какой-то отдельной страницы на сайте необходимо иметь другой дизайн, сохраните его в папке themes. Затем при редактировании страницы в панели управления в «Дополнительно» укажите его в выпадающем списке «Шаблон дизайна».

Не понятно? Уточните