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

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

7.09
125
64 359
Самый простой и в тоже время самый эффективный способ сделать так, чтобы картинки в новости были одинакового размера, независимо от того, кто и насколько прямыми руками их к новости прикреплял - сделать добавление картинок через дополнительное поле.
Плюсы очевидны: можно регулировать вывод размера изображения, его положение в новости; экономится место на сайте т.к. картинки можно заливать на сайты типа Радикал-Фото; проше сделать вывод новостей в 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:

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

Комментарии

ПафНутиЙ
ПафНутиЙ 17 января 2013 20:04
только костыли какие нибудь. Поверьте, модуль стоит своих денег.
viajante
viajante 28 января 2013 00:48
Извините, не по теме, но не нашел где ещё можно спросить.
Как в новости (короткой и полной) сделать стиль для картинки, например бордер, тень и т.д.
Если делать css, например:
.short img {border:1px solid #ccc;}
То и смайлики в новости и в комментах имеют бордер.
Нужно где то копать в show.short.php?
ПафНутиЙ
ПафНутиЙ 29 января 2013 09:30
.news img {
	border: solid 1px #ccc; /*добавляем обводку всем картинкам внутри блока .news*/
}
.news img[src*="emoticons"] {
	border: none; /*убираем обводку, если в пути к изображениею есть слово emoticons*/
}
viajante
viajante 29 января 2013 23:39
Спасибо БОЛЬШОЕ! А то уже голову сломал. А нигде не встречал.
ПафНутиЙ
ПафНутиЙ 29 января 2013 23:48
на здоровье)
Natashulay
Natashulay 3 февраля 2013 10:34
ПафНутиЙ, добрый день!
пишу вам, может подскажите, что делать. а то от Александра никак не могу добится решения.
я вставляю картинку через доп пле через платный модуль который вы рекомендовали выше, но картинка выводится некоректно

в настройках доп поля стоит image:size=250,urlfile,
в шаблоне [xfgiven_image][full-link]<img src="[xfvalue_image]" alt="{title}" width="250" border="0">[/full-link][/xfgiven_image]

а выводится : сама картина" alt="описание" width="200" height="150" border="0">

явно лишние кавычки после картинки
ПафНутиЙ
ПафНутиЙ 3 февраля 2013 14:17
Попробуйте вот так:
<a href="{full-link}"><img src="[xfvalue_image]" alt=""></a>

Но это при условии, что модуль выводит чистый url картинки.
Natashulay
Natashulay 3 февраля 2013 14:47
спасибо
vip_pvl
vip_pvl 18 февраля 2013 23:28
Подскажите, пожалуйста, как вставить три скриншота в ряд через одно дополнительное поле. Скриншоты добавляю путем копирования ссылки на изображение
ПафНутиЙ
ПафНутиЙ 22 февраля 2013 13:13
1 вариант - написать парсер в php.
2 вариант - использовать несколько допполей.
3 вариант - вставлять картинками в многострочное допполе.
Vitalek
Vitalek 5 марта 2013 20:42
Здравствуйте хотел бы узнать как можно сделать отображение изображения из дополнительного поля в 3 столбца !!!
ПафНутиЙ
ПафНутиЙ 6 марта 2013 09:56
float: left;
Vitalek
Vitalek 6 марта 2013 14:31
я вроде как решил проблему , но почемуто в одной полной новости все идет так как мне нужно , а в другой всеравно идет один столбец , в чем может быть трабла?!
Vitalek
Vitalek 6 марта 2013 14:39
Сделал вот так !
 <div class="images" style="margin:60px; auto; width:600px">

 [xfgiven_images][xfvalue_images][/xfgiven_images]

</div>


css вот так!

images img {
 float:left;
 margin-right:15px;
 margin-bottom:15px;
 width:200px;
}

вот пример не правильного отображения

а вот пример правильного отображения


насколько я знаю не может быть так чтобы код из fullstory.tpl перекрывался чемто в разных новостях!? Помогите очень прошу!
raziel2101
raziel2101 2 декабря 2013 18:14
ПафНутиЙ,
Доброго времени суток..применил код такойже как и здесь только сделал его для ссылок на скачивание..так вот вопрос каким тегом сделать так,чтобы если дополнительное поле не заполнено то кнопка не появлялась в новости
ПафНутиЙ
ПафНутиЙ 2 декабря 2013 18:45
raziel2101
raziel2101 2 декабря 2013 19:26
Извиняюсь еще раз, применил этот тег теперь пропали все ссылки-изображения...могу я вас попросить написать для меня код для картинки ссылки через доп поле чтобы если поле не заполнено то картинка-ссылка не отображалась..Заранее благодарю.

Код преложить немогу так как пишет недопустимые теги в коментарии=(
ПафНутиЙ
ПафНутиЙ 2 декабря 2013 19:33
Почитайте документацию, ссылку я дал. И у вас всё получится. Это очень просто.
malenovski
malenovski 28 февраля 2014 13:25
Доброе время суток !!!

У меня такая проблема:
Я решил приспособить этот код для вывода скриншотов в полной новости - создал 3 дополнительных поля для скринов - проблема в том что доп.полей 3 а выводится только 1 скрин.

Помогите пожалуйста решить эту проблему.
ПафНутиЙ
ПафНутиЙ 28 февраля 2014 13:35
выводите в шаблон три допполя и будет три скрина.
malenovski
malenovski 28 февраля 2014 14:04
Уважаемы Администратор !!!!
Подскажите пожалуйста как вывести в шаблон три доп.поля / покажите пример пожалуйста.
ПафНутиЙ
ПафНутиЙ 28 февраля 2014 14:22
[xfgiven_image]
	<img src="[xfvalue_image]" alt="">
[/xfgiven_image]
[xfgiven_image1]
	<img src="[xfvalue_image1]" alt="">
[/xfgiven_image1]
[xfgiven_image2]
	<img src="[xfvalue_image2]" alt="">
[/xfgiven_image2]
malenovski
malenovski 28 февраля 2014 15:04
Не как не могу здесь показать свой чуть переделаный код - с которым не получается осуществить задуманное.

Не пропускает, пишет не допустимые теги.
malenovski
malenovski 28 февраля 2014 15:36
А не всё проблема решена !!!
Огромное спасибо вам за помощь !!! С помощью ваших подсказок / примеров мне удалось сделать задуманное - и усовершенствовать этот код ! Жаль что я не могу показать его здесь - не пропускает в сообщениях - вообщем получилось так !
Переход на полное изображение по клику + закрыты от индексации.

Вот скрин:

ПримерПример
sidorivan
sidorivan 29 июня 2014 02:24
Привет ребята помогите плиз, сделал так картинку через доп поле
[xfgiven_poster][full-link]<img src="[xfvalue_poster]" alt="{title}" width="90" height="125" border="0">[/full-link][/xfgiven_poster]
А она отображается вот так
Скриншот
Хочу сделать чтобы при клике на картинку перекидывало на полную новость, а не открывалось оригинальное изображение, когда делаешь просто доп. полем [xfvalue_poster] именно так и происходит, но мне нужна ссылка на полную новость, помогите разобраться где копать!
hahol_2030
hahol_2030 8 октября 2014 19:06
Еще раз привет нужно помощь Как можно сделать чтоб на движке dle 10.3 сделать чтоб вместо обычного атача (attachments) сделать картинкой пример ниже

Нужно так


А не так

Чтоб при нажатии сразу качался фаил

Помогите пожалуйста
deamon
deamon 1 декабря 2015 18:52
Я загружаю много картинок через доп поле и они отображаются все вертикально и большие а мне надо чтобы они были маленькие, кликабельны на увеличение и в горизонт с переносом если больше 5. ну уже всё перерыл и никак не могу сделать. помогите recourse
ПафНутиЙ
ПафНутиЙ 1 декабря 2015 18:57
Включите редактор для этого допполя и создавайте столько миниатюр, сколько требуется.
deamon
deamon 1 декабря 2015 19:15
Если чесно я нуб в html но быстро учусь)) перефразируйте пожалуйста на более менее понятный язык.
ПафНутиЙ
ПафНутиЙ 1 декабря 2015 19:26
html тут совсем не при чём.
Это элементарные настройки движка и конкретного допполя.

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

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

Информация

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