Як змінити ширину шаблону joomla


 

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



Інструкція

  1. Відкрийте головну сторінку вашого сайту. В меню використовуваного браузера виберіть функцію перегляду вихідного коду сторінки. У Google Chrome даний інструмент розташований в «Інструмент» — «Перегляд вихідного коду», в Firefox — «Веб-розробка» — «Вихідний код». Якщо ви використовуєте Opera, то для перегляду HTML-коду оберіть «Вид» — «Засоби розробки» — «Вихідний код».
  2. Знайдіть дескриптор і подивіться всі div і їх назви. Відкрийте файл template.css вашого шаблону за допомогою будь-якого текстового редактора і знайдіть блок, в якому явно задана ширина width. Наприклад, якщо після коштує
    , то у файлі template шукайте назву block. Для спрощення пошуку можна скористатися функцією «Правка» — «Знайти» вікна редактора. Перегляньте всі div, зазначені у вихідному коді сторінки.
  3. У параметрі width введіть потрібне значення в процентах або пікселях. Перегляньте інші блоки, які мають такі ж значення ширини, і аналогічним чином зміните їх. Наприклад, якщо ви в головному шарі додали до ширини 200 пікселів, то треба додати ці ж 200 пікселів і в інші блоки.
  4. Після закінчення внесення змін збережіть файл і подивіться отриманий результат, при необхідності подредактіруйте template.css ще раз. Якщо в якості фону блоків в шаблоні застосовуються зображення, то швидше за все доведеться змінити і їх розмір. Також для кожного div ви можете задати власний фоновий колір, який може замінити однотонну картинку. Якщо в дизайні сайту присутній логотип, то його ви зможете розтягнути за допомогою будь-якого графічного редактора. У шаблонах також можна використовувати свої зображення.


Зверніть увагу

Пам’ятайте, що кожен блок розміщується в іншому блоці, а тому часто необхідно змінити розмір та інших div-ів.

Корисні поради

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