Artykuły

Jak zainstalować panel z zakładkami.

Panel zakładki, menadżer tabs.


Bardzo łatwa instalacja w szablonach CMS używających stylu CSS, Bootstrap. PHP Fusion v9 również używa tego stylu CSS.


.

Zakładki Bootstrap

Jeszcze nie tak dawno, aby zainstalować taki dodatek na stronę WWW,
musowo było budować specjalne panele, ponieważ w PHP Fusion v7,
nie był używany styl CSS.Bootstrap. Jednak wszystko się zmieniło w PHP Fusion v9.
Dzisiaj możemy takie zakładki wstawiać na dowolną stronę, bezpośrednio w edytorze tekstu.
Bootstrap ma wbudowaną wtyczkę JavaScript, która umożliwia łatwe tworzenie
zakładek na stronach internetowych.
Możliwe to jest również w innych szablonach CMS, które nie używają stylu CSS Bootstrap.
Jest to kwestia dołączenia kilku klas CSS i inicjowania tabulatorów przez atrybuty danych lub JavaScript.
W przypadku CMS PHP Fusion v9 oryginalny wygląd jest uzależniony od rodzaju skórki, motywu, la_jutu.
Kolory przycisków oraz tła możemy dowolnie modyfikować poprzez dodanie niewielkiego stylu CSS.
Postaram się to pokazać na kilku stronach demo.
Oczywiście, możliwe jest w edytorze tekstu wstawienie czystego kodu w HTML.
Ewentualnie zależnie od wersji PHP Fusion v9 linku do zewnętrznego pliku JS.
Nie wstawimy skryptów, napisanych w PHP.
Jeśli chcielibyśmy wstawić jakieś skrypty w PHP, będziemy musieli skorzystać z dwóch opcji.
Pierwsza możliwość to oczywiście tak zwane własne strony, które korzystają z szablonu PHP Fusion v9.
Druga możliwość polega na zbudowaniu panela.
Zbudowanie własnej strony, jak i własnego panela, nie wymaga żadnej wiedzy z programowania.
W kolejnych zakładkach napiszę jak to zrobić i wstawię kod w HTML oraz wyjaśnię budowę paneli.
Wymagania to odrobinę chęci oraz umiejętność czytania na poziomie szkoły podstawowej.

Zalety zakładek Bootstrap



Ułatwienie dla użytkowników internetu w szybkim odnajdywaniu poszukiwanej treści na stronie www.
Czysta i przejrzysta strona, co zwiększa jej czytelność i sprawia, że jest bardziej atrakcyjna dla odbiorcy.
Responsywność strony - zakładki dostosowują się do różnych rozdzielczości ekranu,
co ułatwia korzystanie z witryny na różnych urządzeniach mobilnych.
Łatwość w tworzeniu i personalizacji zakładek dzięki prostemu i intuicyjnemu interfejsowi Bootstrap.

Co to oznacza, że strona jest responsywna?



Jest to właściwość strony internetowej, która oznacza, że jej wygląd i układ
dostosowują się automatycznie do rozmiaru ekranu urządzenia z którego jest przeglądana.
Dzięki temu, strona jest czytelna i łatwa w nawigacji zarówno na komputerze, jak i na tabletach czy smartfonach.
15-04-2023

0 komentarzy

Pozostaw komentarz

G
CAPTCHA ImageRefresh Image
  • Żadne komentarze nie zostały dodane.

Komentarze

2014 - 2024 © nw.ct8.pl
Polityka prywatności
kontakt

Powered by PHPFusion. Copyright ©2024 PHP Fusion Inc.
Released as free software without warranties under GNU Affero GPL v3.
Theme by PHP Fusion Inc