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

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

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

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

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

Хотите поддержать выход и поддержку бесплатных дополнений для InstantCMS?
Дополнения для InstantCMS поддерживаются и обновляются мной уже более 3-х лет!
InstantCMS (c) 2018 | Template create on SiteKreator addon

Warning: Unknown: write failed: No space left on device (28) in Unknown on line 0

Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/www/kreator/data/bin-tmp/) in Unknown on line 0