Як відредагувати шаблон joomla

Як відредагувати шаблон joomla


Для надання індивідуальності сайту веб-майстром встановлюється оригінальний шаблон, адже дизайн — це обличчя сайту. Велику кількість макетів, що верстають, сьогодні можна викачати з інтернету, причому вони матимуть цілком приємний вигляд. Зазвичай шаблони, які були скопійовані з мережі, редагують, щоб сайт був унікальним.


 

Вам знадобиться

  • - програма перегляду зображень;
  • - FileZilla;
  • - текстовий редактор Notepad++.

Інструкція

1. Для перегляду і редагування файлів свого шаблону скористайтеся програмою FileZilla. З її допомогою ви можете працювати з конфігураційними файлами в online- режимі. Як правило, для зміни дизайну сайту обробляють 3 файли: index.php, template.css і templateDetails.xml.

2. "Шапкою" сайту називається елемент сторінки, який йде від самого верху до початку контенту, звідси і така назва. Також його називають хедером(header). Як правило, в "шапці" сайту підлягає заміні тільки логотип або будь-яке інше зображення(logo.jpg). Розташування логотипу сайту знаходиться у файлі template.css. Відкрийте його за допомогою Notepad++.

3. Для виконання пошуку якого-небудь значення необхідно скористатися опцією "Пошук елементу": натисніть поєднання клавіш Ctrl + F і в порожньому полі введіть шукане значення. Якщо ви хочете змінити ширину або висоту зображення в "шапці", введіть в рядку пошуку слово header і натисніть клавішу Enter.

4. Нижче шуканого слова ви побачите рядки: Height(висота) і Width(ширина). Змініть ці значення, потім натисніть поєднання клавіш Ctrl + S, щоб зберегти зміни. У діалоговому вікні FileZilla, що з'явилося, натисніть кнопку "Так".

5. Перейдіть на сайт, щоб проглянути зміни. Якщо вас вони не влаштовують, поверніться до файлу і введіть нові значення.

6. Для зміни розміру і найменування шрифту на головній сторінці сайту, скористайтеся пошуком. Введіть слово body і натисніть клавішу Enter. Нижче цього оператора є рядки font - family(найменування) і font - size(розмір або кегль). Змініть їх значення, збережіть зміни і перейдіть до сайту, щоб їх проглянути.

7. Для зміни характеру відображення посилань необхідно в пошуковій формі ввести по черзі значення a: link(стандартне посилання), a: visited(відвідане посилання) і a: hover(активне посилання). Натисніть Enter, щоб знайти ці елементи у файлі template.css.

8. Відредагуйте параметри font - size(розмір шрифту) і color(колір посилання). Після їх зміни ви напевно помітите, що не усі посилання набули іншого кольору або розмір шрифту. В цьому випадку вам необхідно шукати альтернативні варіанти розміщення посилань. Приміром, ті, які залишилися незмінні, розташовуються в головному меню, отже, вам необхідно здійснити пошук співзвучного елементу.

9. Введіть в пошук слово "Головне" і натисніть Enter. Швидше за все, ви виявитеся поряд з елементами left col link і left col current link, значення яких вам необхідно змінити. Після їх редагування збережіть результат і перейдіть до сторінки сайту, усі посилання, що знаходяться на завантаженій сторінці, повинні зовні змінитися.