Layout templatki zawiera ustawienia pozwalające na zdefiniowanie szerokość templatki ( łącznie z szerokością dla telefonów komórkowych, tabletów i innych urządzeń mobilnych), jak również schematu rozmieszczenia kolumn oraz dodatkowe parametry dla widoku strony głównej templatki.


1_600x125-equal_images_faq_hct_hct-template-layout

Ta zakładka podzielona jest na dwie sekcje:
  • Main Layout - globalne ustawienia layout'u dla wszystkich stron.
  • Frontpage - opcjonalne ustawienia dla strony głównej.

 

Ustawienia zakładki Main Layout.

2_600x414-equal_images_faq_hct_hct-template-layout-main

Template width - pozwala na ustawienie stałej bądź płynnej szerokości templatki.

Fixed width: oznacza, że szerokość templatki będzie taka sama niezależnie od rozdzielczości ekranu. Jeśli wybierzesz tę opcję pod spodem zobaczysz pole "Specified template width".  Podana wartość zapisana będzie w kodzie templatki w pixelach.


3_600x85-equal_images_faq_hct_hct-template-layout-main-fixed

Fluid width: oznacza, że szerokość templatki będzie dopasowywać się do wielkości okna przeglądarki oraz rozdzielczości ekranu, na którym templatka jest wyświetlana. Jeśli wybierzesz tę opcję pod spodem zobaczysz pole "Fluid template width". Podana wartość zapisana będzie w kodzie templatki w procentach.


4_600x84-equal_images_faq_hct_hct-template-layout-main-fluid

Scheme variation -  Layout templatki zawiera trzy główne kolumny - lewa, komponent, prawa. W tym miejscu możesz wybrać kolejność wyświetlania tych kolumn.

Left column width - podaj szerokość lewej kolumny w procentach.

Right column width - podaj szerokość lewej kolumny w procentach.

Uwaga: Szerokość kolumny komponentu będzie oblczona automatycznie na podstawie wprowadzonych szerokości prawej i lewej kolumny

[szerokość komponentu = 99,9% - ( szerokość lewej kolumny + szerokość prawej kolumny)]

Tablet width - można podać tutaj maksymalną szerokość templatki dla urządzeń typu Tablet.

Uwaga: urządzenia typu tablet, korzystać będą z innego layout'u niż ten stosowany do monitorów stacjonarnych. W dokumentacji Twojej templatki znajdziesz więcej informacji na temat, jak dostosowuje się ona do rozdzielczości ekranów tabletów.

Mobile width - można podać tutaj maksymalną szerokość templatki dla telefonów komórkowych.

Uwaga: telefony komórkowe, korzystać będą z innego layout'u niż ten stosowany do monitorów stacjonarnych. W dokumentacji Twojej templatki znajdziesz więcej informacji na temat, jak dostosowuje się ona do rozdzielczości ekranów telefonów komórkowych.

 

Ustawienia zakładki Front page layout.

Jest to bardzo użyteczna dodatkowa opcja, której możesz potrzebować na swojej stronie.

Może być zastosowana jeśli chcesz ustawić inny layout dla strony głównej niż dla pozostałych stron.

Ustawienia ponizej zastosowane zostaną tylko do strony głównej.


5_600x288-equal_images_faq_hct_hct-template-layout-frontpage

 

Layout option - włącz tę opcje jeśli chcesz ustawić inny layout dla strony frontowej.

Uwaga: Jeśli zostawisz tę opcję wyłączoną "Disabled", strona główna korzystać będzie z głównych (globalnych) ustawień layout'u.

Scheme variation - zobacz opis dla  zakładki "main layout"

Left column width - zobacz opis dla  zakładki "main layout"

Right column width - zobacz opis dla  zakładki "main layout"