Редизайн паблик шаблонов Dle

Сегодня речь в данной статье пойдёт о том, как переделать любой понравившийся Вам шаблон под требуемую тематику вашего сайта под управлением CMS Datalife Engine. Создание макетов шаблона и дальнейшая её верстка дело довольно кропотливое, требующая внимательности и времени на верстку самого шаблона. К тому же для того чтобы сверстать шаблон Веб — Мастер должен в совершенстве знать HTML и CSS в частности. Начинающему веб — администратору это практически не посильный труд, при котором будут возникать массу проблем в вёрстки шаблона. Самым оптимальным вариантом для начинающего веб-мастера может послужить редизайн паблик шаблона, при котором сам шаблон уже становится отчасти уникальным и своеобразным для определенной тематики сайта. Данная статья рассказывает о способах, при которых можно переделать практически любой паблик шаблон в свой отчасти уникальный шаблон.

Чтож такое уникальный шаблон ?

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

Публичные шаблоны — это шаблон, который доступен каждому пользователю в свободном доступе. Все бесплатные шаблоны для Dle. так или иначе, являются паблик шаблонами. Один паблик шаблон, как правило, устанавливает на сотни сайтов и иногда можно перепутать сайт по причине массовости паблик шаблонов. Но можно сделать редизайн затёртого шаблона, при котором он будет существенно отличаться от сотен других сайтов с таким же паблик шаблонов. При этом создав свою уникальность в шаблоне. О том, что требуется сделать для этого и пойдёт речь в самой статье.

Редизайн паблик шаблон Dle позволяет переделать практически любой шаблон под нужную ему тематику. В сети довольно мало узкоспециализированых шаблонов Dle. Довольно сложно найти к примеру шаблоны с детской, медицинской, туристической, авто тематикой. А те шаблоны, что можно найти для этих тематик имею невзрачный вид и количество таких шаблон для узкоспециализированой тематики скуден и составляет порядком 3-5 шаблонов для 9 линейки Dle.

Для того чтобы произвести переделку (редизайн) шаблона Dle потребуется:

1. Подходящий шаблон. Следует выбирать шаблон по самой разметке шаблона;

2. Графический редактор Photoshop и базовые знания этой программы;

3. Любой текстовой редактор кода, наподобие PSPad или на худой конец обыкновенный блокнот;

4. Локальный сервер (Denwer, Apache Swissknife и др)

5. Интернет;

Для начала нужно определиться с шаблоном, который и будет в дальнейшем переделан. Следует выбирать шаблон по разметке: как расположены блоки сайдбара, нужно ли горизонтальное меню, какая ширина основного блока с контентом нужна, какая нужна ширина самого шаблона и многое другое. Определяется данные параметры по тому виду, по которым веб-администратор хотел бы видеть конечный итог.

Следует установить шаблон Dle. изначально установленный на локальном сервере. И после этого следует приступать к переделке шаблона. Для начала следует определиться с фоном. Если у него имеется графику, то нужно открыть папку «images» Вашего шаблона и найти изображение заднего фона сайта, как правило, фон представляет собой целое изображение большого по объему размеру. Тут следует подумать, нужен ли этот фон сайту вообще, тому, как этот фон, в виду того что большое изображение имеет большой объем, то это существенно снижает скорость загрузки страниц сайта. Если же задний фон Вам необходим, то следует его сменить.

Откройте сервис Google или Яндекс Картинки введите в строку поиска ключевые слова со схожей тематикой будущего шаблона для сайта. Ищите изображение для фона шаблон большого размера. После того как найдете нужное изображение с помощью Photoshop попытайтесь создать такой же изображение как и в паблик шаблоне, но уже со своим фоном. Тут все зависит от Ваших навыков работы с этим графическим редактором. Если же у Вас не хватает опыта, то поищите в сети онлайн уроки Photoshop, в которых по подробно описаны пошаговые инструкции к различным эффектам на Photoshop. После всех операции сохраните шаблон с тем же именем и в том же расширении, что и файл заднего фона шаблона Dle.

Далее следует перейти к основной части шаблона, в которых можно довольно легко поменять цвет элементами управления. Для этого так же следует из папки «images» открыть в Photoshop’е необходимые изображение с элементом управления. После этого можно изменить цвет с помощью функции «изображение ->коррекция ->цветовой тон/насыщенность». Двигая ползунки, установите для элемента шаблона нужную ему цветовую гамму. И запишите те цифры, что представлены в полях (цветовой тон, насыщенность, яркость) в блокнот или на листок бумаги. Эти цифры позволят быстро установить нужный цвет для других элементов управления. Для этого следует открыть уже другой элемент шаблона, и снова открыть «цветовой тон/насыщенность», после этого необходимо установить в поля, цифры первого элемента, которому были присвоен новые цвета. Самое примечательное то, что какое бы ни было изображение, но если в нем присутствует белый или черный цвет, то, как бы не изменяли три этих параметра, белый так же останется белым, а черный черным. Это преимущество упрощает работу с градиентовыми фонами.

Следует переделать цветовую гамму всем требуемым элементам. Следует помнить, что сохранять переделанные изображение нужно под теми же именами и разрешениями, что и исходные изображения шаблона. После того как Вы закончите смену цветовой гаммы шаблона, требуется перезагрузить шаблон в браузере. Если появись дефекты, то, скорее всего они не имеют ни какого отношения изображением. Фон не всегда представляет собой изображение, его можно так же задать с помощью CSS. Для этого следует отыскать нужный div блок или css класс таблицы, в котором необходимо исправить дефект, и в файлах css данного шаблона произвести поиск нужного Div элемента или класса таблицы. После того как Вы найдете требуемый класс, в нем следует изменить фон (background-color) на свой.

Далее нужно поработать над самим файлом CSS. Установить цвета для ссылок, для текста, установить необходимый шрифт и тд. Все эти селекторы, как правило, находятся в самом начале файла style. css. Установите свои значения и снова обновите сам шаблон. Убедитесь, что все действия над редизайном шаблона проведены успешно. Далее можно существенно расширить функционал шаблона. Можно установить красивое меню. В сети полно примеров меню. Для этого требуется в любом поисковике задать «меню для сайта», как сразу же вылезет десяток сайтов с огромных количеством и выбором всевозможных меню для сайта. Попробуйте установить из к себе в шаблон. Над меню можно произвести так же редизайн.

Обычно в шапке (header) шаблона используется какой — то тематический фон в качестве изображения. Его так же можно заменить, как и общий задний фон шаблона. Для этого требуется подыскать в сети нужное изображение схожее с тематикой сайта, и отредактировать его в Photoshop.

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