Как поменять дизайн сайта uCoz

Сегодня я наконец-то решилась поменять дизайн сайта на uCoz. Зачем менять дизайн сайта?

Мой сайт существует с 2012 года. Когда я его создавала мои моих знаний и умений было гораздо меньше, соответственно это сказалось на структуре и дизайне сайта. И вот для его грамотного развития, стало просто необходимым поменять дизайн, а главное структуру сайта. Задумалась над этим я давно, но очень боялась потерять все настройки, скрипты и другие нюансы. Подстраивать сайт по-новому тоже работа кропотливая.

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

Профессиональные шаблоны для uCoz uTemplates.pro

Самый лучший способ, по моему мнению, – это выбрать и скачать шаблон дизайна, а потом внести в него необходимые изменения. Те, шаблоны, которые интегрированы для выбора в самой системе, абсолютно никуда не годятся. Поэтому я предлагаю выбрать Вам шаблон на сайте uTemplates.pro
Шаблоны тут действительно качественные и продуманные. Есть несколько бесплатных вариантов. Бесплатных шаблонов вполне хватит, чтобы взять их за основу. Далее остается только поменять шапку и цветовую гамму и готов новый сайт. Технику установки шаблона на сайт я тут описывать не буду, так как на самом сайта все подробно описано, более того, каждый шаблон имеет свои индивидуальные особенности.

Замена шаблона (дизайна) на uCoz

Прежде чем начать все “ломать” на вашем сайте, предлагаю сначала сделать некоторые шаги, чтобы потом можно было вернуть все обратно.

• Создайте резервную копию сайта и backup шаблонов сайта.
• С помощью ftp-клиента скачайте ВСЕ файлы (включая последнюю резервную копию) вашего сайта в папку и назовите ее например “Архив сайта”.
• Создайте новый сайт на uCoz, который будет далее тестовым и на котором вы будете тренироваться и “подгонять” дизайн. Далее этот сайт я буду называть тестовым, а главный сайт – основным.
• С помощью ftp-клиента закачайте на тестовый сайт весь архив вашего основного сайта. С помощью функции backup шаблонов восстановите шаблоны последней резервной копии. Теперь у Вас появилась точная копия сайта, только без самих материалов. Но это и не нужно. На этом сайте главное тренироваться.
• Аккуратно скопируйте ВСЕ шаблоны основного сайта в отдельные текстовые файлы. В процессе работы, я уверена, в каждый шаблон был добавлен тот или другой элемент, который изначально в uCoz не предустанавливается. Также наверняка, в шаблонах основного сайта прописаны мета-теги. поэтому всю информацию эту нужно сохранить заранее. Скопируйте в текстовые файлы все шаблоны основного сайта, которые вы считаете важными, например,в моем случае, самыми важными были шаблоны “вид материалов” и “страница материалов и комментариев к нему” модуля Каталог статей, а также “Вид комментарием и другие. Обязательно скопируйте все CSS стили основного сайта.
• А теперь начинаем волшебство. На тестовый сайт, прямо поверх уже скопированного ранее дизайна основного сайта, устанавливаем новый шаблон, который мы выбрали на сайте uTemplates.pro. Инструкции по установке есть в архиве каждого шаблона. В CSS стили нового шаблона добавьте стили вашего старого сайта, но именно те, которые не являются ucoz родными, а которые вы добавляли в процессе развития сайта.
• Теперь на тестовом сайте, мы видим как произошла интеграция и переход, и над чем нужно поработать: поменять СSS стили, картинки, подогнать размеры и т.д. Все это Вы делаете на тестовом сайте, так как это будет занимать время, и основной сайт от этого страдать не должен.
• Как только Вы сделаете все установки на тестовом сайте, добавите на все страницы ключевые слова, Javascript и другие свои наработки, можете приступать замене шаблона на основном сайте. Так же строго по инструкции установите шаблон на основной сайт. Только вот страницы шаблонов и css стили вы копируйте уже с тестового сайта полностью.

Я постаралась, как можно подробнее описать весь проделанный мною путь. На все это у меня ушел день работы. Если у вас есть вопросы, я всегда рада ответить на них.