Как изменить стили виджета?

Как изменить стили виджета?

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

RSS-лента для InstantCMS

Считаю что данный виджет отлично выполняет возложенные на него функции, но мне захотелось: 1) Скрыть строку отображающую раздел ссылок и время. 2) Сделать в нем ссылки открывающиеся в новом окне.

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

Рассмотрим способ с компонентом SiteKreator.

Достаточно зайти в настройки компонента в раздел «Скины» и создать новый скин, где мы добавим дополнительные стили, которые скроют ненужную строку в виджете и небольшой Js-скрипт, который сделает ссылки, открывающимися в новом окне.

Во вкладке css пишем:

.rss_widget.widget_content_list .details {
	display: none;
}
 

Во вкладке js пишем:

$(function(){
	$('.rss_widget .title a').attr('target', '_blank');
});
 

Не забываем указать на каких страницах включить скин (* — для всех страниц, / — для главной страницы) и включаем виджет после создания.

PROFIT!

Поблагодарить:
автора записи
19:08
420
RSS
Нет комментариев. Ваш будет первым!

Бесплатнометр

Хотите поддержать выход и поддержку бесплатных дополнений для InstantCMS?
Вы новичок? Найдите информацию или задайте свой вопрос на форуме.
InstantCMS (c) 2018 | Template create on SiteKreator addon