Визуальный редактор dle шаблонов. Дальнейшее редактирование страницы. Работа с шаблонами программы DLE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

От автора: приветствую вас, друзья. В этой небольшой статье мы попробуем с вами разобраться с вопросом, как установить шаблон на DLE, а также немного коснемся такого вопроса, как редактировать шаблон DLE. Приступим?

Итак, вы установили CMS DLE и получили в свое распоряжение внешний вид сайта, который идет по умолчанию с выбранным движком. Этот шаблон сайта так и называется — Default, то есть — шаблон по умолчанию. В последней версии DLE (на момент написания статьи это 11-я версия) шаблон выглядит так:

Очень симпатичный и хорошо проработанный современный шаблон сайта. К тому же шаблон является адаптивным, то есть ваш сайт будет хорошо выглядеть не только на больших экранах десктопов, но и на мобильных устройствах: планшетах и телефонах.

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

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

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

Многих это не устраивает. Как же поставить на DLE шаблон, которого нет в наборе с движком? Сделать это нам помогут всевозможные сайты, предлагающие уже готовые шаблоны для DLE, как платные, так и бесплатные. Например, вот один из первых же сайтов, которые я нашел по запросу в Гугле dle 11 шаблоны — http://11dle.com. На этом сайте можно бесплатно скачать понравившийся шаблон. Поскольку мы используем DLE версии 11, я буду искать в категории Шаблоны для DLE 11.0. Мне понравился шаблон MobiGama, скачаю его. Обратите внимание, если вы используете бесплатную версию DLE, тогда кодировка вашего сайта будет windows-1251, соответственно скачивайте версию шаблона под эту кодировку.

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

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

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

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

Если же вы остановитесь на втором варианте, тогда обязательно познакомьтесь с нашим .

Ну и последний вопрос, который мы немного затронем, — как редактировать шаблон DLE. Сделать это можно, к примеру, в меню Управление шаблонами — Шаблоны сайта. В качестве шаблона для редактирования будет уже выбран активный шаблон. Для того, чтобы что-то изменить в нем, вам, само-собой, нужны знания HTML/CSS и самого DLE.

В качестве примера давайте в шаблоне Default изменим цвет панели с меню, сейчас она синего цвета.

Сделаем ее серой. Для этого откроем файл стилей style.css и изменим значение фонового цвета для выбранного нами элемента.

После сохранения файла мы увидим изменения на сайте. Это лишь небольшой пример, дающий общее понимание того, как можно редактировать шаблоны в DLE. Больше информации вы найдете в курсе по ссылке выше. Ну а я на этом с вами прощаюсь. Удачи!

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

Вам понадобится

• - компьютер;
• - интернет;
• - браузер;
• - программа Adobe Dreamweaver.

Инструкция

Инструкция

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

margin:10px 25px;

position:relative;

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

Вам понадобится

• - компьютер;
• - интернет;
• - браузер;
• - программа Adobe Dreamweaver.

Инструкция

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

Найдите основной файл шаблона main.tpl и откройте его в визуальном редакторе, например, Adobe Dreamweaver. Можно загрузить с официального сайта компании adobe.com. Измените навигацию шаблона, удалив лишние элементы, выделяя мышью и нажимая кнопку Del на клавиатуре. Создайте новые навигационные элементы на странице через административную панель DLE, выбрав пункт «Категории».

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

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

Совет 2: Как редактировать шаблоны сайтов

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

Инструкция

Скачайте шаблон и найдите в нем файл style.css. Обычно этот файл располагается в папке public_html.

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

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

Margin:10px 25px;
position:relative;

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

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

Фоновое изображение загрузите в папку public_html/tmpl/имя_шаблона/Images/, после чего, как уже говорилось выше, пропишите в строке background:url путь к изображению.

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

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

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

Совет 3: Как создать html шаблон

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

Инструкция

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

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

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

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

Укажите страницы и завершите блок при помощи. Далее откройте тело документа, в котором и будет размещаться вся информация для вывода:
This is my HTML-template

Welcome to my site

Text
The end of the document

Тег отвечает за создание заголовков первого уровня, а тег - второго. Дескриптор формирует абзац и красную строку. Шаблон документа готов, вы можете добавить нужные параметры по своему усмотрению. На базе такого документа можно делать любую HTML-страницу.