» » Добавление картинок в новость через дополнительные поля

Добавление картинок в новость через дополнительные поля

7.09
125
64 339
Самый простой и в тоже время самый эффективный способ сделать так, чтобы картинки в новости были одинакового размера, независимо от того, кто и насколько прямыми руками их к новости прикреплял - сделать добавление картинок через дополнительное поле.
Плюсы очевидны: можно регулировать вывод размера изображения, его положение в новости; экономится место на сайте т.к. картинки можно заливать на сайты типа Радикал-Фото; проше сделать вывод новостей в 2 колонки.
Есть и минусы, но все они связаны как правило с кривыми руками юзеров, добавляющих новости.

Итак приступим.

1. Идём в Панель управления - другие разделы - Дополнительные поля новостей и добавляем новое дополнительное поле с параметрами как на картинке:

Добавление картинок в новость через дополнительные поля


Разделы можете указать на свой выбор.
Значение по умолчанию в данном примере является ссылкой на дефолтную картинку на случай если пользователь не станет добавлять картинок к новости. Но это поле можно оставить и пустым, оно нам особо и не нужно сейчас.

Жмём кнопку "Сохранить", всё наше поле добавлено.

2. Открываем shortstory.tpl и в нужное место добавляем следующий код:
[xfgiven_image][full-link]<img src="[xfvalue_image]" alt="Добавление картинок в новость через дополнительные поля" width="200" height="150" border="0">[/full-link][/xfgiven_image]


Остановимся подробнее на этой строчке.
- тег [xfgiven_image] - нужен для скрытия пустого места, если нет картинки в новости.
- тег [full-link] - для того чтобы картинка была одновременно ссылкой на полную новость.
- src="[xfvalue_image]" - сама картинка
- &alt="Добавление картинок в новость через дополнительные поля" - описание картинки - оно же название новости.
- width="200" height="150" ширина и высота картинки - можно править под себя.
- border="0" - для тех у кого не задан CSS-стиль для тега <img>

Вот собственно и всё.

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

P.S.
Дальше включаем фантазию и делаем свой варезник сайт ещё краше :pleasantry:

Похожие материалы

Комментарии

deamon
deamon 1 декабря 2015 20:06
Вообщем работаю у человека и у него доп поле выглядит так и когда вставляю туда картинки и добавляю новость она выглядит вот так. как добиться этого?
ПафНутиЙ
ПафНутиЙ 1 декабря 2015 20:59
Посмотрите как там сделано и сделайте так же.
Если не хватает знаний/умений/навыков — спросите на dle-faq.ru, если нужно сделать быстро — либо в стол заказов там же, либо к фрилансерам. Я вам не смогу помочь.
deamon
deamon 2 декабря 2015 01:10
спасибо и на этом
Lord20
Lord20 27 января 2016 10:30
как сделать так что бы картинка была с лева а текст с права
https://yadi.sk/i/L7hZIkRTnoMTn
deamon
deamon 29 января 2016 03:06

img {
  float:left;
}

Добавить комментарий

Комментировать могут только зарегистрированные пользователи

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.