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

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

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

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
203
RSS
Нет комментариев. Ваш будет первым!

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

Хотите поддержать выход и поддержку бесплатных дополнений для InstantCMS?
482 15 руб. 19.01
Гость 5 руб. 17.01
красн 200 руб. 16.01
vladimird 200 руб. 10.01
unlocked 50 руб. 09.01
lakomet 100 руб. 09.01
EAstomin 1 руб. 09.01
EAstomin 1 руб. 08.01
Гость 1 руб. 08.01
Марина 5 руб. 07.01
Марина 5 руб. 07.01
EAstomin 1 руб. 07.01
Гость 15 руб. 05.01
Марина 20 руб. 04.01
Марина 15 руб. 03.01
Марина 15 руб. 02.01
vikont 500 руб. 31.12
vladimird 100 руб. 29.12
vikont 250 руб. 28.12
vladimird 100 руб. 28.12
Milyana 150 руб. 27.12
shuma 15 руб. 26.12
lakomet 50 руб. 25.12
Лиловая Лиса 100 руб. 25.12
vladimird 100 руб. 24.12
Лиловая Лиса 50 руб. 24.12
THEfUm3 100 руб. 21.12
lakomet 100 руб. 21.12
Вы новичок? Найдите информацию или задайте свой вопрос на форуме.
InstantCMS (c) 2018 | Template create on SiteKreator addon