Как же установить шаблон?

Всем привет. Свой дебютный пост я решил посвятить подробной инструкции по установке шаблонов от uThemes на сайт в системе uCoz. Несмотря на всю простоту этого процесса, у многих пользователей, особенно начинающих, часто возникают трудности. Кто-то забывает или просто не умеет загружать на FTP папки с картинками и скриптами, кто-то забывает установить стили либо каркас, кому-то лень читать файл “ReadMe.txt“, который есть в каждом архиве и в котором содержится исключительно информация по установке шаблона. Примеров сотни: комментарии, письма на почту, сообщения в личку и т.п. И всегда все сходится к одному и людям приходится по сто раз объяснять одно и то же.

В связи с этим, считаю, что данная статья не будет личшней и для многих окажется полезной.

Инструкция по установке шаблонов от uThemes

Первым делом хочу сказать, что любой архив, скачанный с данного сайта (именно с uthemes.ru), содержит код каркаса в “tmpl.txt“, изображения в папке “images” и набор стилей в “Таблица стилей (CSS).txt“. Перед установкой рекомендую проверить наличие данных файлов в архиве с шаблоном.

Архив с шаблоном

В некоторых случаях архив с шаблоном может содержать еще папку “js”. Ее также нужно загрузить в корень вашего FTP.

В качестве примера был взят шаблон FEEL THE MUSIC

Далее выполняем следующие шаги по установке темы.

1. Загружаем файлы из архива на FTP

1.1. Разархивируем выбранный шаблон. Это можно сделать даже без дополнительного ПО, т.к. все наши шаблоны упакованы в *.zip-архивы.

Распакованный архив

1.2. Входим в панель управления (ПУ) сайтом и на главной странице выбираем пункт “Файловый менеджер”

Файловый менеджер

Нажав на данный пункт, откроется страница файлового менеджера. Если Ваш сайт пуст и на него ничего не загружалось, то в списке менеджера будут видны лишь файлы страницы ошибки “404.htm” и иконки сайта “favicon.ico”.

1.3. Теперь создадим две папки “images” и “js” (т.к. они присутствуют в папке с выбранным мною шаблоном). Сделать это можно нажатием на кнопку “Создать папку” в верхнем правом углу файлового менеджера.

Файлы и папки

1.4. Открываем папку “images” (для этого достаточно просто кликнуть по ней) и загружаем все файлы из одноименной папки с шаблоном (если в папке “images” есть еще какая-либо папка с файлами, то создаем, а потом загружаем и ее)

Загружаем папку с картинками

Тоже самое проделываем и с папкой “js”:

Загружаем скрипты

2. Устанавливаем каркас и стили

2.1. На компьютере в папке с шаблоном открываем текстовый файл “Таблица стилей (CSS).txt”.

Стили сайта

Копируем его содержимое в окно редактирования стилей сайта:
* Открываем в ПУ страницу “управления дизайном (CSS)” (сделать это можно нажав на “Дизайн” в верхнем меню панели управления, и выбрать нужный пункт).

CSS

* Удаляем весь текст, присутствующий в текстовом поле данной страницы, и вставляем наш код. Сохраняем.

Редактор стилей

2.2. Теперь, в папке с шаблоном открываем текстовый файл “tmpl.txt”, копируем его содержимое, и снова идем в ПУ. Нажимаем на “Дизайн” в верхнем меню панели управления и выбираем пункт “Конструктор шаблонов”.

Установка каркаса

Откроется страница с пустым текстовым полем, вставляем в него код, скопированный из файла “tmpl.txt”. Нажимаем на кнопку “Создать шаблоны”.

Каркас

3. Завершение установки

Самой распространенной ошибкой наших пользователей является то, что они не читают файл “ReadMe.txt” и соотв. не указывают в настройках сайта значение тега <!DOCTYPE>. Этот элемент предназначен для указания типа текущего документа. Делается это для того, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях. Кроме того, существует еще и XHTML (расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер “не путался” и понимал, согласно какому стандарту отображать веб-страницу, и необходимо задавать <!DOCTYPE>.

Для установки значения этого тега необходимо зайти “Общие настройки сайта”.

Общие настройки сайта

Спускаемся вниз, и вводим в поле “Значение тега <!DOCTYPE>” следующее:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE

В описании установки данного шаблона также указано, что в шаблонах некоторых модулей необходимо внести небольшие изменения для корректного отображения страниц.

Ввиду того, что на Юкоз многие из каркасов не приведены к единому виду, в модулях “Доска объявлений”, “Каталог статей”, “Каталог файлов”, “Каталог сайтов” и “Онлайн игры” есть небольшие проблемы с отображением информации на страницах материалов и комментариев к нему. Решается это достаточно просто. Если вы используете один из этих модулей, необходимо в шаблоне “Страница материала и комментариев к нему” произвести замену:

<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div><hr/>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">

Изменения в коде

меняем на

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td colspan="2"><div class="eTitle"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div></td></tr>

Изменения в коде

Вот и все! Наш шаблон установлен за каких-нибудь 10 минут.

Шаблон Feel the Music

Желаю удачи!

Комментарии
33 комментариев
  1. Анастасия

    Как убрать это розовое название сайта?(какой код отвечает за
    это?)

    Воскресенье, 30.10.2011 в 20:15 GMT+3:00 Ссылка

  2. Spasibo ty mne pomog brat!

    Среда, 25.01.2012 в 23:10 GMT+3:00 Ссылка

  3. Спс что написал это)

    Четверг, 16.02.2012 в 19:04 GMT+3:00 Ссылка

Прокомментировать


Новые шаблоны

  • Maximus
  • GameScope
  • Estesso
  • Sedona
  • Zylyz
  • Esperanza
  • Mario Land
  • Paramount
  • Intermezzo
  • Explorer