Domyślny wygląd widgetów

Wydawca portalu CMS4media ma możliwość spersonalizowania wyglądu widgetów. W module Wizualizacja strony → Wygląd szablonów można skonfigurować domyślne ustawienia wyglądu widgetu.
Kliknij aby odtworzyć

Zawartość elementu

Styl zawartości

Ustawienia dotyczą zawartości elementów, więc nie będą wpływały na nagłówek widgetu. 

Rodzaj czcionki ustawiony w tej sekcji ma niższy priorytet niż Domyślna czcionka nagłówków (Ustawienia → Wygląd →Wyświetlanie →Domyślna czcionka nagłówków) oraz ustawienia w sekcji „Styl tytułów”. 

Poniżej przedstawione zostały ustawienia z tej sekcji i wygląd na stronie. Jako domyślna czcionka nagłówków (Ustawienia → Wygląd → Wyświetlanie → Domyślna czcionka nagłówków) było ustawione Noto Sans JP, natomiast w sekcji „Styl tytułów” nie było ustawionego rodzaju czcionki.

 

styl zawartości widget
Dostępne ustawienia stylu zawartości w widgetach.

 

Różne wyglądy zawartości widgetu Aktualności.
Różne wyglądy zawartości widgetu Aktualności.

 

Styl tytułów

Ustawienia z tej sekcji dotyczą tytułów elementów (tytułów artykułów, wydarzeń, firm itd.) i mają najwyższy priorytet. 

Poniżej przedstawiony został wygląd widgetu, w którym w sekcji „Styl tytułów” był ustawiony rodzaj czcionki Montserrat. Czcionka została pogrubiona i ustawiono jej kolor żółty. Taka czcionka została wyświetlona na portalu.

 

Styl tytułów - przykład wyglądu w widgecie Aktualności.
Styl tytułów - przykład wyglądu w widgecie Aktualności.

 

Ustawienia elementów

Kalendarz wydarzeń

 

ustawienia elementów kalendarz wydarzeń
Ustawienia elementów - kalendarz wydarzeń.

 

kolory w kalendarzu wydarzeń
Inny przykład wykorzystania kolorów w kalendarzu wydarzeń.

Ważne! Kolor nazw dni ma mniejszy priorytet niż ustawienie koloru w sekcji „Styl zawartości” oraz „Styl całego elementu”

 

Slider

Jeśli nie zostanie ustawiony w tej sekcji rodzaj czcionki, rodzaj zostanie pobrany z sekcji „Styl zawartości”. Jeśli w sekcji „Styl zawartości” nie będzie ustawiony rodzaj czcionki, zostanie on pobrany z sekcji „Styl całego elementu”.

 

ustawienia slidera widget
Slider.

 

Odliczanie

 

Ustawienia wyglądu widgetu Odliczanie.
Ustawienia wyglądu widgetu Odliczanie.

 

Ustawienia czcionki napisu nad odliczaniem oraz słów „miesiące”, „dni”… są pobierane z sekcji „Styl zawartości”. Jeśli w sekcji „Styl zawartości” nie będzie ustawiony rodzaj, kolor itd. czcionki, zostaną one pobrane z sekcji „Styl całego elementu”.

 

Lista pozostałych artykułów

 

ustawienia wyglądu listy pozostałych artykułów
1. Lista wiadomości z ustawieniami w sekcji Lista pozostałych wiadomości → Styl zawartości: żółty kolor tła, czerwone obramowanie z każdej strony, wewnętrzne odstępy 30px.
2. Lista wiadomości z ustawieniami w sekcji Lista pozostałych wiadomości → Wygląd pojedynczego elementu → Styl zawartości: żółty kolor tła, czerwone obramowanie z każdej strony, wewnętrzne odstępy 30px.
3. Lista wiadomości z ustawieniami w sekcji Lista pozostałych wiadomości → Wygląd pojedynczego elementu → Styl zawartości: żółty kolor tła, czerwone obramowanie z każdej strony, zewnętrzne odstępy 30px.

 

porównanie wyglądu listy pozostałych wiadomości
1. Lista wiadomości bez dodatkowych ustawień
2. Lista wiadomości z ustawieniami w sekcji Lista pozostałych wiadomości → Wygląd pojedynczego elementu → Styl tytułów: powiększony rozmiar czcionki, pogrubienie i zmieniony rodzaj czcionki.

 

Radio (wysuwany widget)

 

Ustawienia wyglądu widgetu Radio (wysuwany widget)
Ustawienia wyglądu widgetu Radio (wysuwany widget)

 

ustawienia wyglądu radio widget wysuwany
Inny przykład, jak może wyglądać wysuwany widget radiowy - zrzuty ekranu przed i po wysunięciu oraz ustawienia w wyglądzie widgetu.

 

Dodatkowe ustawienia

Warstwa ponad zdjęciem

 

dodatkowe ustawienia warstwa ponad zdjęciem
Dodatkowe ustawienia - warstwa ponad zdjęciem.

 

przykłady wyglądu warstwy ponad zdjęciem w widgecie
1. Warstwa ponad zdjęciem z ustawionym czarnym kolorem czcionki, białym częściowo przezroczystym kolorem tła i 30px odstępem z każdej strony.
2. Warstwa ponad zdjęciem z ustawionym białym kolorem czcionki, czarnym częściowo przezroczystym kolorem tła i 10px odstępem z każdej strony.
3. Warstwa ponad zdjęciem z ustawionym czarnym kolorem czcionki, żółtym kolorem tła i bez odstępu z każdej strony.

 

Ważne! Ustawienia warstwy ponad zdjęciem w sekcji Zawartość elementu →  Dodatkowe ustawienia →  Warstwa ponad zdjęciem nie wpływa na slider. 

Edycja warstwy ponad zdjęciem w sliderze jest dostępna w sekcji Zawartość elementu → Ustawienia elementów →  Slider 


Więcej o autorze / autorach:
Podziel się
Oceń