Dle как редактировать сайт

Как редактировать шаблон DLE: познаем со всех сторон

Контент система DLE либо же DataLife Engine является полноценной CMS версией по созданию качественных и скоростных сайтов. Есть возможность рассылок пользовательских сообщений и многие нюансы администрированию, сам DLE дает возможность создать личную индивидуальную базу, чтобы хранить все данные сайта, применять фильтры в сообщениях и обширный выбор пользовательских настроек.

Известное о неизвестной CMS

Этот движок не столь популярен в мировом интернете, как WordPress или Joomla . Он является творением русских программистов. Поэтому наткнуться на сайт, работающий на данной CMS и шаблоне для DLE , можно чаще всего в Рунете.

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

Как и большинство движков, DLE (DataLife Engine ) работает на основе php и MySQL . Основным минусом этой системы управления контентом является ее платность. Несмотря на это DLE занимает четвертую позицию по распространенности среди ресурсов, находящихся в зоне ru. Хотя их большая часть (59 тысяч сайтов ) используют пиратские версии движка.

Лицензия на базовую комплектацию CMS сроком на 1 год стоит 2190 руб. Ее продление на второй год (и последующие) обойдется в 1490 руб. Цена расширенной версии составляет 2790 рублей.

Кроме платных версий существует и бесплатная. Такой вариант CMS преподносится производителем, как пробная версия движка и основа для создания своего первого сайта:

Самым главным недостатком DLE является слабая защищенность. Еще в 2008 году эксперты критиковали CMS за низкую безопасность ее внутренней системы при работе с запросами. Скорее всего, эта проблема не устранена и сегодня.

По аналитическим данным Яндекса за 2011 год, чаще всего зараженными оказываются сайты, работающие именно на основе CMS DLE . Последним выпуском движка на данный момент является версия 10.3. Она вышла в сентябре 2014 года.

Особенности шаблона для DLE

Шаблоны для сайтов DLE обладают рядом особенностей, которые кардинально отличают эту CMS от других систем управления контентом:

• Структура шаблонов движка построена на основе файлов TPL . Это во многом облегчает процесс верстки и адаптации дизайна шаблона;
• Основным файлом структуры является main.tpl . Все дополнительные элементы шаблона (меню, боковая панель ) также задаются с помощью файлов TPL ;
• Стилевые решения прописаны в двух файлах: в engine.css заданы стили для программной части, а в style.css – все остальное:

Перед тем, как установить шаблон DLE , скачиваем его инсталляционный пакет и размещаем в папке templates :
Затем нужно зайти в панель управления сайта (файл admin.php ). После этого в меню с левой стороны выбрать пункт «Настройки скрипта », «Настройки системы »:

Внизу в разделе «Общие настройки » перейти в пункт «Шаблон сайта по умолчанию ». В выпадающем списке выбрать нужный шаблон. После внесения изменений не забудьте нажать кнопку «Сохранить »:

После этого новый шаблон активируется, и сайт поменяет свой внешний вид. Но перед тем как поставить шаблон на DLE , не забудьте его разархивировать.

В CMS DLE в отличие от других популярных систем управления контентом установка шаблона происходит не из архива.

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

• dle-shablony.net – здесь для бесплатного скачивания представлено около 50 разнообразных шаблонов. Но все они «свалены » в одном общем разделе без сортировки по категориям. Хотя среди них можно обнаружить и совсем уж «клубничные » экземпляры:

• newtemplates.ru – на сайте представлена большая коллекция платных и бесплатных шаблонов. Все они удобно рассортированы по тематическим рубрикам. Но даже среди платных можно найти образцы стоимостью в 5-10$ и тиражом всего лишь в 5 экземпляров. А это обеспечит ресурсу дизайн с достаточно высокой степенью уникальности!

• 10.dle-shabloni.ru – крутой ресурс с огромной коллекцией шаблонов для сайтов DLE . Отыскать среди них нужные по тематике или даже по цвету помогут теги. Посмотреть на работу шаблона можно с помощью встроенной демоверсии или в ролике, проигрываемом в окне видеоплеера Youtube:

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

Как редактировать шаблон DLE

В отличие от других популярных систем управления контента DLE обладает более простой схемой построения шаблонов. Благодаря этому их правка происходит намного быстрее и проще. В состав инструментария административной части движка входит интегрированный редактор кода.

Для доступа к данному инструменту нужно:

• Перейти в админку сайта;
• В меню слева выбрать пункт «Управление шаблонами », «Шаблоны сайта »;
• В выпадающем списке, расположенном в поле «Выбранный шаблон для редактирования » установить нужный экземпляр и нажать на кнопку «Выполнить »:

Сегодня я расскажу, как можно поменять шаблон в сайтах на движке Dle.

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

Откройте любой поисковик гугл или яндек и просто вбейте фразу «скачать шаблоны dle» и все, поисковик выдаст кучу сайтов, где вы сможете посмотреть и скачать любой шаблон.

Выбирайте тот, который вам больше всего понравиться и скачайте его себе на компьютер.

После того, как вы скачали шаблон, если он в архиве, то распакуйте его.

Теперь запустите программу FileZilla и войдите под вашим логином и паролем к себе на сервер.

Найдите папку «templates» кликните по ней и откройте ее.

В этой папке находится 4 стандартных шаблона (Default, Gemini, Pisces, smartphone) и несколько дополнительных файлов.

Сюда и нужно будет скопировать папку с вашим шаблоном.

Делается это так – наводите мышку на папку с вашим шаблоном, далее нажимаете левую клавишу мышки и перетаскиваете папку с шаблоном в папку «templates» на сервер.

Как видите, теперь в папке «templates» не 4 шаблона, а 5. Тот шаблон, который я использую для демонстрации — называется «free_template»

Что бы посмотреть, как будет выглядеть ваш сайт с вашим шаблоном, в настройках системы вашего сайта нужно заменить стандартный шаблон вот этот:

На тот, который вы выбрали. А делается это так:

Зайдите в админку вашего сайта:

Кликните на «Админпанель». У вас откроется вот такая страница:

У вас откроется вот такая страница:

Опуститесь чуть ниже и найдите строку — Шаблон сайта по умолчанию.

Движок DLE или DataLife Engine — это полноценный продукт по производству современных быстрых сайтов. Кроме возможности по рассылке сообщений и прочему администрированию, DLE предлагает создать свою собственную базу для хранения данных сайта, различные фильтры сообщений и широкий выбор управленческих настроек. С помощью этого движка можно создать собственный сайт буквально за 5 минут, используя шаблоны DLE.

Редактировать шаблон DLE

При помощи непосредственного движка Вы можете реализовать варез сайт всего лишь за каких-то 5 минут, взяв понравившийся шаблон для DLE. Есть возможность допилить базовые шаблоны (идут в комплекте), дабы создать нечто уникальное, непревзойдённое. Обычно, в любом из разработанных сайтов наблюдаются свои погрешности. Нужно зайдите в директорию системы DLE, которая называется — Upload, далее в директорию — Templates. Именно в ней можно найти базовые шаблоны самого движка — Default и ещё Simple. Откройте папку распространённого шаблона Default. Скачайте себе базовый файл шаблона называется — main.tpl и запустите его при помощи визуального редактора, допустим, Dreamweaver от Adobe. Вы можете скачать с оф. сайта данной компании. Поменяйте навигацию самого шаблона, вырезав ненужные элементы, выделив мышкой воспользовавшись клавишей Del на вашей клавиатуре. Теперь смело создайте другие навигационные компоненты на странице, зайдя в администраторский раздел DLE, заходим в пункт — «Категории». закосите излишние блоки на самой странице, в будущем которые не планируете использовать. Добавляйте свой уникальный контент, вооружившись визуальным редактором. Поменяйте данные в разделе копирайт, находящиеся в самом низу документа. Чтобы сделать выделите, непосредственно, символы мышкой и вносите ту, или иную информацию. Все вносимые изменения исключительно на Ваш вкус. Внимание, не забывайте, что кривой код на этой странице может отображать должным образом целиком — сайт. Нужно сохраните внесённые изменения и опять вернуться в сам браузер. Обновите страницу, нажатием клавиши F5 на вашей клавиатуре и снова проверьте, что на странице появились все отредактированные элементы. Изменяя шаблон, можно реализовать полностью неповторимый и нестандартный сайт, применяя все возможности базового шаблона и предложенных программ. Чтобы редактировать шаблон изучите язык HTML, далее посмотрите сюжет — «Как редактировать шаблон DLE«.

Инструкция

1. Дозволено также редактировать теснее имеющиеся шаблоны , дабы сотворить что-то неповторимое, прекрасное. Как водится, в всем разработанном плане есть свои недостатки. Зайдите в папку CMS DLE под наименованием Upload, после этого в папку Templates. В ней как раз и располагаются основные шаблоны движка – Default и Simple. Зайдите в папку первого образца Default.

3. Удалите лишние блоки на странице, которые не собираетесь применять. Внесите свой личный контент, применяя инструменты редактора. Измените информацию в поле копирайт, расположенного в нижней части страницы. Для этого выделите символы мышью и введите нужную информацию. Все метаморфозы вносятся по вашему усмотрению. Также не стоит забывать о том, что неправильные коды на странице могут некорректно отображать каждый сайт.

4. Сбережете метаморфозы и вернитесь в браузер. Нажмите кнопку F5 на клавиатуре и проверьте, что страница отображает все внесенные элементы. Редактируя образец, дозволено сделать всецело новейший и подлинный сайт, применяя вероятности образца и программ для нового сайта. Такое программное обеспечение содержит в себе все элементы, которые могут вам потребоваться. В совокупности дозволено сказать, что редактировать образец не сложно, впрочем надобно знать некоторые основы веб-программирования.

Инструкция

Откройте файл style.css в блокноте и найдите фрагмент кода, отвечающий за внешний вид верхней части сайта. Этот фрагмент выглядит следующим образом:
#logotype <

background:url (images/logotype.jpg) no-repeat left center #fff;

В данном коде в строке background:url вам нужно указать путь к фоновому изображению будущего сайта. Следующие строки обозначают длину и высоту изображения, а пункт margin определяет отступ изображения по вертикали и горизонтали.

Найдите в папках шаблона файл logotype.jpg, используемый в коде в качестве логотипа, и замените его в той же папке на собственный логотип с таким же названием в формате png.

При необходимости перепишите параметры высоты, длины и отступа изображения. Строку position:relative можно не трогать. Сохраните изменения в файле и загрузите его на сервер вместо прежнего файла шаблона.

Если вы хотите сменить нижний логотип сайта, найдите в style.css фрагмент кода, который начинается со слов logotype-footer. Сохраните рисунок с новым логотипом и загрузите его в папку шаблона Images.

Измените параметры длины и высоты. Снова сохраните файл style.css и загрузите обновленный сайт на сервер.

Внимание, только СЕГОДНЯ!

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

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

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

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

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

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

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

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

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

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

Система управления контентом Drupal позволяет без особой сложности создавать самые разнообразные сайты всевозможной тематики. Шаблоны в Drupal созданы для облегчения работы веб-программиста по созданию страниц с заданными темами и стилями.…

Инструкция

3. Дальше указывается тег , а после этого – . Укажите необходимые метаданные, которые помогут браузеру правильно отобразить каждый текст. Также дозволено указать ключевые слова для индексации поисковыми роботами, автора документа и другую информацию. Скажем, для итога страницы в кодировке кириллицы дозволено воспользоваться тегом :

4. После этого дозволено указать параметры CSS при помощи тега , указав признак type=”text/css”. Имейте в виду, что требует закрывающего дескриптора, следственно позже CSS кода закройте блок при помощи .

Dle Editor — визуальный редактор для DLE

Dle Editor — это мощный визуальный редактор для простого редактирования шаблона сайта. Благодаря ему, владелец сайта не имеющий опыта в верстке, сможет легко управлять разметкой сайта, изменять фоны, цвет, размер текста, переставлять блоки и многое друг. И все это делается через админ панель в понятном интерфейсе.

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

Возможности Dle Editor

• Настройка интерфейса визуальной части редактора, имеется ввиду левое меню, страницы, секции, блоки, стили, так как вы сами посчитаете нужным. Никаких ограничений нет.
• Неограниченное создание пунктов меню, секций и блоков в редакторе.
• Удобное добавление настроек стилей в редактор. Это делается в самом файле стилей того шаблона, который вы редактируете. Смотрите как это создается дальше.
• Каждый пункт стилей имеет свои правила, которые настраиваете тоже вы. Допустим, нужно что бы админ мог изменять только цвет какого-то блока, и не мог загрузить изображение на фон, это легко делается через правила.
• В шаблоне вы можете проставлять секции, в которых ставите блоки. Тем самым в редакторе появится возможность менять эти блоки местами в этой секции. Больше всего перестановка блоков подходит для LandingPage, но такая возможность есть.
• Добавление элементов (полей), которые редактируются в редакторе. Вы создаете эти поля так же легко, указывая каждому полю свое правило, название и описание если нужно. Сейчас есть такие поля как: простой текст, большой текст, визуальный редактор от DLE Froal, изображение и меню. Эти элементы можно выводить в любом месте шаблона.
• Для удобства редактирования, стили можно разбить на страницы или закрепить за секциями, что бы не было всех настроек оформления на одной странице.
• При загрузке изображений через редактор, они грузятся в сам шаблон. При этом, если предыдущую картинку не удалять, а сразу выбрать к загрузке новую, то старая автоматически удалится.
• При первом сохранении через редактор, создается бекап стилей, который находится в той же папке стилей.

• Возможны баги, так как это первый релиз.
• Парсинг секций и блоков происходит только в два прохода. Т.е. если находит подключение другого файла типа {include file=». «>, он и его захватит, но на третье вхождение не пойдет.

• Нет возможности редактировать сайт сразу находясь на нем. Но это в процессе разработки 😀

Плагин работает всего с тремя шорт-кодами.

• [section color:rgb(97,189,109);»>Название секции «]. [/section] — создание секции в шаблоне, внутри которой может быть блоки, смотрите далее.
• [box- id color:rgb(97,189,109);»>Название блока «]. [/box-id] — блок, который должен располагаться внутри секции. id — уникальный идентификатор для каждого блока, любое название. Главное, что бы у каждого блока был свой Id.
• — редактируемый элемент. Каждый элемент содержит уникальное название. element_name — произвольное название, у каждого элемента должно быть разное название. Элементы могут находится как в блоке, так и в любой части кода. Элементы, находящиеся не в блоке называются — независимые элементы.