>
Суббота, 20.04.2024, 13:34
Приветствую Вас Гость


Меню сайта
Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 66
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Всем привет. Свой дебютный пост я решил посвятить подробной инструкции по установке шаблонов от 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;"></div><hr/>
<table border="0" width="100%" cellspacing="0" cellpadding="2">

меняем на

<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr><td colspan="2"><div class="eTitle"></div></td></tr>

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

Поиск
Календарь
пополни
МОМЕНТАЛЬНАЯ ОПЛАТА
за WebMoney, RBK Money,
MoneyMail, WebCreds,
Яндекс.Деньги, терминалы
Погода
Друзья сайта