Responsywny blok tekstowy

Dostosuj styl tekstu inaczej dla komputerów stacjonarnych i urządzeń mobilnych

Nieustannie pracujemy nad naszym najnowszym uniwersalnym motywem WordPress Citadela i jego wtyczkami. Ostatnio dodaliśmy świetną funkcję dla użytkowników WordPress Gutenberg. Nowy blok pomaga stworzyć przyciągającą wzrok sekcję. Pobierz aktualizację za darmo i stwórz idealną stronę internetową.

Typografia jest kluczowym elementem podczas tworzenia dowolnej strony internetowej. Rodzaj czcionki, rozmiar i odstępy określają czytelność. Dobrze wyglądająca i profesjonalna strona internetowa nie odciąga odwiedzających od czytania. Zalecamy wybranie standardowej czcionki.

Responsywny blok tekstu pozwala dostosować blok tekstu w inny sposób dla komputerów stacjonarnych i urządzeń mobilnych. Istnieje wiele ustawień, które masz pod kontrolą. Są one oddzielone dla wyświetlaczy komputerów stacjonarnych i urządzeń mobilnych. Możesz ustawić punkt przerwania szerokości mobilnej, wyrównanie tekstu, rozmiar czcionki, kolor, odstępy i inne. Dzięki pełnej bibliotece Google Fonts można wyświetlać fantazyjny tekst.

Blok tekstu responsywnego jest dostępny na stronach specjalnych Page, Post lub Citadela. Możesz użyć tego bloku tekstu responsywnego jako tytułu strony. Ukryj predefiniowany tytuł strony w ustawieniach dokumentu w obszarze Gutenberg Inspector.

Responsywny blok tekstu ma następujące opcje:

• Czcionka Google dla wyświetlanego tekstu
• wybierz znacznik HTML dla tekstu, dostępny jest znacznik akapitu i znaczniki nagłówka 1 – 6
• różne wyrównanie tekstu dla ekranu komputera i telefonu komórkowego
• inny rozmiar czcionki w różnych jednostkach dla ekranu stacjonarnego i mobilnego
• inna wysokość linii dla ekranu stacjonarnego i mobilnego
• odstępy między literami w tekście
• wyłącz domyślne marginesy, aby ustawić niestandardowe odstępy wokół tekstu
• kolor tekstu i tła
• styl czcionki kursywy
• podkreślenie i przekreślenie dekoracji tekstu

Skonfiguruj typografię witryny

Zwykle jednym z pierwszych kroków po instalacji WordPressa i motywu jest dostosowanie. Możesz wybierać spośród wielu czcionek Google. Ustawienia typografii w WordPress znajdują się w Wygląd → Dostosuj → Wygląd → Typografia. Wybierz tytuły i czcionkę tekstu podstawowego. Możesz także wybrać grubość czcionki dla tytułów. Pamiętaj, że cała witryna powinna być przyjemnym środowiskiem, aby zatrzymać odwiedzających tak długo, jak to możliwe. Dlatego należy przestrzegać pewnych standardów.

Nie chcesz wybierać ekstrawaganckich czcionek dla tekstu podstawowego. Rozmiar czcionki motywu WordPress został zaprojektowany tak, aby był czytelny na całej stronie, w każdej sekcji i podstronie.

Fantazyjny obszar tekstowy

Jednak często chcesz stworzyć specjalną, przyciągającą wzrok sekcję. Jak stworzyć piękne i fantazyjne obszary za pomocą modnej czcionki? Dlatego stworzyliśmy blok Responsive Text. Jest łatwy w obsłudze.

Blok Responsive Text to doskonały sposób na zabawę z typografią. Możesz dostosować tylko jeden tytuł lub tekst za pomocą określonej czcionki, rozmiaru i odstępów. Co więcej, możesz skonfigurować ten blok w inny sposób dla komputerów stacjonarnych i urządzeń mobilnych. Upewnij się, że tekst wygląda idealnie i zoptymalizuj go na dowolnym urządzeniu. W połączeniu z innymi blokami, takimi jak Cluster, odkrywa większy potencjał projektowy dla Twojej witryny.

Dodaj ten blok do wybranej podstrony. Podobnie jak standardowe bloki, ma swoje menu i ustawienia po prawej stronie w Inspektorze Gutenberga. Możesz użyć tego bloku na standardowych stronach, postach, a nawet stronach specjalnych wraz z wtyczką Citadela Directory.

Ten blok umożliwia użycie znacznika HTML, dzięki czemu można ustawić tytuł. Możesz wybrać jednostkę rozmiaru czcionki spośród px, em, vw, a następnie ustawić rozmiar czcionki, wysokość linii i odstępy. Pobaw się i wybierz idealną czcionkę Goole. Możesz od razu zobaczyć, jak wygląda Twój tekst. Dla tego bloku dostępne są również ustawienia wyrównania tekstu i koloru.

Responsywne ustawienie

Po wskazaniu Użyj opcji responsywnych możesz ustawić ważne parametry osobno dla komputerów i urządzeń mobilnych. Wyrównanie tekstu, jednostka rozmiaru czcionki, rozmiar czcionki, wysokość linii i odstępy między literami. Dodatkowo masz pod kontrolą rozmiar punktu przerwania szerokości mobilnej.

Wszystko Bloki AitThemes dla edytora Gutenberg są częścią wtyczki Citadela Blocks. Ta wtyczka jest kluczowym elementem świetnie wyglądającego projektu strony internetowej. W sumie za pomocą standardowego edytora WordPress Gutenberg możesz zbudować lekką i szybko działającą stronę internetową. Pobierz najnowszą wtyczkę Citadela Blocks.