Створення шаблону

Шаблон сайту - це вже готове дизайнерське рішення. Будь-який, навіть початківець вебдизайнер, легко може створити свій власний шаблон для сайту і переробити його під свої потреби. Також в мережі інтернет існують дуже багато якісних і безкоштовних шаблонів. Але не кожен зможе підігнати цей шаблон до системи управлінням сайтом (CMS). Для більшості CMS, щоб підключити створений шаблон до системи, потрібно приділити багато часу і старань. І це під силу не кожному. Адже шаблон може складатися з безлічі файлів, і розібратися що і куди, справа не з простих.

Якщо говорити про систему управління сайтом OUR-CMS, то тут справа йде зовсім інакше. Підключити шаблон дуже просто завдяки розділеному коду HTML і PHP.

Всі шаблони системи зберігаються в директорії templates. Кожен шаблон повинен знаходитися в окремій директорії.

Припустимо, у нас є вже готовий шаблон. Щоб прикріпити його до OUR-CMS потрібно створити в директорії templates папку, з назвою шаблону, наприклад flowers. У цій папці створюємо файл template.php, який і буде містити HTML код Вашого шаблону.

Якщо в шаблоні є зображення і таблиця стилів, то можна створити для них окремі папки. Припустимо, у нас зображення і таблиця стилів будуть зберігатися в одній папці images.

Структура папок і файлів повинна бути приблизно наступна:

Структура папок шаблону OUR-CMS

Для того, щоб на сайті відображалася динамічна інформація, яка змінюється в панелі адміністратора, потрібно в файл template.php, в якому зберігається HTML код вашого шаблону, вставити вставки PHP коду:

Назва сайту:

<?php echo $our_sitename; ?>

Заголовок сторінки:

<?php echo $our_sitetitle; ?>

Зміст сторінки:

<?php echo $our_content; ?>

Опис:

<?php echo $our_description; ?>

Ключові слова:

<?php echo $our_keywords; ?>

Для прикладу наведемо найпростіший шаблон:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><?php echo $our_sitename; ?> - <?php echo $our_sitetitle; ?></title>
<meta name="keywords" content="<?php echo $our_keywords; ?>" />
<meta name="description" content="<?php echo $our_description; ?>" />
<link href="/templates/flowers/images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="/">Головна</a>
<a href="/news.html"> Новини</a>
<a href="/contact.html"> Контакти</a>
<?php echo $our_content; ?>
</body>
</html>

Ми зробили порожній шаблон, без дизайну, який демонструє приклад вставки PHP коду.

Також в директорії шаблону, крім основного файлу template.php, повинні бути присутніми файли fullblog.php та shortblog.php, в яких зберігаються відповідно шаблони для повного і короткого опису записів блогів. Основні змінні для даних файлів:

Заголовок блогу:

<?php echo $our_head_blog; ?>

Повний або короткий вміст запису:

<?php echo $our_content_blog; ?>

Дата створення:

<?php echo $our_date_blog; ?>

Останнє, що потрібно зробити, це в режимі адміністратора вибрати потрібний шаблон:

Вибрати шаблон

Не забуваємо строго дотримуватися шляху на вміст сторінки:

  • /templates/(назва шаблону)/(ваш файл)
  • /templates/(назва шаблону)/images/(ваш файл)

Внутрішні посилання повинні мати вигляд:

<a href="/(URL сторінки)"> (Назва сторінки) </a>

Також редагувати основний шаблон, шаблон короткого і повного опису блогу можна в панелі адміністратора на сторінці Редактор. Внесіть зміни та підтвердіть їх натисканням на кнопку Змінити шаблон.

Як видно з прикладу, створення шаблонів для OUR-CMS здійснюється швидко і легко.