Как да промените ширината на шаблона на Joomla

Съдържание:

Как да промените ширината на шаблона на Joomla
Как да промените ширината на шаблона на Joomla
Anonim

Joomla е един от най-персонализираните и лесни за ползване CMS там. Използвайки възможностите на тази система за управление на сайта, можете не само да запълните сайта с различна функционалност, но и да промените външния му вид въз основа на инсталираните шаблони.

Как да промените ширината на шаблона на joomla
Как да промените ширината на шаблона на joomla

Инструкции

Етап 1

Отворете началната страница на вашия сайт. В менюто на браузъра, който използвате, изберете функцията за преглед на изходния код на страницата. В Google Chrome този инструмент се намира под „Инструменти“- „Преглед на източника“, във Firefox - „Уеб разработка“- „Източник“. Ако използвате Opera, изберете Преглед - Инструменти за разработка - Изходен код, за да видите HTML кода.

Стъпка 2

Намерете дръжката и вижте всички div и техните имена. Отворете файла template.css на вашия шаблон с всеки текстов редактор и намерете блок, който изрично задава ширината. Например, ако е след, тогава във файла на шаблона потърсете блока с имената. За да опростите търсенето, можете да използвате функцията "Редактиране" - "Намиране" на прозореца на редактора. Прегледайте всички div-та, изброени в изходния код на страницата.

Стъпка 3

В параметъра ширина въведете желаната стойност в проценти или пиксели. Прегледайте останалите блокове с еднакви ширини и ги променете по същия начин. Например, ако сте добавили 200 пиксела към ширината в основния слой, тогава трябва да добавите същите 200 пиксела към други блокове.

Стъпка 4

След като завършите промените, запазете файла и вижте резултата, редактирайте template.css отново, ако е необходимо. Ако използвате изображения като фон на блокове в шаблона, най-вероятно ще трябва да промените техния размер. Също така, за всеки div можете да зададете свой собствен цвят на фона, който може да замени монохромното изображение. Ако в дизайна на сайта има лого, можете да го разтегнете с помощта на всеки графичен редактор. Можете също да използвате свои собствени изображения в шаблони.

Препоръчано: