Модуль новостей с картинками для Joomla 2.5 и 3

Модуль новостей с картинками для Joomla 2.5 и 3

123123123

Новости, публикации, статьи или другие разделы являются важной составляющей любого сайта. В связи с этим я сделал очень практичный модуль новостей для Joomla 2.5 и Joomla 3, который обладает всеми необходимыми функциями и настройками.

За счет универсальности настроек модуль может изменять вид выводимых материалов как угодно - от построчной верстки блоков по 3 или 4 в ряд до списка материалов (1 материал в одном ряду). В настройках можно отключать показ того или иного поля, например, заголовка материала или его картинки. По умолчанию модуль выводит 8 последних добавленных материалов по 4 штуки в одном ряду. Модуль отображает картинку, заголовок и краткое описание вашей публикации.

Скриншоты:

Рассмотрим основные возможности модуля:

- Может выводить материалы как с одной, так и с нескольких категорий сразу
- Возможность сортировки материалов (последние добавленные/случайные)
- Есть ограничение по количеству материалов, которые нужно вывести
- Возможность вывести материалы в виде одного, двух, трех, четырех, пяти и шести блоков в одном ряду
- Возможность показать или скрыть заголовок, картинку, краткое описание и дату материала.
- Модуль полностью адаптивен к мобильным версиям! Вне зависимости от настроек, на планшетах будут показаны новости в 2 и 3 колонки, а в телефонах по одному.

Установка:

1. Скачайте модуль bloglatestnews для Joomla 2.5 и 3
2. Процесс установки модуля идет стандартным образом через "Менеджер расширений". После установки в "Менеджере модулей" мой новостной модуль будет называться "Новости с картинками blogprogram.ru" - не забудьте его опубликовать, привязать к пункту меню и выставить позицию модулю.

Настройки:

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

Картинка материала

Во-первых, если картинки, нет, то грузится по умолчанию из поля Картинка по умолчанию. Если в поле Источник картинок выбран первый вариант,  то берется первая картинка прямо из материала Joomla (в формате png, jpg, jpeg, gif, tif).

Если же выбран второй вариант, то из превью материала. Чтобы модуль ее отобразил - загружайте картинку в специальное поле каждого материала. Для Joomla 2.5: Изображения и ссылки (вкладка справа, снизу) -> Изображение для вступительного текста материала. Для Joomla 3: Изображения и ссылки (вкладка сверху) -> Изображение для вступительного текста материала.

- Кол-во материалов - сколько материалов модуль будет выводить

- Кол-во мат-в в одном ряду - сколько блоков в одном ряду выводить. Эффектно смотрятся значения 1-4. Поэкспериментируйте.

Автоподгон размера картинок - Ставьте да, если нужно автоматически подгонять размеры картинок под размеры блоков (это очень упрощает верстку). Это поле работает совместно с полем Высота картинок.

Остальные настройки отключают/включают показ полей материалов и ограничивают длину заголовков, краткого описания в символах. Если вы хотите поменять стиль модуля, то прописывайте перед тегом </body>  свой стиль (обязательно с !important), например:

<style>
.bloglatestnews3 img {opacity: 0.5!important;}
</style>

Обновление 1

11.2017 Модуль обновлен до 3 версии! Добавлены сортировки: по алфавиту, числу просмотров и ручной сортировке материалов (это означает, что вы можете вручную настроить сортировку материалов в категории, а модуль ее повторит), как по возрастанию, так и по убыванию.

Обновление 2

16.01.2018 По многочисленным просьбам теперь длину текста материала можно ограничивать как по количеству символов, так и по количеству слов. Для этого добавлен специальный переключатель. Также после текста можно поставить любой знак, например, многоточие, означающее, что текст не закончен. Если он не нужен, то поставьте один пробел в поле "Многоточие после текста".

Обновление 3

05.2018 Дорогие друзья, обновил модуль до 4.1 версии! В этот раз у вас появится выбор откуда брать картинки с превью материала (старый вариант). Он многим не нравился тем, что приходилось дважды грузить картинки, одну в редактор, вторую в превью. Также появился новый вариант, в котором картинка для модуля берется автоматически из материала Joomla (png, jpg, jpeg, gif, tif). Причем, если их несколько, берется только первая. Также если в списке Автоподгон размера картинок установлено Да, то картинка сама адаптируется под размеры блока, естественно, без искажений.

 

| | Модуль новостей с картинками для Joomla 2.5 и 3 | Новости, публикации, статьи или другие разделы являются важной составляющей любого сайта. В связи с этим я сделал очень практичный модуль новостей для | http://blogprogram.ru/wp-content/uploads/2015/12/123123123-131x131.png

75 коммент. на “Модуль новостей с картинками для Joomla 2.5 и 3”

  1. Стас:

    Здравствуйте! Скажите если первый материал видео ( код iframe или embed ) будет ли это как то отображатся в блоке

  2. Сергей:

    Давно ставил ваш модуль - был, хорош. А теперь смотрю появилась нормальная вытягивалка картинок из текста, это нужная штука!

  3. Денис:

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

  4. Юрий:

    Хочу поблагодарить автора за отличную разработку!
    Модуль сам по себе замечательный, а после доработки вообще идеально вписался в интернет-проект!
    Огромное спасибо!

  5. Юрий:

    Тестирую ваш модуль.
    Вопрос: возможно ли использовать несколько копий модуля на одной странице сайта, с разными настройками?
    И еще один вопрос: возможно ли убрать ссылку, на каких условиях?
    Заранее благодарю за ответы!

  6. Сергей:

    Здравствуйте. Возникла такая проблема: Заголовок новости отображается и привью тоже, а вот описание материала под картинкой не выводится, в настройках все вкл.

    • Сергей:

      Разобрался, текст описания выводится темным цветом, а на темном фоне я не заметил)

  7. blogprogram.ru:

    /modules/mod_bloglatestnews/tmp/default.php

  8. Timon:

    Скачала модуль и столкнулась с такой проблемой. Он красиво выводит новости в ряд 1 и списком вниз. Но при нажатии на новость он открывает ее внизу после всего выведенного списка новостей. А можно ли сделать чтобы новость, на которую нажали открывалась или в новом окне или в окне с затуханием заднего фона? Возможно ли так. Очень жду ответа

  9. Алексей:

    Добрый день!
    Два вопроса:
    1) Как сделать, чтобы при выводе новостей по горизонтали картинка вплотную не соприкасалась с текстом.
    2) Как сделать, чтобы новость открывалась как отдельная страница.

    • blogprogram.ru:

      Перед </body> шаблона можете добавить

      <style> .bloglatestnews3 img { margin: 10px 10px 10px 10px!important; } </style>
      <script> $(".bloglatestnews2").each(function(){ $(this).find('a').attr('target', '_blank'); }); </script>

  10. Андрей:

    Боюсь прозвучит это глупо, но я элементарно не могу выровнять блок к центру. Смещается автоматом в левый край, а на мобильном частично за край.

  11. Валерий:

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

  12. gresserg:

    Здравствуйте! За модуль спасибо. Отличный продукт, что радует - это доступность в перекраивании "под себя", переопределил и в путь за необузданной фантазией... Есть вопрос: необходимо, чтобы материалы не обрывались на середине слова, а последнее слово выводилось целиком. Какие правки нужно внести, чтобы длина текста определялась количеством слов, а не символов? Спасибо.

  13. Павел:

    Модуль делает хорошее дело, однако 2 вопроса
    1. после того как добавил Изображение для вступительного текста материала, в Блоге категории, который выводится в одном из пункте меню, появились картинки оригинального разрешения. КАК их убрать?
    2 про те-же картинки, они теперь высвечиваются в модуле, но как я понял, они не центруюся, всё зависит от количества материала на странице?

    • blogprogram.ru:

      1. Поищите в пункте меню, который для блога настройку, чтобы не показывать картинку вступительную. 2 Не центрируются - используйте css для своих задач

    • Серега:

      Это походу косяк джумлы или я просто не нашел, где скрыть эти картинки. Просто задисплэил картинки и теперь все ок

  14. Ольга:

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

    • blogprogram.ru:

      Это стандартный функционал Joomla. Для этого откройте менеджер материалов, нажмите "Инструменты поиска" и выберите нужную категорию, например, Новости. Далее нажмите на кнопку "Порядок" (маленькие треугольники вверх и вниз перед полем "Состояние"). У вас станут активными напротив каждого материала кнопки (три вертикальные точки). Зажмите мышью на этой кнопке и перетяните материал выше или ниже нужного материала. Порядок автоматически сохранится и продублируется модулем.

    • blogprogram.ru:

      Еще вариант (но это не точно) - У вас должен быть создан пункт меню, например, Новости с типом "Блог материалов", где в "Параметры макета Блога", в поле "Порядок материалов" выбран "Порядок материалов в менеджере". В любом случае надо отталкиваться от "Порядок материалов в менеджере" - настроить его и модуль повторит ручную сортировку категории.

    • Ольга:

      Спасибо! Сработало

  15. Сергей:

    Добрый день, а как сделать сортировка по алфавиту

    • blogprogram.ru:

      Модуль обновил, теперь есть сортировки по алфавиту, просмотрам и порядку в менеджере материалов

  16. Сергей:

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

    • blogprogram.ru:

      Этот модуль не обладает пагинацией, как если бы это был блок или список категорий. Он выводит заданное вами количество материалов сразу на 1-й странице.

  17. Людмила:

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

    • blogprogram.ru:

      По умолчанию картинка сразу 100% по ширине. Возможно ваш css перебивает настройки. Скажите адрес сайта без http - помогу (+ сколько в одном ряду у вас новостей должно отображаться?)

      • Людмила:

        одна новость в ряду (они у меня столбиком идут)

        • blogprogram.ru:

          Поставьте в футере перед Яндекс метрикой: <style>.bloglatestnews3 img {width: 100%!important; } </style>
          Путь к вашему шаблону: /templates/at_conubia_free/ футер находится или в index.php или файле типа footer.php

          • Людмила:

            спасибо огромное! помогло!!!
            суперский модуль!

  18. Евгений:

    Joomla! 3.7.5
    Модуль не выводит изображения на кириллице типа арбуз.jpg . А вот arbuz.jpg отображает.
    Уважаемый разработчик, помоги решить чтобы и на кириллице то ж выводилось и отображалось изображение.

    • blogprogram.ru:

      Так зачем в кириллице грузите - переименовывайте в латиницу без пробелов. Joomla плохо работает с кириллицей в принципе.

  19. игорь:

    модуль простой и клевый.
    вопрос! что где прописать чтобы текст заголовка новости обрезался не по буквам а ...
    и также в интро текста добавить "..."
    спасибо за ответ заранее

  20. Наталия:

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

    • Сергей:

      Нет. Для этого вы можете использовать K2 или блог категории в пункте меню

  21. Олег:

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

  22. стас:

    Скажите а будет работать с joomla 3.7.2 и php 7

  23. Вадим:

    Здравствуйте, спасибо за модуль. Есть ли возможность чтобы в модуле текст был с абзацами, если они есть в статье?

    • Сергей:

      Нет. Там весь html обрезается и выводится краткая часть новости. Ее длину можно ограничивать в настройках.

  24. Сергей:

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

    • Алекс:

      Показывает. Если хотите, чтобы показывал со всех категорий меняйте поле "Категория" (там же можно настроить детально - с какой именно показывать). Модуль работает на основе стандартного модуля новостей. Поэтому не показывать не может. Проверьте не удалены ли материалы, опубликованы ли они. Также, поставьте количество материалов, например не 8, а 60 - возможно у вас их много и все не влезают

      • Сергей:

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

  25. Вячеслав:

    Здравствуйте, модуль хорош, но на сайте отображаються только последние 8 материалов. Как сделать просмотр более поздних материалов?

  26. Алексей:

    Здравствуйте. Модуль просто супер, прям то что надо! Но возникла не большая проблемка.. А именно позиция модуля не по центру, а по левому краю. Подскажите пожалуйста, как сие можно исправить? Спасибо.

  27. серега:

    +1 плагин супер...спасиб

  28. Соня:

    Подскажите, что делать с такой ошибкой, джумла 3.6.5?
    Fatal error: Cannot redeclare class ModArticlesLatestHelper in Z:\home\localhost\www\j254.ru\modules\mod_bloglatestnews\helper.php on line 24

    • Александр:

      Возможно вы уже используете какой-то модуль последних или похожих новостей на той де странице, что и модуль bloglatestnews. Если да, то нужно оставить включенным какой-то один.

  29. Сергей:

    Модуль хороший, но как его разместить в двух местах? Настройки то одни. Размещаешь во втором, настройки берутся из первого

    • Александр:

      Больше одного на странице не устанавливалиcss в помощь

      • Илья:

        Вы неправы! Модуль прекрасно работает. А чтобы в разных местах модуль отображался по разному - создайте первый и выведите его в одном месте шаблона, затем продублируйте в админке модуль с новой позицией и нужными настройками отображения и выведите эту позицию в другом месте вашего сайта.

  30. Сергей:

    Прекрасный модуль! Он очень меня выручил на моем сайте!!

  31. Дмитрий:

    Почему не работает ссылка напротив "Изображение для вступительного текста материала"?

    • Илья:

      не встречал такого, возможно какие-то настройки джумлы блокируют загрузку картинок в вашем движке.

  32. Иван:

    Модуль отличный! Скажите количество материалов в одном ряду можно увеличить с 6 до 10?

  33. Татьяна:

    Здравствуйте! Модуль вообще отличный, есть одно НО, перерыла всю админку и все возможные настройки, никак не могу вывести дату на русском! Изменила вывод в файле default.php на $newDate = date("d M", strtotime($originalDate)); язык сайта русский, но выводится почему-то все равно 21 Oct ((

    • blogprogram.ru:

      Здравствуйте. Можете попробовать просто числами: $newDate = date("d.m.Y", strtotime($originalDate));

  34. Оксана:

    Отличный модуль. Именно то, что нужно! Огромное спасибо разработчикам! Есть только один вопрос, как настраивать модуль, чтобы в мобильной версии заголовки и текст из разных колонок не "наползали друг на друга"? На десктоп смотрится шикарно.

    • blogprogram.ru:

      Именно для вашего сайта можете вставить стиль в css файл:
      @media (max-width:767px){
      .bloglatestnews2 {
      margin-right: 2%!important;
      width: 48%!important;
      }
      .bloglatestnews4 a {
      font-size: 13px!important;
      line-height: 14px!important;
      }
      .bloglatestnews4 {
      height: 36px;
      }
      }

  35. Михаил:

    Просто и понят! ТО что нужно, огромное спасибо разработчикам!

  36. Алексей:

    Модуль работает, благодарю!
    Вот только как настроить его таким образом, чтобы между строчками не было таких гигантских интервалов? Как настроить так, чтобы дата материала и его заголовок находились на одной строке, а не на разных? Если нужно - дам ссылку, покажу как у меня это выглядит.

  37. Азат:

    Много искал.Отличный плагин! Удобный в использований. Все Работает на Ура! Спасибо!

Добавить комментарий для Татьяна Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>