Как добавить новости в формате HTML в Gizmo
Youtube, изображения и ссылки
Dmitry Pominov
Последнее обновление 2 месяца назад
Gizmo поддерживает возможность показывать свои новостные блоки в Gizmo Client с интеграцией видео с Youtube, iframe элементов, ссылок и изображений.
Добавление новостей
Окно редактирования новости включает в себя следующие блоки:
1. Название
2. Текст или HTML - позволяет редактировать новостной блок используя HTML и СCS.
3. Дата начала и дата окончания - позволяет заранее подготовить новость и выбрать когда она будет отображаться
4. URL - позволяет вставить ссылку на источник. После добавления отображается кнопка Смотреть подробности , при нажатии на которую будет открыт браузер по умолчанию и выполнен переход по ссылке
5. Медиа URL - позволяет вставить ссылку на видео, например, с Youtube и смотреть его прямо в Gizmo Client
7. Пользовательский шаблон - Переключатель позволяет отображать текст илиHTML код, введенный Вами в пункте 2, “как есть” без встроенных стилей, интерактивных кнопок URL/Медиа URL и разметки Gizmo.
Добавление Текста, HTML и Iframe
Вы можете использовать любой онлайн / оффлайн HTML-редактор, отформатировать текст и скопировать исходный код в тело новостной статьи в Gizmo.
http://bestonlinehtmleditor.com/ это бесплатный онлайн-редактор HTML WYSIWYG, который вы можете использовать!
В случае, если Вам необходимо добавить динамический контент с интернет страницы, Вы можете воспользоваться тегом IFRAME.
IFRAME позволяет добавить в новость полноценный сайт, видео и прочий контент.
Примеры и дополнительные iframe атрибуты можно найти на сайте.
Добавление изображения
Для добавления изображения достаточно будет использовать тег Img с атрибутами width и height для задания размеров изображения и атрибутом src для указания пути к изображению.
Значения длины и высоты изображения 740х380 и 840х420 для FullHD и 2K мониторов соответственно.
Чтобы использовать свои изображения, у вас есть 2 варианта:
Вариант 1
Скопируйте свои изображения внутрь папки static вашего скина
C:\Program Files\NETProjects\Gizmo Server\skins\Next\static
и используйте путь https://static/fileName
<html>
<body>
<img width="740" height="380" src="https://static/eva.jpg">
</body>
</html>
Вариант 2
Загрузите изображение на бесплатный хостинг изображений, например, https://postimages.org/ , а затем используйте предоставленную прямую ссылку.
<img width="740" height="380" src="https://3dnews.ru/assets/external/illustrations/2023/03/22/1083857/0.jpg">
Добавления видео с Youtube
Для добавления видео с Youtube достаточно скопировать ссылку на него из адресной строки браузера и вставить в поле Медиа URL
RSS-канал
В правом верхнем углу Gizmo Client возможно отображать новости из RSS-канала
Окно редактирования RSS включает в себя следующие блоки:
1. Название
2. Максимальное кол-во - количество новостей из RSS-канала, которые будут отображаться сменяя друг друга
3. URL - позволяет вставить ссылку на RSS-канал
Пример:
http://www.stopgame.ru/rss/rss_news.xml
