Створюємо шаблон для LinkorCMS

Програмування

Електроніка

Психологія

шаблон

У попередній статті ми трохи розібралися в файлах, які становлю основу шаблону (теми) для LinkorCMS. Ця інформація допоможе при модифікації шаблонів необхідних вам модулів та блоків.

Наступний крок, який потрібно зробити, це з адмінпанелі управління CMS встановити як поточний наш новий шаблон. Для цього в адмінпанелі йдемо в меню «Система»à«Розширення»à«Шаблони», та у лівому бічному меню вибираємо пункт «Встановити». У табличці ставимо галочку на нашій новій темі, яка тепер була визначена системою під назвою Simple, і встановлюємо її, натиснувши кнопку «Встановити».

Після цього йдемо в меню«Сайт»à«Налаштування сайту» і в розділі «Шаблон сайту» вибираємо нашу новостворену тему «Simple» та зберігаємо зміни. Тепер, хоч наша тема поки що і не має майже ніяких особливостей, але ми маємо можливість спостерігати всі зміни, які ми будемо робити в ній.

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

- Загальна колірна схема – сіро-блакитна

- Власний логотип, зменшений за висотою до розміру 100 пікселів

- Верхнє меню розташоване у межах логотипу з правого боку сторінки

- Сайт за замовчуванням буде двоколоночним (зліва – блоки, а праворуч – модулі)

- Блоки та модулі зробити із закругленими краями, градієнтом та тінями.

- … і не забувати про кросбраузерність :-)

За основу був взяти шаблон-основа html-сторінки, зразковий зовнішній вигляд якої представлений на малюнку. Саме в рамках цього дизайну розміщуватимемо блоки та модулі системи LinkorCMS, трохи модифікуючи їх під свої потреби та вписуючи в колірну гаму запропонованої сторінки.

І відповідний файл стилю default2.css

У файлах body.jpg, 3.jpg, 2.jpg, 4.jpg містяться відповідно малюнки фону для сторінки, шапки сайту, обрамлення для хлібних крихт та підвалу, обрамлення для основної частини сайту. Завантажити їх за потреби можна звідси.

На цьому поки що зупинимося. У наступній частині будемо працювати з файлом стилів та деякими шаблонами, і почнемо безпосередньо змінювати дизайн деяких блоків.