Skocz do zawartości
  • Zarejestruj się

Centrum IP.Board

Zaloguj się, aby obserwować  
  • wpisy
    44
  • komentarzy
    0
  • wyświetleń
    58206

IP.Board 4 - Szablony - Tryb prostego edytora

Spanner

1302 wyświetleń

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 komentarzy


Rekomendowane komentarze

Brak komentarzy do wyświetlenia.

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
×

Ważne informacje

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.