Length intitle datalife engine панель управления. Создание простого модуля для CMS Datalife Engine (DLE). Настройки показа увеличенных изображений из миниатюр

Заходим в редактирование статьи, нажимаем кнопку с изображением папки(загрузка файлов на сервер) .

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

Также стоит отметить еще один интересный вариант загрузки из папки uploads/files, так можно переместить ваши файлы в другую папку(/uploads/posts/).

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

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

Все картинки движок загружает в папку /uploads/posts/, можно сказать, что это папка специально для картинок, в ней создается подпапка, именем которой будет дата загрузки картинок, а в этой папке будут полноразмерные картинки и папка с их уменьшенными копиями thumbs.

Аналогично загружаются и другие типы файлов(если они разрешены в настройках), кроме картинок, dle автоматически перенаправляет их в папку uploads/files, только они отображаться будут в виде вложений (аттачментов) и пользователи увидят ссылку на скачивание этого файла.

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

Теперь настало время рассмотреть какие параметры мы можем задавать для картинок и файлов из административной панели.

Заходим (Главная –список всех разделов-настройки системы-Настройка работы с изображениями )

И смотрим настройки (некоторые мы уже видели в окне загрузки файлов и картинок)

Максимально допустимые размеры оригинального изображения – DLE может автоматически уменьшать оригинальный размер картинки до заданного. Этого можно добиться двумя способами, первый — указать требуемый размер любой стороны, второй — задать ширину и высоту оригинального изображения в формате ширина x высота, 0 – размер картинки не изменяется.
Параметры по умолчанию для оригинального изображения – т.е. по какой стороне будет проверка(и соответственно уменьшение) размеров изображения – по наибольшей стороне, по ширине, по высоте
Максимально допустимый вес изображений, загружаемых для публикаций – какой максимальный вес картинки в килобайтах допустим для загрузки.
Автоматическое удаление изображений – через сколько дней картинки, загруженные на сайт для статьи будут удалены, в случае если она не будет опубликована. Если ничего не указано, изображения удаляться не будут.
Размер уменьшенной копии загруженного изображения – есть два варианта задания размера: указать требуемый размер любой стороны, второй — задать ширину и высоту в виде ширина x высотаПараметры по умолчанию для создания уменьшенной копии изображения – по какой стороне будет производится ресайз уменьшенной копии изображения (наибольшей стороне, ширине,высоте)Качество сжатия.jpg изображения – в каком качестве картинка будет скопирована на серверМаксимально допустимый вес аватаров, загружаемых пользователем в профиле – сколько в килобайтах будет допустимый вес аватаров.0- ограничение снимается, 1 – запрет на загрузку аватаров.

Настройки водяных знаков

Разрешить наложение водяных знаков – нужно ли накладывать водяные знаки на изображение
Минимальный размер для накладывания водяного знака – для картинок со стороной меньше какого размера водяной знак накладываться не будет

Наложение водяного знака в DLE

Как задать водяной знак? Стандартные водяные знаки с логотипом DLE находятся в папке dleimages по адресу ваш_сайт.ru/templates/имя_вашего_шаблона/dleimages. Здесь нам нужно заменить два файла watermark_dark.png и watermark_light.png на свои собственные картинки, предварительно нарисованные в каком-либо текстовом редакторе, например в Adobe Photoshop. Они будут лучше смотреться, если сделать их полупрозрачными. Можно сделать их такого же размера как водяные знаки по умолчанию, либо задать свой размер, важно только соблюсти следующие правила: размер водяного знака не должен превышать размер картинки и оба наших вновь созданных водяных знака должны быть одинакового размера.

Настройки показа увеличенных изображений из миниатюр

Автоматическое затемнение сайта при показе оригинального изображения – будет ли затемняться фон сайта при показе большого изображения(при нажатии на миниатюру)
Вид оригинального изображения при увеличении из уменьшенной копии – оригинальное изображение показывается в браузере виде модального окошка (c помощью js-плагина Highslide, подключаемого в DLE по умолчанию, он существует и отдельно от нашего движка, распространяется бесплатно, это своего рода аналог lightbox), здесь можно задать некоторые визуальные эффекты для этого изображения (тень, рамка, закругленные края).
Режим галереи при просмотре уменьшенных изображений – да/нет (включено или выключено) припросмотре больших изображений из уменьшенных копий, на изображениях будет выводится навигация, будет режим слайдшоу.

Иногда можно столкнутся с проблемой, что режим галереи в DLE не работает — не выводится панель навигации на всплывающей картинке. Дело в том, что скрипт highslide.js подключается автоматически (можно обнаружить, если открыть исходный код в браузере) , кроме того должны проинициализироваться его некоторые параметры, они приведены ниже. Проверьте, что это присутствует в коде вашей страницы.

JavaScript

hs.graphicsDir = "/engine/classes/highslide/graphics/"; hs.outlineType = "rounded-white"; hs.numberOfImagesToPreload = 0; hs.showCredits = false; hs.lang = { loadingText: "Загрузка...", playTitle: "Просмотр слайдшоу (пробел)", pauseTitle: "Пауза", previousTitle: "Предыдущее изображение", nextTitle: "Следующее изображение", moveTitle: "Переместить", closeTitle: "Закрыть (Esc)", fullExpandTitle: "Развернуть до полного размера", restoreTitle: "Кликните для закрытия картинки, нажмите и удерживайте для перемещения", focusTitle: "Сфокусировать", loadingTitle: "Нажмите для отмены" }; hs.align = "center"; hs.transitions = ["expand", "crossfade"]; hs.addSlideshow({ interval: 4000, repeat: false, useControls: true, fixedControls: "fit", overlayOptions: { opacity: .75, position: "bottom center", hideOnMouseOut: true } });

hs . graphicsDir = "/engine/classes/highslide/graphics/" ;

hs . outlineType = "rounded-white" ; hs . numberOfImagesToPreload = 0 ;

hs . showCredits = false ;

hs . lang ,

playTitle : "Просмотр слайдшоу (пробел)" , pauseTitle : "Пауза" , previousTitle : "Предыдущее изображение" ,

nextTitle : "Следующее изображение" , moveTitle : "Переместить" , closeTitle : "Закрыть (Esc)" ,

fullExpandTitle : "Развернуть до полного размера" ,

restoreTitle : "Кликните для закрытия картинки, нажмите и удерживайте для перемещения" ,

focusTitle : : "Нажмите для отмены" } ;

hs . align = "center" ; hs . transitions = [ "expand" , "crossfade" ] ;

hs . addSlideshow ({ interval : 4000 , repeat : false , useControls : true , fixedControls : "fit" ,

overlayOptions : { opacity : . 75 , position : "bottom center" , hideOnMouseOut : true } } ) ;

В этом же исходном коде должна присутствовать и функция, ответственная за вывод картинок режиме галереи и слайдшоу, а именно: hs.addSlideshow.

Если покопаться в файлах движка, то мы обнаружим, что вывод этих параметров определяется такими строчками кода в файле index.php, расположенном в корне сайта.

if (strpos ($tpl->result["content"], "hs.expand") !== false or strpos ($tpl->copy_template, "hs.expand") !== false) { if ($config["thumb_dimming"]) $dimming = "hs.dimmingOpacity = 0.60;"; else $dimming = ""; if ($config["thumb_gallery"] AND ($dle_module == "showfull" OR $dle_module == "static")) { $gallery = " hs.align = "center"; hs.transitions = ["expand", "crossfade"]; hs.addSlideshow({ interval: 4000, repeat: false, useControls: true, fixedControls: "fit", overlayOptions: { opacity: .75, position: "bottom center", hideOnMouseOut: true } });"; } else { $gallery = "";

if (strpos ($ tpl -> result [ "content" ] , "hs.expand" ) !== false or strpos ($ tpl -> copy_template , "hs.expand" ) !== false ) {

if ($ config [ "thumb_dimming" ] ) $ dimming = "hs.dimmingOpacity = 0.60;" ; else $ dimming = "" ;

if ($ config [ "thumb_gallery" ] AND ($ dle_module == "showfull" OR $ dle_module == "static" ) ) {

$ gallery = "

hs.align = "center";

hs.transitions = ["expand", "crossfade"];

hs.addSlideshow({

interval: 4000,

repeat: false,

useControls: true,

fixedControls: "fit",

overlayOptions: {

opacity: .75,

hs.numberPosition — показывает номер текущего изображения в последовательности (например, Изображение 1 из 5) Может принимать значения ‘heading’ — отображается вверху, caption -отображается внизу. Точная строка задается в объекте hs.lang(он содержит строки локализации). В том же файле index.php находим строку hs.lang = { и дописываем в конец параметр — number: ‘Изображение %1 из %2’ (после предыдущего параметра не забываем ставить запятую);

hs.addSlideShow — функция задающая параметры для режима галереи(картинки сгруппированы и имеют общую панель навигации)

interval — количество миллисекунд, которое будет показываться каждый слайд. (по умолчанию 4000)

repeat — повторение (начинать с первого слайда после перехода к последнему) (по умолчанию false )

useControls — разрешить Highslide создать панель управления слайдшоу (true или false )

fixedControls -если истинно, панель управления зафиксирована, элементы управления находятся в одном положении в течение просмотра всех картинок и пользователь может просматривать изображения с помощью кнопки Далее не перемещая мышь (true или false )

overlayOptions -параметры наложения для панели управления (объект)

opacity -прозрачность панели(по умолчанию.75),

position -положение панели управления по вертикали (top , middle , bottom ) и горизонтали (left , center ,right ) (по умолчанию ‘bottom center’)

hideOnMouseOut — скрывать панель управления, когда мышка не находится на картинке (по умолчанию true)

Далее меняем внешний вид панели навигации. Для этого открываем файл engine.css (templates/Default/style/engine.css, вместо Default подставьте при необходимости имя вашего шаблона). Ищем строки 423, 432, 447 (.highslide-controls, .highslide-controls ul, . highslide- controls a соответственно) и заменяем в background url controlbar-black-border.gif (по умолчанию черная панель управления) на controlbar-white.gif — белая контрольная панель.

Способы задать миниатюру для статьи

Миниатюру для статьи можно задать просто вставив картинку в начале текста статьи. Однако нужно следить, чтобы везде было одинаково, применены одинаковые стили и если нужно например заключить миниатюру в ссылку на статью, адрес статьи придется указать вручную.

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

Максимальное количество файлов при массовой загрузке – сколько одновременно файлов разрешено выбрать и поставить в очередь на скачивание

Включить поддержку докачивания файлов при скачивании – разрешена ли докачка файлов при разрыве соединения

Включить счетчик скачиваний файла – отображение информации: сколько человек скачали этот файл.

Ну пожалуй на этом все! Спасибо, что дочитали до конца. До новых встреч!
Как обычно, смотрим видео

Привет, друзья. Я почти все свое время уделяю . Так как большинство моих сайтов построены на CMS DLE, то и приходится много работать с этим движком. Я и раньше говорил, что с SEO разработчики не дружат, и вообще такого слова не слышали никогда, но оказалось все еще хуже, чем могло бы быть. Я даже подготовил целую серию постов, посвященных «осеошиванию» народного движка (см. в категории ).

Но сегодня я бы хотел поговорить про такую важную вещь как html карта сайта для DLE. Сколько я не искал в интернете нормальный модуль карты, так и не нашел. Есть, конечно, несколько решений, но все они дают совсем не тот результат, который нужен, а порой даже наносят вред. Пришлось писать модуль самому, а точнее поручить профессионалам реализацию моих «хотелок». Выражаю огромную благодарность Фомину Александру за энтузиазм и невероятную скорость работы.

Модуль карты сайта для ДЛЕ, который я собираюсь вам представить, отвечает всем требованиям seo и предельно прост в установке.

Полный список модулей для DLE от АлаичЪ"а:

SiteMap – модуль генерации HTML карты сайта для DLE

Оригинальное название: SiteMap
Совместимость с CMS: DLE 8.2-10.6
Распространение: Бесплатно, As Is, при распространении ссылка на источник обязательна
Актуальная версия: 2.2 (от 08.05.2014)
Назначение: Вывод ненумерованного списка со ссылками на все публикации, категории и статические страницы.
Особенности: Визуальный генератор кода для вставки. Детальная настройка принципа вывода всех элементов сайта — новости, категории, статические страницы — количество выводимых элементов, принцип сортировки и порядок сортировки, отображение элементов в виде ссылки или простым текстом, возможность включить/исключить конкретные элементы.

Описание и настройка модуля HTML карты сайта для DLE

Друзья, 3 июня 2012 — это большой день, в свет вышла совершенно новая карта сайта версии 2.0. Мы поднимаем планку удобства использования нашего модуля на новый уровень. Реализованная в система визуальной генерации кода нам (надеюсь, и вам тоже) очень понравилась и мы решили внедрить ее и в модуль карты сайта. Теперь вам не надо читать руководства и описания всех функций и их значений — достаточно зайти в админку, указать несколько значений и все — модуль готов к работе!

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

модуль полностью кешируется;
модуль использует API DLE;
в карте не выводятся публикации, не прошедшие модерацию, а так же запланированные на будущее;
учитывается наличие/отсутствие ЧПУ, а так же тип ЧПУ;
предусмотрена такая тонкость – если кто давно работает с движком ДЛЕ, то помнит, что в ранних версиях вообще не было ЧПУ, а потом оно появилось, но только одного типа (такого же, как сейчас формируется тип 3). Так вот это тоже предусмотрено в данном модуле — новые публикации выводятся с url’ом, тип ЧПУ которого выбран в админке, а старые, соответственно, с url’ом ЧПУ старого типа.

Не смотря на появление визуального генератора, предлагаю ознакомиться с механикой модуля.

Модуль вставляется в шаблон main.tpl с помощью тега:
{include file="engine/modules/sitemap.php?param1=value1¶m2=value2"}

param1= — параметр модуля, value1 — значение параметра. Настройки модуля следуют после знака? и разделены знаком &.

Пример вставки (выводит карту сайта со списком статических страниц и новостями из категорий с id=2,3,4):
{content}
{include file="engine/modules/sitemap.php?show_static=1&need_cats=2,3,4"}

Для того, чтобы карта сайта отображалась на отдельной странице, тег {include ...} необходимо заключить в , а тег {content} заключить в . После этого модуль будет доступен по адресу http://site.ru/sitemap/

После любых изменений параметров и их значений необходимо очищать кеш в админпанели.

Параметры модуля, передаваемые через tpl при вставке:

need_cats — список id категорий через запятую для вывода в карте
exc_cats — список id категорий через запятую, исключаемых из карты

need_news — список id статей через запятую для вывода в карте
exc_news — список id статей через запятую, исключаемых из карты

данные параметры бессмысленно указывать одновременно

need_static — список id статических страниц через запятую для вывода в карте
exc_static — список id статических страниц через запятую, исключаемых из карты

данные параметры бессмысленно указывать одновременно

cats_as_links — показывать названия категорий как ссылки (1 или 0)
show_static — отображать в карте статические страницы (1 или 0)

cats_sort — поле сортировки списка категорий (поле из таблицы dle_category)
cats_msort — направление сортировки списка категорий (ASC или DESC)
news_sort — поле сортировки списка статей (поле из таблицы dle_post)
news_msort — направление сортировки списка статей (ASC или DESC)
static_sort — поле сортировки списка статических страниц (поле из таблицы dle_static)
static_msort — направление сортировки списка статических страниц (ASC или DESC)

возможны 2 варианта направления сортировки:
- ASC — по возрастанию (по алфавиту)
- DESC — по убыванию (в обратном порядке)
если поле и порядок сортировки не указаны — используются заданные настройки категорий или стандартные параметры DLE

cats_limit — максимальное количество выводимых подкатегорий
news_limit — максимальное количество выводимых статей из категории
static_limit — максимальное количество выводимых статических страниц

Заметьте, ни одна из приведенных выше настроек не является обязательной , можно вообще ничего не указывать — достаточно просто вставить тег {include file="engine/modules/sitemap.php"} — тогда будут использованы настройки по умолчанию.

Внешний вид и классы стилей карты сайта

Опционально предусмотрено изменение внешнего вида карты сайта, для этого открываем файл стилей (style.css) своего шаблона и прописываем нижеописанные классы.

Перечень CSS классов карты сайта:

Sitemap_categories - элемент

списка категорий
.sitemap_items - элемент
- списка статей
  .sitemap_static_pages - элемент
  - списка статических страниц
    
    Root - класс для вышеперечисленных элементов, находящихся в корне списка
    
    Sitemap_categories a - элемент c названием категории
    .sitemap_categories span - элемент c названием категории
    .sitemap_items a - элемент c названием статьи
    .sitemap_static_pages a - элемент c названием статической страницы
    Установка, удаление и обновление модуля карты сайта на DLE
    Установка модуля
  - Распакуйте архив с модулем;