Як відредагувати шаблон 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, значення яких вам необхідно змінити. Після їх редагування збережіть результат і перейдіть до сторінки сайту, всі посилання, що знаходяться на завантаженій сторінці, повинні зовні змінитися.