МожливостіМОЖЛИВОСТІ

image

Необхідна інформація

Тут ви знайдете тільки корисну інформацію без води.
 
image

Безкоштовно

Всі уроки, рекомендації та поради абсолютно безкоштовні.

Вибір хостингу

46 уроків на одній сторінці

SEO блог

Урок 11: як встановити новий шаблон? Основні налаштування шаблону Joomla

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

Стандартні шаблони Joomla 3.x

Давайте увійдемо до адмінпанелі нашого сайту, перейдемо на вкладку «Розширення» й виберемо «Шаблони» => «Стилі». За замовчуванням в Joomla вже встановлено три шаблони. У колонці «За налаштуванням» є жовта зірочка навпроти того шаблону, який зараз використовується на нашому сайті. Якщо перейти на вкладку «Шаблони», то можна побачити їх в мініатюрі, а також їх налаштування.

Давайте на вкладці «Стилі» змінимо наш нинішній шаблон «protostar» на шаблон «Beez3». Для цього натискаємо на білу зірочку навпроти «Beez3».

Тепер оновлюємо сторінку нашого сайту, після чого він повинен виглядати ось так:

Деякі модулі у нас відображаються не в тому місці, де відображалися на попередньому шаблоні. Це пов'язано з тим, що кожен шаблон має свої власні позиції для модулів. Ви можете додати до адреси сайту зараз /?tp=1 і переконатися в цьому. Тому при зміні шаблону можна іноді виявити, що чимало модулів або взагалі не відображаються, або відображаються некоректно.  Однак не варто впадати у відчай, все це досить легко виправляється.

Давайте повернемо наш попередній шаблон, поставивши жовту зірочку навпроти «protostar». Щоб подивитися налаштування шаблону, необхідно клікнути по його назві на вкладці «Стилі» в менеджері шаблонів. Зараз так і зробимо. Перед вами відкрилося ось таке вікно:

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

Тепер перейдемо на вкладку «Шаблони». Кнопка «Попередній перегляд» аналогічна додаванню до адреси сайту комбінації /?tp=1, так як з її допомогою можна подивитися позиції модулів для шаблону. На вкладці «Деталі Protostar» (коли у вас буде інший шаблон, то, природно, ця кнопка буде називатися «Деталі Ваш_шаблон») можна відредагувати HTML і CSS код шаблону. Ці настройки призначені для тих, хто, володіючи знаннями в HTML і CSS, бажає щось змінити або підкоригувати в коді шаблону.

Де взяти і як встановити нестандартний шаблон Joomla 3.x?

Тепер давайте розберемося, як встановити новий шаблон (крім стандартних). Зробити це можна таким же чином, як і встановлення звичайного розширення, тобто переходимо на вкладку «Розширення» => «Менеджер» => «Встановлення» => «Завантажити файл пакета». Також ви можете безпосередньо завантажувати шаблон до папки з вашим сайтом. Для цього необхідно перейти на диск «Z» => home => sitetest => www => templates. Саме тут зберігаються всі завантажені на сайт шаблони. Кожен шаблон складається з файлів CSS, HTML, допоміжних файлів і картинок.

Зараз ми з вами встановимо новий шаблон на наш сайт. Як знайти шаблони Joomla? Та дуже просто — вводимо в пошуковій системі, наприклад, «шаблони joomla 3 безкоштовно» і перед вами відкриється список сайтів, що містять тисячі унікальних шаблонів на різні тематики й для різних потреб. Зазвичай для кожного шаблону можна подивитися демо (як він виглядає). Завантажуєте обраний шаблон, він буде у вас у вигляді заархівованого файлу.

Найкраще використовувати сайт joomfans.com або template-joomla.ru. Для прикладу в мене вже є необхідний шаблон. Пропоную для кращого сприйняття інформації завантажити саме його. Всередині архіву ви побачите ще два архіви: gk_publisher_J!30.zip і gk_publisher_quickstart_J!30.zip. Зараз нам знадобиться перший. Тому скопіюйте цей архів gk_publisher_J!30.zip окремо до себе на робочий стіл. До речі, виглядає він з демо-даними ось так (тільки верхня частина):

Після цього завантажуємо його на наш сайт першим способом, тобто переходимо в «Розширення» = «Менеджер» => «Встановлення» => «Завантажити файл пакета». Натискаємо кнопку «Обзор» (у вас вона може називатися інакше) і вибираємо завантажений архів з шаблоном «gk_publisher_J!30.zip», натискаємо «Завантажити та встановити».

Після повідомлення про успішне встановлення шаблону переходимо в «Розширення» => «Шаблони» => «Стилі» та натискаємо на білу зірочку навпроти нового шаблону під назвою «gk_publisher».

Оновлюємо сторінку на нашому сайті й ось, що ми бачимо:

Наше головне меню розмістилося тепер в самому верху, а всі модулі, які розташовані праворуч в старому шаблоні, в цьому шаблоні зникли. Це означає, що в новому шаблоні дещо інші позиції для модулів, про що раніше було вже написано. Давайте до адреси веб-сайту додамо хвостик /?tp=1 і подивимося позиції нового шаблону. Як бачимо, для відображення модулів праворуч нам необхідно використовувати позицію sidebar.

Давайте тепер приберемо хвостик /?tp=1. На цьому урок 11 завершується, а в наступному уроці ми з вами підкоригуємо даний шаблон під наш сайт і правильно відобразимо наші модулі.

Ви можете перейти до наступного уроку або повернутися до попереднього.

Рекомендовано

  • Хостинг - домен безкоштовно
  • Купити статті для сайту
  • Купити-продати посилання
  • Купити-продати вічні посилання

Яндекс.Метрика