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

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

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

Інструкція

  1. Скачайте шаблон і знайдіть в ньому файл style.css. Зазвичай цей файл розташовується в папці public_html.
  2. Відкрийте файл style.css в блокноті і знайдіть фрагмент коду, який відповідає за зовнішній вигляд верхній частині сайту. Цей фрагмент виглядає наступним чином:

    # Logotype {

              background: url (images / logotype.png) no-repeat left center # fff;

              width: 230px;

              height: 60px;

              margin: 10px 25px;

              position: relative;
  3. У даному коді в рядку background: url вам потрібно вказати шлях до фонового зображення майбутнього сайту. Наступні рядки позначають довжину і висоту зображення, а пункт margin визначає відступ зображення по вертикалі і горизонталі.
  4. Знайдіть у папках шаблону файл logotype.png, який використовується в коді в якості логотипу, і замініть його в тій же папці на власний логотип з такою ж назвою у форматі png.
  5. Фонове зображення завантажте в папку public_html / tmpl / імя_шаблона / Images /, після чого, як уже говорилося вище, пропишіть в рядку background: url шлях до зображення.
  6. При необхідності перепишіть параметри висоти, довжини і відступу зображення. Рядок position: relative можна не чіпати. Збережіть зміни у файлі і завантажте його на сервер замість колишнього файлу шаблону.
  7. Якщо ви хочете змінити нижній логотип сайту, знайдіть в style.css фрагмент коду, який починається зі слів logotype-footer. Збережіть малюнок з новим логотипом і завантажте його в папку шаблону Images.
  8. Змініть параметри довжини і висоти. Знову збережіть файл style.css та завантажте оновлений сайт на сервер.