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

Всем привет. Свой дебютный пост я решил посвятить подробной инструкции по установке шаблонов от 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)» (сделать это можно нажав на «Дизайн» в верхнем меню панели управления, и выбрать нужный пункт).

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

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">

В описании установки данного шаблона также указано, что в шаблонах некоторых модулей необходимо внести небольшие изменения для корректного отображения страниц.
Ввиду того, что на Юкоз многие из каркасов не приведены к единому виду, в модулях «Доска объявлений», «Каталог статей», «Каталог файлов», «Каталог сайтов» и «Онлайн игры» есть небольшие проблемы с отображением информации на страницах материалов и комментариев к нему. Решается это достаточно просто. Если вы используете один из этих модулей, необходимо в шаблоне «Страница материала и комментариев к нему» произвести замену:
<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 минут.

Желаю удачи!

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

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

    Ссылка

  2. sain

    Spasibo ty mne pomog brat!

    Ссылка

  3. Birtime

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

    Ссылка

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

  • Maximus
  • GameScope
  • Estesso
  • Sedona
  • Zylyz
  • Esperanza
  • Mario Land
  • Paramount
  • Intermezzo
  • Explorer
Умный дом Рязань Умный дом под ключ, недорого. Типовые и индивидуальные проекты под Ваши желания.

Комментарии

  • Guru к записи Game Arena

    Igor, отключите визуальный редактор комментариев.

  • Guru к записи Millenium

    В конструкторе меню создайте новое меню, затем вставьте код его вызова в блок боковой колонки.

  • Guru к записи Paramount

    В шаблоне "Верхняя часть сайта" найдите код <span class="lgo-lnk"><a href="$LOGOUT_LINK$" class="button"><span>Выйти</span></a></span> и замените на <span class="lgo-lnk"><a href="$LOGOUT_LINK$"><span>Выйти</span></a></span>

  • Igor к записи Game Arena

    Шаблон красивый но форум не работает как надо, тоесть Загружаю картинку на форум, и должно появится, данные для вставки картинки в сообщение А они не появляются, возможно решить?

  • Хусниддин к записи Millenium

    не подскажите как это делается ?

13.05.2013 Новый стильный шаблон для uCoz с неограниченным количеством вариантов цветового оформления: http://uthemes.ru/board/maximus/
© 2009-2019, uThemes.ru
Все права защищены.