ПафНутиЙ-Блог » Статьи » Добавление картинок в новость через дополнительные поля

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

7.09

125

66 533

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

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

Извините, не по теме, но не нашел где ещё можно спросить.
Как в новости (короткой и полной) сделать стиль для картинки, например бордер, тень и т.д.
Если делать css, например:
.short img {border:1px solid #ccc;}
То и смайлики в новости и в комментах имеют бордер.
Нужно где то копать в show.short.php?

ПафНутиЙ 29 января 2013 09:30

#2589

.news img {
	border: solid 1px #ccc; /*добавляем обводку всем картинкам внутри блока .news*/
}
.news img[src*="emoticons"] {
	border: none; /*убираем обводку, если в пути к изображениею есть слово emoticons*/
}

viajante 29 января 2013 23:39

#2592

Спасибо БОЛЬШОЕ! А то уже голову сломал. А нигде не встречал.

ПафНутиЙ 29 января 2013 23:48

#2593

на здоровье)

Natashulay 3 февраля 2013 10:34

#2628

ПафНутиЙ, добрый день!
пишу вам, может подскажите, что делать. а то от Александра никак не могу добится решения.
я вставляю картинку через доп пле через платный модуль который вы рекомендовали выше, но картинка выводится некоректно

в настройках доп поля стоит 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

#2630

Попробуйте вот так:

<a href="{full-link}"><img src="[xfvalue_image]" alt=""></a>

Но это при условии, что модуль выводит чистый url картинки.

Natashulay 3 февраля 2013 14:47

#2631

спасибо

vip_pvl 18 февраля 2013 23:28

#2672

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

ПафНутиЙ 22 февраля 2013 13:13

#2675

1 вариант - написать парсер в php.
2 вариант - использовать несколько допполей.
3 вариант - вставлять картинками в многострочное допполе.

Vitalek 5 марта 2013 20:42

#2682

Здравствуйте хотел бы узнать как можно сделать отображение изображения из дополнительного поля в 3 столбца !!!

ПафНутиЙ 6 марта 2013 09:56

#2683

float: left;

Vitalek 6 марта 2013 14:31

#2686

я вроде как решил проблему , но почемуто в одной полной новости все идет так как мне нужно , а в другой всеравно идет один столбец , в чем может быть трабла?!

Vitalek 6 марта 2013 14:39

#2687

Сделал вот так !

 <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 2 декабря 2013 18:14

#3371

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

ПафНутиЙ 2 декабря 2013 18:45

#3372

[xfnotgiven]

raziel2101 2 декабря 2013 19:26

#3373

Извиняюсь еще раз, применил этот тег теперь пропали все ссылки-изображения...могу я вас попросить написать для меня код для картинки ссылки через доп поле чтобы если поле не заполнено то картинка-ссылка не отображалась..Заранее благодарю.

Код преложить немогу так как пишет недопустимые теги в коментарии=(

ПафНутиЙ 2 декабря 2013 19:33

#3374

Почитайте документацию, ссылку я дал. И у вас всё получится. Это очень просто.

malenovski 28 февраля 2014 13:25

#3540

Доброе время суток !!!

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

Помогите пожалуйста решить эту проблему.

ПафНутиЙ 28 февраля 2014 13:35

#3541

выводите в шаблон три допполя и будет три скрина.

malenovski 28 февраля 2014 14:04

#3542

Уважаемы Администратор !!!!
Подскажите пожалуйста как вывести в шаблон три доп.поля / покажите пример пожалуйста.

ПафНутиЙ 28 февраля 2014 14:22

#3543

[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 28 февраля 2014 15:04

#3544

Не как не могу здесь показать свой чуть переделаный код - с которым не получается осуществить задуманное.

Не пропускает, пишет не допустимые теги.

malenovski 28 февраля 2014 15:36

#3545

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

Вот скрин:

Пример

sidorivan 29 июня 2014 02:24

#3840

Привет ребята помогите плиз, сделал так картинку через доп поле
[xfgiven_poster][full-link]<img src="[xfvalue_poster]" alt="{title}" width="90" height="125" border="0">[/full-link][/xfgiven_poster]
А она отображается вот так
Скриншот

Хочу сделать чтобы при клике на картинку перекидывало на полную новость, а не открывалось оригинальное изображение, когда делаешь просто доп. полем [xfvalue_poster] именно так и происходит, но мне нужна ссылка на полную новость, помогите разобраться где копать!

hahol_2030 8 октября 2014 19:06

#4207

Еще раз привет нужно помощь Как можно сделать чтоб на движке dle 10.3 сделать чтоб вместо обычного атача (attachments) сделать картинкой пример ниже

Нужно так

А не так

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

Помогите пожалуйста

deamon 1 декабря 2015 18:52

#5275

Я загружаю много картинок через доп поле и они отображаются все вертикально и большие а мне надо чтобы они были маленькие, кликабельны на увеличение и в горизонт с переносом если больше 5. ну уже всё перерыл и никак не могу сделать. помогите recourse

ПафНутиЙ 1 декабря 2015 18:57

#5276

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

deamon 1 декабря 2015 19:15

#5277

Если чесно я нуб в html но быстро учусь)) перефразируйте пожалуйста на более менее понятный язык.

ПафНутиЙ 1 декабря 2015 19:26

#5278

html тут совсем не при чём.
Это элементарные настройки движка и конкретного допполя.

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

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

Информация

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

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

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

Комментарии

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