Dotyczy wersji 2022.1.x i powyżej, autor: Dominika Stelmach
Artykuł jest aktualizacją istniejącego artykułu: WEBCON BPS Portal – Personalizacja wyglądu witryny.
Wprowadzenie
Platforma WEBCON oferuje możliwość spersonalizowania wyglądu poprzez zmianę logo oraz motywu strony.
Aby użytkownik miał możliwość modyfikacji wyglądu, musi on posiadać odpowiednie uprawnienia, które nadawane są w narzędziu WEBCON Designer Studio. W polu Administratorzy biznesowi (Konfiguracja systemu → Parametry globalne → Uprawnienia globalne) należy dodać odpowiednich użytkowników.
Nadanie uprawnień do edycji i tworzenia motywów kolorystycznych
Konfiguracja motywu kolorystycznego WEBCON BPS Portal
Aby zmienić wygląd Portalu, należy nacisnąć przycisk Motywy kolorystyczne (menu użytkownika → Administracja).
Przycisk Motywów kolorystycznych
Na ekranie pojawi się lista zdefiniowanych motywów. Portal posiada trzy wbudowane motywy kolorystyczne, które nie mogą być edytowane: WEBCON Light, WEBCON Dark, WEBCON White. Użytkownik ma możliwość stworzenia nowego motywu zupełnie od podstaw lub wykorzystania w tym celu sklonowanego istniejącego motywu.
Aby dodać nowy motyw, należy kliknąć przycisk Nowy motyw.
Dodanie lub edycja nowego motywu
W otwartym oknie konfiguracyjnym motywu możliwe jest dostosowanie go do konkretnych potrzeb.
Konfiguracja motywu kolorystycznego
Kluczową kwestią podczas konfiguracji motywu jest określenie, w jaki sposób będzie on wykorzystywany w systemie; służą do tego następujące opcje:
- Aktywny – motyw oznaczony jako aktywny będzie widoczny na liście dostępnych motywów w Profilu użytkownika. Użytkownik może wybrać dowolny motyw z listy. Jeśli wybrany przez użytkownika motyw zostanie w międzyczasie dezaktywowany przez Administratora biznesowego, wówczas w systemie będzie wykorzystywany motyw ustawiony jako Domyślny.
Wybór motywu z listy
- Domyślny – motyw skonfigurowany jako domyślny jest używany w przypadku, gdy użytkownik po raz pierwszy zaloguje się do systemu lub motyw kolorystyczny, z którego do tej pory korzystał, zostanie dezaktywowany lub usunięty.
- Domyślny dla elementów osadzonych – wybranie tej opcji powoduje, że dany motyw będzie używany przy wyświetlaniu elementów osadzonych systemu, jeżeli w konfiguracji osadzania nie wskazano innego motywu kolorystycznego.
Dla każdego motywu istnieje możliwość zdefiniowania nazwy motywu oraz krótkiego opisu. Ponadto z każdym motywem kolorystycznym powiązany jest plik zawierający logo WEBCON, które wyświetlane jest w górnej części menu nawigacyjnego. Plik ten może zostać zmodyfikowany w taki sposób, aby był zgodny z logiem i kolorystyką konkretnego przedsiębiorstwa. Kolejne opcje definiują wygląd i kolorystykę poszczególnych elementów strony. Po prawej stronie każdej opcji znajduje się opis informujący użytkownika, który dokładnie element strony jest edytowany – aby go wyświetlić wystarczy najechać kursorem na ikonę litery „i” umieszczonej w okręgu.
Konfiguracja tematu – konfiguracja poszczególnych elementów kolorystycznych
Użytkownik ma możliwość wyboru dowolnego koloru z palety barw. Kod koloru można zapisać w formacie HEX, RGB, HSL.
Wybór koloru
Wybór motywu kolorystycznego
Profil użytkownika
Wybór motywu
Przykładowy wygląd motywów wbudowanych w system
Motyw WEBCON Light
Motyw kolorystyczny WEBCON Light
Motyw WEBCON Dark
Motyw kolorystyczny WEBCON Dark