Responzívny textový blok

Prispôsobenie štýlu textu pre počítač a mobilné zariadenia odlišne

Neustále pracujeme na našej najnovšej viacúčelovej téme Citadela WordPress a jej pluginoch. Nedávno sme pridali skvelú funkciu pre používateľov WordPress Gutenberg. Nový blok pomáha vytvoriť pútavú sekciu. Získajte aktualizáciu zadarmo a vytvorte si dokonalé webové stránky.

Typografia je pri vytváraní akejkoľvek webovej stránky kľúčovou zložkou. Typ, veľkosť a rozstupy písma určujú čitateľnosť. Dobre vyzerajúca a profesionálna webová stránka neodvádza pozornosť návštevníkov od čítania. Odporúčali by sme zvoliť nejaké štandardné písmo.

Responzívny textový blok umožňuje prispôsobiť textový blok iným spôsobom pre počítač a mobilné zariadenia. K dispozícii je mnoho nastavení, ktoré máte pod kontrolou. Sú oddelené pre zobrazenie na počítačoch a mobilných zariadeniach. Môžete nastaviť bod zlomu na šírku mobilného zariadenia, zarovnanie textu, veľkosť písma, farbu, medzery a iné. Vďaka kompletnej knižnici písiem Google možno zobraziť efektný text.

Blok Responzívny text je k dispozícii na stránke, v príspevku alebo na špeciálnych stránkach Citadela. Tento blok Responzívny text môžete použiť ako názov stránky. Skryte preddefinovaný názov stránky prostredníctvom nastavenia Dokument v oblasti Gutenberg Inspector.

Blok Responzívny text má tieto možnosti:

• Písmo Google pre zobrazený text
• vyberte značku HTML pre text, k dispozícii je značka odseku a značky nadpisov 1 - 6
• rôzne zarovnanie textu pre obrazovku počítača a mobilného zariadenia
• rôzne veľkosti písma v rôznych jednotkách pre obrazovku počítača a mobilného zariadenia
• rozdielna výška riadkov pre obrazovku počítača a mobilného zariadenia
• medzery medzi písmenami pre text
• vypnúť predvolené okraje, aby sa okolo textu vytvorili vlastné medzery
• text a farba pozadia
• štýl písma kurzíva
• podčiarknutie a riadkovanie textu

Nastavenie typografie webovej stránky

Zvyčajne je jedným z prvých krokov po inštalácii WordPress a témy prispôsobenie. Môžete si vybrať z mnohých fontov Google. Nastavenia typografie vo WordPress sa nachádzajú v časti Vzhľad → Prispôsobiť → Vzhľad → Typografia. Vyberte si písmo Nadpisy a Text tela. Môžete tiež vybrať hrúbku písma pre Nadpisy. Majte na pamäti, že celá webová lokalita by mala byť príjemným prostredím, aby si návštevníkov udržala čo najdlhšie. Preto je potrebné dodržiavať niektoré štandardy.

Nechcete používať nejaké extravagantné písma pre hlavný text. Veľkosť písma témy WordPress je navrhnutá tak, aby bola čitateľná v rámci celej webovej stránky, každej sekcie a podstránky.

Fantastická textová oblasť

Často by ste však chceli vytvoriť špeciálnu sekciu, ktorá by upútala pozornosť. Ako vytvoriť nejaké krásne a efektné oblasti s módnym písmom? Preto sme vytvorili blok Responsive Text. Jeho ovládanie je jednoduché.

Responsive Text block prináša dokonalý spôsob, ako sa hrať s typografiou. Môžete si prispôsobiť iba jeden nadpis alebo text s konkrétnym písmom, veľkosťou a rozstupmi. Ba čo viac, tento blok môžete nastaviť odlišným spôsobom pre počítačové a mobilné zariadenia. Zabezpečte, aby text vyzeral perfektne a optimalizujte ho na akomkoľvek zariadení. V kombinácii s ďalšími blokmi, ako je napríklad Cluster, odhaľuje väčší potenciál dizajnu vašej webovej stránky.

Pridanie tohto bloku na vybranú podstránku. Rovnako ako štandardné bloky má svoje menu a nastavenia na pravej strane v inšpektore Gutenberg. Tento blok môžete použiť na štandardnej stránke, príspevku alebo aj na špeciálnych stránkach spolu s pluginom Citadela Directory.

Tento blok umožňuje použiť značku HTML, aby ste mohli nastaviť názov. Môžete sa rozhodnúť pre jednotku veľkosti písma z px, em, vw a potom nastaviť veľkosť písma, výšku riadku a medzery. Pohrajte sa a vyberte si dokonalé písmo Goole. Hneď uvidíte, ako bude váš text vyzerať. Pre tento blok sú k dispozícii aj nastavenia zarovnania textu a farby.

Citlivé nastavenie

Keď označíte možnosť Použiť responzívne možnosti, môžete nastaviť dôležité parametre samostatne pre počítač a mobilný telefón. Zarovnanie textu, jednotka veľkosti písma, veľkosť písma, výška riadku a medzery medzi písmenami. Navyše máte pod kontrolou veľkosť zlomového bodu na šírku mobilného zariadenia.

Všetky Bloky AitThemes pre editor Gutenberg sú súčasťou pluginu Citadela Blocks. Tento zásuvný modul je dôležitou súčasťou skvelého dizajnu webových stránok. Celkovo môžete pomocou štandardného editora WordPress Gutenberg vytvoriť ľahkú a rýchlo fungujúcu webovú stránku. Stiahnite si najnovší zásuvný modul Citadela Blocks.