Jump to content
Sign in to follow this  
  • entries
    44
  • comments
    0
  • views
    60210

IP.Board 4 - Szablony - Tryb prostego edytora

Kilka lat temu IPS zrewolucjonizował edycję skinów w IP.Board dodatkiem "Wizualny edytor stylów". Narzędzie to pozwala w szybki sposób zmienić kolorystykę naszego skinu tak aby była dopasowana np. do naszej strony. Niewątpliwie zaletą tego rozwiązania jest to, że efekt pracy widzimy w trybie rzeczywistym.

Żegnaj wizualny edytorze, witaj trybie prostego edytora

W wersji IP.Board 4 narzędzie to zostało przepisane od podstaw, a przy okazji zmieniono mu także nazwę. Od teraz jest to także integralna część pakietu, a nie licencjonowany dodatek. Dodatek zachowuje swoją dotychczasową funkcjonalność, ale ma znacznie lepszy interface, większą kontrolę oraz wsparcie gradientów. Sprawdźmy jak to wygląda!

Kiedy tworzysz nowy szablon, możesz go utworzyć w jednym z dwóch trybów: manualnym oraz prostego edytora. Jak można się spodziewać, tryb manualny pozwala na pełną edycję HTML i CSS. Tryb prostego edytora pozwala natomiast na łatwą edycję szablonu z podglądem na żywo.

blogentry-62-0-59021600-1386677464.png

Po dodaniu szablonu możesz go uruchomić z listy szablonów dostępnej w panelu administratora, klikając w przycisk różdżki. Jeśli potrzebujesz nadal możesz edytować szablony HTML i CSS.

blogentry-62-0-78821000-1386683903.png

Tryb prostego edytora jest uruchamiany w nowym oknie przeglądarki lub nowej zakładce (w zależności od ustawień przeglądarki). Warstwa z pływającą paletą znana z IP.Board 3 była trochę kłopotliwa, gdyż zajmowała sporo miejsca i trzeba było ją przenosić, żeby zobaczyć zmiany. W IP.Board 4 został stworzony sidebar, który jest umieszczony na stałe i oznacza to, że nie musimy przeładowywać strony, żeby zobaczyć zmiany.

blogentry-62-0-61720100-1386683902.png

Można szybko zmienić kolorystykę szablonu używając opcji koloryzacji. Pozwala to zmienić szybko i łatwo kolorystykę skinu.

blogentry-62-0-62531300-1386677465.png

Ograniczeniem wizualnego edytora skinów w IP.Board 3 było to, że jeśli gdzieś były gradienty, to nie mógł on sobie z nimi poradzić i je usuwał, zastępując je samym kolorem. Tryb prostego edytora w IP.Board 4 obsługuje już gradienty i takiego problemu nie będzie.

blogentry-62-0-77778500-1386677468.png

Niektóre z fantastycznych nowych ustawień skinów, w które wyposażony został IP.Board 4 są dostępne do edycji w panelu ustawień. Jest to naprawdę szybki i wygodny sposób na zmianę tych ustawień.

blogentry-62-0-65735800-1386677469.png

Chociaż prosty edytor pozwala zmienić większość kolorów w ramach oprogramowania, może się zdarzyć, że będziesz chciał napisać kilka reguł CSS, aby dopasować skin do swoich potrzeb. Mamy na to także rozwiązanie.

blogentry-62-0-65836200-1386677466.png

Możesz zostawić skin w trybie prostego edytora tak długo jak będziesz chcieć. Można jednak zdecydować, że chcemy trochę więcej kontroli i musisz zmienić coś w CSS'ach. Jest to łatwe do zrobienia. Wystarczy wybrać opcję konwersji szablonu do trybu manualnego.

blogentry-62-0-40063400-1386677463.png

Nigdy wcześniej tworzenie skinów nie było tak proste! Dzięki temu narzędziu możemy w prosty sposób stworzyć własny skin, a zmiany obserwować w trybie rzeczywistym.



0 Comments


Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

W celu świadczenie usług przez nasz Serwis na najwyższym poziomie, w ramach Serwisu wykorzystujemy pliki Cookies (tzw. ciasteczka). Korzystając ze stron Serwisu IPSBEYOND.PL bez zmiany ustawień przeglądarki będą one zapisane w pamięci urządzenia. Jeżeli nie dokonacie Państwo zmiany ustawień przeglądarki internetowej to wyrażacie zgodę na zapisywanie plików Cookies.