Модуль Newscast - последние известия сайта

Идею модуля предложила британский веб разработчик Claudia Romano из CodyHouse с целью дать новостной странице современный интерфейс. Адаптация модуля и усиление его функциональных возможностей выполнены в Impera CMS. Демо картинки для публикаций взяты от автора Daniela Cuevas с сервиса Unsplash - банк бесплатных фотографий высокого разрешения.

Как об этом рассказала Claudia

Источник codyhouse.co/gem/2-blocks-template (страница на английском языке).

2 июля 2015 года: Сегодняшний самородок - простой шаблон, вдохновленный удивительным веб-сайтом Dropbox Guide. На более широких устройствах контент разделён в два главных контейнера. Когда пользователь прокручивает контент с помощью навигации, следующий контент накладывается на предыдущий. На устройствах меньшего размера получаем простую галерею публикаций с выезжающей панелью, содержащей дополнительную информацию.

Живое демо на CodyHouse codyhouse.co/demo/2-blocks-template/index.html

Claudia Romano - веб разработчик, любитель теории Большого Взрыва и хорошего питания. Соучредитель CodyHouse - бесплатной библиотеки HTML, CSS, JS самородков и Nucleo - библиотеки адаптивных иконок.

Что предложила Impera CMS

Идея понравилась, а далее - по сложившейся традиции, - адаптация, доработка, небольшой рестайлинг до приведения идеи к готовой реализации. И сразу покажем, как выглядит на мобильных устройствах.

Вот так выглядит на десктопах. Более детально можно рассмотреть на демо сайте по ссылке ниже.

Ссылки

Живое демо demo.imperacms.com/newscast?theme=modules

Скачать модуль imperacms.com/files/media/Newscast.zip (модуль бесплатен для пользователей Impera CMS).

Файлы модуля

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

• css
  • mod-newscast.css - стили модуля
• html
  • mod-newscast.htm - страница модуля
• images
  • mod-newscast-demo - папка с демо картинками (можете удалить на реальном сайте)
    • instructions-1.png - скриншот формы добавления модуля
    • news-1.jpg - новость 1
    • news-2.jpg - новость 2
    • news-3.jpg - новость 3
    • news-4.jpg - новость 4
  • mod-newscast-nophoto.png - картинка "нет фотографии"
• js
  • mod-newscast.js - скрипт модуля

Обсуждение

«Сергей | 14 июл 13:51

Не вижу где код счетчиков аналитики.

Ответить

«Impera CMS | 14 июл 16:04

Спасибо за подсказку. Добавил перед закрывающим тегом body. Можете качать обновлённую версию модуля.

Кто предпочитает срабатывание аналитики вперёд загрузки основного контента страницы, может перенести счётчики после открывающего тега body. Такое размещение аналитических скриптов любят сеошники, чтобы отслеживать и посещения страниц, прерванные до окончания загрузки. Однако нужно учесть, что счётчики впереди страницы могут притормаживать её загрузку на время подкачки счётчиков/скриптов, если у тех явно не обозначен признак асинхронной загрузки.

Ответить

Написать комментарий

Ваш комментарий:

Как вас назвать:Код с картинки: Отправить

Нажатием кнопки "Отправить" даю согласие на обработку моих данных службами сайта.

Допустимые теги:опционально парные: [shot=image-url]alt[/shot] [link=page-url]txt[/link]
всегда парные: [quote]src[/quote] [code]src[/code]
одинарные: [youtube=video-url]
и символы: « »

Другие обсуждения »