Редагування шаблону дуже зручна можливість змінювати вид однотипних сторінок (сторінок одного модуля). Ще раз акцентую Вашу увагу, що редагуючи шаблон Ви змінюєте не конкретно сторінку свого сайту, а відразу ВСЕ сторінки одного типу. Сподіваюся, далі, на конкретних прикладах це буде зрозуміліше.
як відредагувати
Резервна копія.
Найперше, що Ви повинні зробити - це створити резервну копію свого шаблону. Якщо внесені правки будуть помилкові - Ви завжди можете повернутися до копії шаблону, яка створена ще до редагування.
Щоб створити резервну копію потрібно необхідно в Панелі Управління сайтом перейти Дизайн - Резервне копіювання шаблону
Резервна копія створює копії всіх шаблонів Вашого сайту. Ми вже розглядали раніше що на сайті Ucoz для певних сторінок сайту - певний шаблон.
Натисніть «Створити резервну копію» для її створення. Відразу створитися нова резервна копія, якої буде привласнений свій номер з 10 цифр. Цифри Ви звичайно не запам'ятаєте, але за датою створення резервної копії можна зорієнтуватися. І все ж моя порада - не створюйте занадто багато копій, а старі, які вже точно не знадобляться - видаляйте. Тоді буде легше орієнтуватися.
Натисніть «Відновити«, щоб Ваш сайт прийняв колишній вигляд (вид збережених раніше шаблонів).
Будова шаблону сайту uCoz
Шаблон будь-якої сторінки сайту uCoz складається з:
- HTML розмітки - HTML теги , Що визначають розташування блоків на сторінці. Власне каркас шаблону.
- CSS стилів
- Системні коди uCoz, які укладені в $ ... $. Список системних кодів (з розшифровкою їх позначення), які можна використовувати в конкретному шаблоні знаходиться нижче поля редагування шаблону. Скористайтеся цим списком, як шпаргалкою, так як іноді буває, що в іншому шаблоні Ви НЕ можете використовуватися якийсь системний код. Таким чином, список системних кодів підходить ТІЛЬКИ тому шаблоном, під яким він розташований.
На зображенні умовна позначила розташування на сторінці: зеленим кольором - теги HTML; червоним кольором - CSS стилі; синім кольором - системні коди uCoz.
Редагування шаблону сайту uCoz
Виберіть шаблон сторінки, яку хочете змінити. Ще раз нагадую, що Ви зміните всі сторінки цього шаблону. Візьмемо для прикладу шаблон з цього сайту: Каталог статей - Сторінка матеріалів і коментарів до нього.
Отже, для редагування шаблону перейдіть: Панель Управління - Дизайн - Управління дизайном (шаблони). Виберіть потрібний шаблон і натисніть на нього.
Є кілька способів редагування шаблонів:
1.Візуальний редактор шаблонів. Цей спосіб підходить для внесення незначних змін в шаблон. Змінити колір і розмір шрифту, змінити розташування елементів, додати текст.
Натисніть кнопку для переходу в візуальний редактор шаблонів.
Тепер можете внести необхідні зміни. Тут Вам не потрібно знати HTML і CSS, але перелік системних кодів і їх значення знати необхідно. Саме редагування дуже схоже на Word або простий візуальний редактор uCoz.
Обов'язково натисніть кнопку зберегти для збереження внесених змін.
2. Зміна HTML коду шаблону. Цей спосіб підходить для внесення будь-яких змін в шаблон аж до повної зміни шаблону, але необхідно мати хоч якесь уявлення про HTML тегах і CSS стилях.
Змінювати код можна прямо на сторінці коду, але особисто я вважаю за краще робити це в сторонньому HTML редакторі. Я вже неодноразово писала, що я вважаю за краще Dreamweaver. Тому я буду розповідати на прикладі цієї програми.
У Dreamveaver просто редагувати шаблон, так як з одного боку ти бачиш весь код шаблону, а праворуч схематичний результат:
Тепер я сміливо можу змінювати свій шаблон. Виділяю справа потрібну область, і код, який відповідає за це теж виділяється. Таким чином, мені легко знайти місце, яке я хочу змінити, наприклад, вставити скрипт в певному місці. Скоро, для прикладу я викладу відео, про те як вставити скрипт в шаблон.