? ЯК відредагувати шаблон joomla :: Веб-програмування

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

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

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

Інструкція

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

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

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

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

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

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

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

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

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