Настройка отображения изображений на сайте dle
Доброго времени суток, друзья, вас приветствует блог для начинающих вебмастеров — SdelaemBlog.ru. Давно мы уже не затрагивали тему настроек движка DataLife Engine, а ведь мы еще не закончили настройку сайта на базе данной CMS. Поэтому, сегодня я хочу продолжить разговор о DLE, и сегодня речь пойдет о настройках работы с изображениями.
Данная настройка предоставляет возможность настроить ширину и высоту, объем, наложение водяных знаков и другие параметры связанные с изображениями на сайте.
Ну, не буду затягивать, сразу перейдем к настройке dle.
Максимально допустимые размеры изображения. Если вы поставите ограничение в пикселях, размер картинок будет именно такой, какой будет указан в этом параметре. Подробнее читайте на самой странице, настройки работы с изображениями.
Максимально допустимый объём изображения. Указывайте максимальный объем в случае, если вы планируете загружать изображения к себе на сервер (подробнее вы сможете прочесть в посте о настройке загрузки файлов). В случае использования url-адреса изображения с другого сайта, данная функция вам не пригодится. Объем изображения указывается в килобайтах, например 2000. Тогда изображение объемом более 2000 килобайт загрузить на сайт будет невозможно.
Автоматическое удаление изображений. Если вписать в поле, например цифру 2, то через два дня изображения загруженные на ваш сайт, которые не были использованы в новостях (постах, статьях и т.д.), будут автоматически удалены. Если не хотите, чтобы картинки удалялись ставьте «0».
Разрешить наложение водяных знаков. Водяной знак — это своего рода печать, которая указывает на то, что первоисточник именно ваш ресурс. Водяной знак может быть в виде текста, как у меня на блоге или в виде графического изображения наложенного поверх картинки. Например, имя домена или имя автора. Пример водяного знака вы можете увидеть у меня на блоге, на любом изображении.
Минимальный размер для накладывания водяного знака. То есть, если вы укажите 150 (пикселей). На изображения с размером любой стороны, менее 150 пикселей, водяной знак dle накладываться не будет. Например, у вас пропорции 300х140 или 140х300, тогда водяной знак наложен не будет, а если 300х160 или 160х300, знак будет наложен.
Размер уменьшенной копии загруженного изображения. Например, у вас на сайт загружена картинка 300×300 пикселей. А в этом параметре указано 100×100, то она будет уменьшена до этих размеров. При этом наибольшая сторона может быть обрезана. А если поставить размер одной стороны, например 100, то наибольшая сторона будет уменьшена до 100 пикселей, при этом произойдет сжатие.
Следующая функция дополняет предыдущую. Параметры по умолчанию для создания уменьшенной копии изображения. Эта функция работает, если в предыдущем пункте вы выбрали одну из сторон, например: 100. По умолчанию, выставлено: по наибольшей стороне, об этом способе написано в предыдущем пункте. А что будет если выбрать параметр: по ширине, тогда при загрузке изображения, оно будет уменьшено не по наибольшей стороне, а по ширине. Т.е. ее ширина станет 100 пикселей, а высота будет уменьшена пропорционально ширине. Обрезаться картинка, также не будет.
Качество сжатия .jpg изображения. Здесь выбираем качество сжатия изображения, загружаемого на сервер. Сжатие уменьшает вес картинок, не только jpeg, но и других тоже. По умолчанию стоит 85 %. Максимально 100%. Чем больше процент сжатия, тем больше уменьшается вес и ухудшается качество.
Автоматическое изменение размера для удаленных изображений. Выставляется для ширины изображения. Удаленные — это изображения, которые вы не загружаете к себе на сервер, а берете в интернете url — адрес картинки с другого сайта.
Автоматическое затемнение сайта при показе оригинального изображения. При нажатии на превью (уменьшенную копию), изображение увеличивается до оригинального размера. При этом, если включить эту опцию, то сайт будет затемнятся при показе оригинального изображения. Выглядит это следующим образом:
Если выключить, затемнения не будет.
Режим галереи при просмотре уменьшенных изображений. С помощью данной опции, вы сможете добавлять к оригинальным изображениям (из уменьшенных копий) навигацию, а также запускать слайдшоу.
Вид оригинального изображения при увеличении из уменьшенной копии. Есть выбор из четырех вариантов. Например: у изображения, которое находится выше, поставлен вид с закругленными краями и тенью. Если выбрать с прямыми краями и тенью, то картинка будет выглядеть так:
Ну и так далее. Экспериментируйте. Подберите для себя подходящий вид оригинального изображения при увеличении из уменьшенной копии.
После редактирования всех настроек, не забудьте сохранить изменения.
Если что-то не понятно, спрашивайте в комментах или через форму обратной связи.
Источник
Вывод изображения как превью из полного описания новости DLE 9.7
в результате должно получиться так
Если пошли логическим путем, то наверное уже поняли, что в кратком описании изображения быть недолжно. А если оно там будет, то в краткой новости будет выводиться сразу 2 изображения.
Вопрос: Как реализовать вывод изображения
Читал, о том, что нужно делать с show.short.php, full.short.php. Делал, эксперементировал, но ничего не получилось.
Желаемый результат:
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Нету «полного описания» при чтений какой либо новости
Помогите, когда я нажимаю на кнопку подробнее под новостью мени кидает на страницу где есть краткое.
DLE Вывод тега
Здравствуйте, подскажите пожалуйста как прикрутить новый тег
Дополнительные изображения вывод описания
Здравствуйте, вывожу дополнительные изображения в подробном описании новости, всё показывается, но.
Вывод изображения без задания полного адреса setStyleSheet()
Здравствуйте, такая проблема: при указании полного адреса в setStyleSheet() картинка выводится, а.
Ну это делается просто через дополнительное поле [xfvalue_значение] вместо которого указывается ссылка изображения при загрузке на сервер когда добавляете новость
Как сделать и вставить необычную таблицу в новости для dle 9.5
Как создать такую таблицу (пример: http://z-shina.com.ua/test-shin-205-55-R16 ) но с другими.
Как создать превью изображения??
Проблема в том, что все изображения должны находиться на диске. их имена в бд. они все разного.
Отображение даты создания в превью новости
Приветствую. Помогите решить задачу, необходимо что бы в превью новости отображалась дата.
Нужно отцентрировать картинку в превью к новости
В каждой новости у меня есть картинка. В превью она её есть с помощью этого.
Искать еще темы с ответами
Источник
Как вывести картинку dle
- Поисковые системы
- Яндекс
- Каталоги сайтов
- Прочие поисковики
- Агрегаторы и доски объявлений
- Практика оптимизации
- Общие вопросы оптимизации
- Частные вопросы — ранжирование, индексация, бан
- Сервисы и программы для работы с SE
- Любые вопросы от новичков по оптимизации
- Ссылочные и пользовательские факторы
- Поисковые технологии
- Doorways & Cloaking
- Трафик для сайтов
- Поисковая и контекстная реклама
- Google Adwords
- Яндекс.Директ
- Тизерная и баннерная реклама
- Общие вопросы рекламы
- Монетизация сайтов
- Партнерские программы в Интернете
- Контекстная реклама
- Google AdSense
- Рекламная Сеть Яндекса
- Размещение тизерной и баннерной рекламы
- Общие вопросы
- Сайтостроение
- Веб-строительство
- Статистика и аналитика
- Доменные имена
- Администрирование серверов
- Хостинг
- Безопасность
- Usability и удержание посетителей
- Копирайтинг
- Социальный Маркетинг
- Вконтакте
- YouTube
- Facebook & Instagram
- TikTok
- Telegram
- Общие вопросы
- Общение профессионалов
- Семинары и конференции
- eCommerce, интернет-магазины и электронная коммерция
- Телефония и коммуникации для бизнеса
- Деловые вопросы
- Финансы
- Cчет в Яндекс.Деньгах
- Криптовалюты
- Инвестиции
- Экономика
- Правовые вопросы
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты — покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки — обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
- О сайте и форуме
- Самое разное
- Курилка
- Встречи и сходки
- Железо и софт
Дзен не будет показывать видео с водяными знаками других платформ в общей ленте
Как убить SEO: взлет и падение позиций по запросам. Кейс
Итак, по просьбам многочисленных желающих выкладываю инфу, статья о том «Как делать картинки необходимого размера в DLE». Метод не новый, и уже давно используется в вордпресс.
но так как пол вебмастеров этого замечательного форума промышляет ДЛЕ то решил выложить и тут, поехали.
Как делать картинки необходимого размера в DLE
Итак, сегодня по просьбам желающих поделюсь своим «фирменным секретом» – как делать картинки необходимого размера в DLE.
Объясню сразу суть, кто не в теме. В DLE имеется возможность обрезания картинки по заданным размерам, например, 320х240 пикселей, или по ширине 200 пикселей.
Но что будет если загружать вертикальные и горизонтальные картинки? Тогда получится каша, те большие, те чуть меньше и т.д. Я же предлагаю вам способ, который устранит все эти проблемы – и обрежет картинку автоматически по заданным размерам.
Я использую этот метод на всех своих DLE сайтах – а именно вывожу первую картинку в статье таким способом. Что же я получаю от использования такого способа?
Во-первых, в любом месте сайта можно вывести картинку разных размеров. Я уже давно использую теги
Во-вторых, картинка будет храниться в дополнительном поле, поэтому можно будет легко извлечь ее в любом модуле. Я прописал буквально пару строк и в блоке «Популярное» уже виды картинки. То же самое можно сделать и вблоке похожих новостей в полной новости.
В-третьих, в нужных местах можно вообще вывести без картинки, например блок «Автоновости» через
В-четвертых, потом может допишу если вспомню что-то.
Скрипт TimThumb – PHP Image Resizer
Официальная страница разработчика, скачать сам скрипт можете тут – страница GoogleCode. Сохраните его как timthumb.php, а дальше я расскажу как прикрутить его к DLE.
Как я говорил выше картинка будет подключаться к скрипту через дополнительное поле, этот очень удобно для вывода первой картинке в статье, я использую этот метод на всех DLE сайтах.
В общем допишем немного кода в темплеты shortstory.tpl и fullstory.tpl, ну и куда там вам еще надо, если в блок популярного – engine/modules/topnews.php, если в блок похожих новостей – engine/modules/show.full.php. Но там надо писать php, а статья не об этом. Можно также втулить код в searchresult.tpl.
Не буду подробно останавливаться на том, почему там H1, а там H2, и почему там есть [full-link][/full-link], а во втором нет. Стили, html-код вы можете использовать любой, ****, главное обратить внимание на эти строчки:
Рассказываю теперь подробно:
— [xfgiven_image]..[/xfgiven_image] – стандартные функции DLE, требуется создать дополнительное поле с машинным именем image, xfgiven – это проверка на то, что в поле есть какие-то данные;
— src=»
Уясним более подробно, папка шаблона – в ней создать папку timthumb, а внутри 3 объекта – .htaccess файл, папка с будущим кешем и сам файл-скрипт.
— q=100 – качество изображения, в процентах, я ставлю от 70 до 95;
— zc=1 – image crop – единичка отвечает за обрезание картинки пропорциональными размерами, там на странице разработчика обширная справка.
— куча других параметров, которые мне не особо нужны, там есть обработка картинки, как в фотошопе, в черно-белый цвет можно перенести, куча фильтров и тд.
Это пока все, что вспомнил. Если будут вопросы, задавайте. Да, там на некоторых говнохостингах есть запрет кое-каких параметров php и данный скрипт работать не будет, кстати в новых версиях DLE идет запрет на выполнение php-скрипта из папки шаблона, поэтому придется либо снести файл templates/.htaccess либо кинуть скрипт в другую папку – например site.ru/resizer/timthumb/timthumb.php – в корень сайта это.
Удачи! Истинный заводской раб!
Задавайте вопросы, что смогу отвечу, желательно в блоге.
Источник
