Styl tekstu

Krok 2 - Wzorzec graficzny >

Styl tekstu

Previous pageReturn to chapter overviewNext page

Polecenia na tej karcie służą definiowania stylu dostępnego dla elementów tekstowych w witrynie.

Styl na ogół definiuje się jako zbiór ustawień formatujących tekst i grafikę stosowanych do elementów, których wygląd zmienia. Stosując dany styl można w pojedynczej operacji zastosować kilka różnych formatowań.

Najpierw trzeba wybrać Element strony, którego styl chce się zdefiniować. Wyboru należy dokonać z menu rozwijanego albo kliknąć żądany element na podglądzie.

Oto elementy strony, dla których można zdefiniować styl:

Tytuł strony: To jest tytuł strony witryny. Tytuły stron są nazwami stron nadanymi im podczas budowania mapy witryny w oknie Tworzenie mapy witryny albo jest to, jeśli został określony, Rozszerzony tytuł strony tworzony w oknie Właściwości strony.

Ścieżka dostępu do strony: Odnosi się do tekstu, który pojawia się bezpośrednio pod tytułem strony i podaje ścieżkę dostępu, jaką ma w witrynie dana strona (pomaga gościowi witryny zorientować się, gdzie się znajduje). Pogram tworzy ścieżkę dostępu automatycznie.

Nagłówki: Akapitom i podakapitom na stronie można przypisać styl nagłówkowy. Istnieje możliwość zdefiniowania do 6 poziomów nagłówków. Gdy w edycji Pro w oknie Statystyki, optymalizacja SEO i kod |  SEO zostanie zaznaczone pole wyboru Ustaw tagi H1...H6 dla nagłówków wzorca, wtedy zastosowanie stylu nagłówkowego w tekście powoduje automatyczne zastosowanie tagów <h1>..<h6>.

Tekst strony: To jest tekst poszczególnych akapitów wpisywanych w edytorze Tekst. Określony tutaj styl jest stosowany domyślnie do wszystkich tekstów wpisywanych w edytorze Tekst. Gdy styl jest modyfikowany, wszystkie wystąpienia tekstu, do którego został zastosowany ten styl, są automatycznie aktualizowane. Można oczywiście wprowadzać za pomocą poleceń edytora dalsze zmiany formatu, które w każdej chwili można wyczyścić za pomocą przycisku Usuń formatowanie.

Styl tekstu strony jest także stosowany do tekstów wstawianych przez program automatycznie, na przykład na stronach strefy użytkownika, w blogu, w wynikach wyświetlanych po kliknięciu pola Szukaj i w mapie witryny.

Czcionka wybrana dla tego elementu służy jako Czcionka domyślna tekstów witryny i pojawia się w menu rozwijanym Czcionka służącym do wyboru kroju czcionki.

Link: Odnoszą się do hiperłączy tekstowych tworzonych w oknie Tekst. Link zmienia wygląd w zależności od swojego stanu: aktywny, pod wskaźnikiem myszy lub odwiedzony. Wizualne rozróżnienie linku aktywnego od już odwiedzonego pomaga gościowi witryny poruszać się po niej, gdyż widzi, których hiperłącza były już używane.

Pole / Przycisk: To są pola i przyciski wykorzystywane w obiektach Formularz kontaktowy, Obiekt Szukaj lub sklep internetowy, polach zaloguj/wyloguj przy dostępie do obszaru chronionego hasłem itd. Gdy tworzy się nowy Formularz kontaktowy, wtedy styl użytych w nim pól i przycisków jest domyślnie zdefiniowany właśnie tutaj. Później styl danego formularza można zmienić za pomocą opcji na karcie Formularz kontaktowy | Styl.

Przycisk Przewiń na początek: To jest przycisk wróć na górę, który umieszczony na dole strony pomaga gościowi witryny szybko przenieść się z powrotem na początek strony bez konieczności przewijania.

Jeżeli zostanie wybrany jakiś Element strony, można użyć następujących opcji w grupie Styl do modyfikacji jego wyglądu:

Widoczność: Pozwala zdecydować, czy wybrany element strony ma być widoczny, czy nie. Ta opcja nie jest dostępna dla elementu Nagłówki, Tekst strony oraz różnych stanów hiperłączy, pól i przycisków formularzy, których nie można ukryć. Ukrycie elementu na stronie nie oznacza usunięcia go z kodu strony. Oznacza tylko tyle, że element nie jest wyświetlany po opublikowaniu kodu strony.  Ukryć można na przykład Tytuł strony i w jego miejsce wstawić obraz, zamiast tekstu, ale to nie oznacza, że tag <title> zostanie usunięty z kodu HTML.
Element: Tutaj można zdecydować, który poziom nagłówków (Nagłówek 1 - Nagłówek 6) lub rodzaj linku (Link aktywny / Link pod wskaźnikiem myszy / Link już odwiedzony) ma być zdefiniowany jako styl.
Kolor tła / Kolor tekstu: Z palety kolorów można wybrać kolor tła oraz tekstu wybranego elementu strony. Nie można zmienić koloru tła elementu Tekst strony, ponieważ zależy on od wzorca, jaki został wybrany (patrz Wybór wzorca) oraz ustawień Styl obiektu, jaki określono dla obiektu Tekst. Podobnie, nie da się zdefiniować koloru tła elementu Przycisk Przewiń na początek, ponieważ zależy on od wybranego stylu.
Czcionka: Określa czcionkę, styl i rozmiar zastosowany dla tekstu. Menu rozwijane podaje listę bezpiecznych czcionek, czyli takich, które można znaleźć na każdym urządzeniu i działają we wszystkich przeglądarkach, oraz wszystkich czcionek Google i czcionek sieciowych, które zostały zaimportowane w oknie Czcionki sieci Web (otwieranym poleceniem Inne typy czcionek ).
Wyrównanie: Określa sposób wyrównania elementu strony: do lewej, do środka lub do prawej. To ustawienie nie jest dostępne dla pól i przycisków oraz różnych stanów linków, ponieważ wyrównanie łącza jest zdeterminowane przez Tekst, dla którego jest zdefiniowane, niezależnie od stylu tekstu.
Styl tekstu: Ta opcja jest dostępna tylko dla linków w ich różnych stanach (np. odwiedzony) i może mieć wartość normalny lub podkreślony.
Wskaźnik: Ta opcja jest dostępna tylko dla elementu Link aktywny i jest automatycznie przyjmowana przez dwa pozostałe stany linków. Pozwala wybrać wygląd wskaźnika myszy nad hiperłączem. Kliknij przycisk i wybierz plik .CUR, .ICO lub .ANI.
Kolor krawędzi: Tu można określić kolor krawędzi, jakie będą miały elementy Tytuł strony, Ścieżka dostępu do strony, Pole i Przycisk formularza oraz Menu w stopce.
Grubość: Tu można wybrać grubość wszystkich lub pojedynczych krawędzi elementów Pole i Przycisk występujących w formularzu.
Zaokrąglone narożniki: Określa, na ile mają być zaokrąglone narożniki elementów Pole i Przycisk w formularzu, przy czym można podać inną wartość dla każdego narożnika.
Margines: Tu można ustawić (w pikselach) margines dla tekstu elementów Pole i Przycisk występujących w formularzu. W tym przypadku zamiast Nagłówki, ustawiany jest odstęp na górze lub na dole.
Cień: Wewnątrz elementu Pole można zrobić efekt cienia, podając kolor, położenie odsunięcie i wielość.
Margines poziomy: Poziomy margines można określić dla elementów Tytuł strony, Ścieżka dostępu do strony i Menu w stopce.
Styl: Tutaj wybiera się styl graficzny przycisku wróć na górę. By ułatwić gościowi witryny korzystanie z niego, dla tego przycisku efekt pod wskaźnikiem myszy jest stosowany automatycznie.