Налаштовуємо різні шаблони для різних сторінок в joomla
Налаштовуємо різні шаблони для різних сторінок в Joomla
Не всі сторінки вашого сайту на Joomla можуть мати однаковий дизайн і виглядати однаково. Деякі сайти мають радикально різні колірні схеми і розташування основних блоків для різних розділів сайту. І Joomla дозволяє вам робити це.
У цьому уроці ми покажемо вам, як використовувати різні шаблони або різні стилі одного і того ж шаблону, для різних розділів вашого сайту на Joomla.
Крок 1: Загальна інформація про шаблони в Joomla
Joomla має три основних шаблону встановлених за замовчуванням: Atomic, Beez5 і Beez2.
Ці три шаблону відзначені як "Site" в стовпці "Location" і призначені для публічної частини сайту. Шаблони Bluestork і Hathor позначені як "Administrator" і призначені тільки для адмінки. Ви можете також встановити інші шаблони сторонніх розробників або розробити або створити свій власний шаблон.
Один із шаблонів завжди відзначений як буде використовуватися під для зовнішнього сайту і один для адмінки. Щоб дізнатися, який з них використовується за умовчанням, знайдіть золоту зірочку в колонці "За замовчуванням", як показано на малюнку нижче:
Ви можете змінити шаблон за замовчуванням в будь-який момент, просто натиснувши на одну з порожніх зірочок, і тоді вона стане золотою, а відповідний шаблон використовується за умовчанням.
При першій установці Joomla за замовчуванням встановлюється шаблон Beez2. Якщо натиснути на назву шаблону, ви можете редагувати настройки шаблону.
Як ви можете бачити в цьому прикладі, цей шаблон використовується за умовчанням для всіх сторінок і не вимагає установки його для кожного пункту меню ..
Крок 2. Висновок різних шаблонів на різних сторінках
- Відкрийте Менеджер шаблонів
- Відзначте шаблон Beez5.
- Натисніть кнопку Змінити.
- Збережіть цю прив'язку до меню, а потім перевірте ваш сайт.
- Після збереження ви побачите, що у вас є шаблон Beez_20, встановлений за замовчуванням.
- А шаблон Beez5 призначений (Assigned) на окремий пункт меню і позначений зеленою галочкою.
Ось так головна сторінка виглядає з шаблоном за замовчуванням - Beez2:
Вам потрібно буде змінити логотип для обох шаблонів і позиції модулів відповідно до вашої загальної структурою сайту.
Крок 3. Пояснення різних позицій модулів в різних шаблонах
Позиції модулів Beez5 (вгорі) і Beez2 (нижче) майже однакові, так що це не викличе великих проблем при зміні дизайну. Однак є і відмінності.
Одним з найбільш очевидних відмінностей між двома шаблонами є позиція модулів навколо логотипу. У Beez5 модулі position-1 і position-0 знаходяться нижче логотипу:
У Beez 2 модуль position-0 знаходиться над логотипом, а position-1 - нижче:
Це досить незначна відмінність, але хороший приклад того, як шаблони можуть відрізнятися за своїми позиціями модулів. В даному випадку це досить простий приклад, тому що всі модулі мають однакові імена.
Але що робити, якщо позиції модулів абсолютно різні, в різних місцях під різними іменами?
На цій сторінці є тільки такі позиції модулів:
- atomic-topmenu
- atomic-topquote
- atomic-search
- atomic-sidebar
- atomic-bottomleft
- atomic-bottommiddle
Якщо ви хочете, щоб цей шаблон був на вашому сайті, на додаток до Beez2, то ви повинні виконати більше роботи.
Крок 4. Додаємо модуль меню для нового шаблону
- Вибираємо в меню Розширення> Менеджер модулів і тиснемо кнопку Створити.
- Вибираємо Меню.
- Прив'язуємо новий модуль до позиції atomic-sidebar.
- Нова функція в Joomla 2.5 - поле Примітка. Це допоможе вам не заплутатися в модулях, при великій їх кількості.
- Тепер ми прив'язуємо модуль до певних сторінок.
- Вибираємо "Тільки на обраних сторінках".
- Встановлюємо прапорець меню, який вам потрібен.
- Тепер у мене меню знаходиться в бічній панелі. Ви можете бачити, що це горизонтальне меню і місця для нього там замало. Ми повинні спробувати знайти для нього кращу позицію.
- Перейдіть в Менеджер модулів і перемістіть меню в позицію atomic-topmenu. Тепер меню повинно виглядати як на картинці нижче:
Я навів цей приклад просто для ілюстрації того, з якого роду проблемами ви можете зіткнутися, коли починаєте додавання шаблонів без попереднього дослідження.
Ви так само можете використовувати копію наявного у вас шаблону в якості теми для альтернативного розділу або сторінки. Великою перевагою є те, що все буде в одному місці, і вам потрібно внести тільки необхідні зміни з CSS і це дозволить уникнути серйозних перероблення.
Крок 5. Стилі шаблону vs Різні шаблони
Замість того, щоб використовувати абсолютно різні шаблони для різних сторінок на вашому сайті, можна просто створити різні варіанти вашого шаблону за замовчуванням. Це нова можливість в Joomla 2.5. Вона дозволяє створювати різні варіанти дизайну на кожній сторінці без необхідності проходити всі кроки, що ми виклали вище.
- Переходимо в Менеджер шаблонів.
- Встановіть прапорець поруч із шаблоном, для якого ви хочете створити копію. В даному випадку ми будемо використовувати Beez2.
- Натисніть на іконку "Дублювати".
- Встановіть прапорець поруч з Beez2-Default (2).
- Натисніть кнопку "Змінити".
- Тепер у вас є один сайт з двома різними стилями одного шаблону, прив'язаними до різних пунктів меню.
- Ви також можете прив'язувати шаблон при створенні пунктів меню.
- Коли ви перебуваєте в Менеджері меню, можна встановити прийнятний варіант шаблону для цього пункту меню (див. Нижче).
