Responsiivinen tekstilohko

Mukauta tekstityyli työpöytä- ja mobiililaitteita varten eri tavalla.

Työskentelemme jatkuvasti uusimman monikäyttöisen Citadela WordPress-teemamme ja sen lisäosien parissa. Viime aikoina olemme lisänneet hienon ominaisuuden WordPress Gutenbergin käyttäjille. Uusi lohko auttaa luomaan huomiota herättävän osion. Hanki päivitys ilmaiseksi ja luo täydellinen verkkosivusto.

Typografia on ratkaisevan tärkeä osa verkkosivustoa rakennettaessa. Kirjasintyyppi, -koko ja -väli määräävät luettavuuden. Hyvännäköinen ja ammattimainen verkkosivusto ei häiritse kävijöitä lukemisesta. Suosittelemme valitsemaan jonkin tavallisen fontin.

Responsiivisen tekstilohkon avulla voit mukauttaa tekstilohkon eri tavalla työpöytä- ja mobiililaitteille. Hallussasi on monia asetuksia. Ne on erotettu työpöytä- ja mobiililaitteiden näyttöjä varten. Voit määrittää mobiililaitteen leveyden katkaisupisteen, tekstin linjauksen, fonttikoon, värin, välin ja muita. Kiitos täyden kirjaston Google Fonts voidaan näyttää fancy tekstiä.

Responsiivinen tekstilohko on käytettävissä Sivulla, Postissa tai Citadela-erikoissivuilla. Voit käyttää tätä Responsive Text -lohkoa sivun otsikkona. Piilota ennalta määritetty sivun otsikko Gutenberg Inspector -alueen Document-asetuksen kautta.

Responsive Text -lohkossa on nämä vaihtoehdot:

  • Google Fontti näytettävää tekstiä varten
  • valitse HTML-tunniste tekstille, käytettävissä ovat kappale- ja otsikkotunnisteet 1 - 6.
  • eri tekstin kohdistus työpöytä- ja mobiilinäytölle
  • eri fonttikoko eri yksiköissä työpöytä- ja mobiilinäytöllä
  • eri rivikorkeus työpöytä- ja mobiilinäytölle
  • tekstin kirjainväli
  • poistaa oletusmarginaalit käytöstä, jotta tekstin ympärille saadaan mukautettu väli
  • teksti ja taustaväri
  • kursivoitu kirjasintyyli
  • tekstin alleviivaus- ja läpivientikoristelu

Sivuston typografian määrittäminen

Yleensä yksi ensimmäisistä vaiheista WordPressin ja teeman asennuksen jälkeen on mukauttaminen. Voit valita monista Google-fonteista. Typografia-asetukset WordPressissä ovat kohdassa Ulkoasu → Mukauta → Ulkoasu → Typografia. Valitse otsikoiden ja runkotekstin fontti. Voit myös valita fontin paksuuden Titlesille. Pidä mielessä, että koko sivuston tulisi olla miellyttävä ympäristö, jotta kävijät pysyvät mahdollisimman pitkään. Siksi joitakin standardeja on noudatettava.

Et halua käyttää yltiöpäisiä fontteja runkotekstissä. WordPress-teeman fonttikoko on suunniteltu siten, että se on luettavissa koko verkkosivuston, jokaisen osion ja alasivun läpi.

Fancy tekstialue

Usein haluat kuitenkin luoda erityisen huomiota herättävän osion. Miten luoda kauniita ja hienoja alueita trendikkäällä fontilla? Siksi loimme Responsive Text -lohkon. Sitä on helppo käyttää.

Responsiivinen tekstilohko intro

Responsiivinen tekstilohko tarjoaa täydellisen tavan leikkiä typografialla. Voit muokata vain yhtä otsikkoa tai tekstiä tietyllä fontilla, koolla ja väleillä. Lisäksi voit määrittää tämän lohkon eri tavalla työpöytä- ja mobiililaitteille. Varmista, että teksti näyttää täydelliseltä, ja optimoi se kaikilla laitteilla. Yhdessä muiden lohkojen, kuten Clusterin, kanssa se paljastaa lisää suunnittelupotentiaalia verkkosivustollesi.

Lisää tämä lohko valitulle alasivulle. Kuten tavallisilla lohkoilla, sillä on valikko ja asetukset oikealla puolella Gutenberg Inspectorissa. Voit käyttää tätä lohkoa tavallisella sivulla, postauksessa tai jopa erikoissivuilla yhdessä Citadela Directory Pluginin kanssa.

Tämän lohkon avulla voit käyttää HTML-tunnistetta, jotta voit määrittää otsikon. Voit valita fonttikokoyksiköksi px, em, vw ja määrittää sitten fonttikoon, rivikorkeuden ja rivivälin. Leiki ja valitse täydellinen Goole Font. Näet heti, miltä tekstisi näyttää. Tekstin tasaus- ja väriasetukset ovat myös käytettävissä tässä lohkossa.

Responsiivinen tekstilohko admin-asetukset

Reagoiva asetus

Kun valitset Käytä responsiivisia vaihtoehtoja, voit määrittää tärkeät parametrit erikseen työpöytä- ja mobiililaitteille. Tekstin tasaus, fonttikokoyksikkö, fonttikoko, rivikorkeus ja kirjainväli. Lisäksi sinulla on hallinnassa mobiilin leveyden katkaisupisteen koko.

Kaikki AitThemesin lohkot Gutenberg-editorille ovat osa Citadela Blocks -lisäosaa.. Tämä lisäosa on tärkeä osa hyvännäköistä verkkosivujen suunnittelua. Kaiken kaikkiaan käyttämällä tavallista WordPress Gutenberg -editoria voit rakentaa kevyen ja nopeasti toimivan verkkosivuston. Lataa uusin Citadela Blocks -lisäosa.

2 ajatuksia aiheesta "Responsive Text block"

  1. Ich finde es furchtbar das nicht mal auf Fragen die mit der Software oder anscheinend Fehler beim Update zu tun haben, keine kostenlosen Service gibt. Hallo mahdollisesti kennt sich jemand mit Aitthemes aus! Leider ist der Kundenservice sehr schlecht zu erreichen. Ich habe das Directory Pro Themes ja jetzt kann ich meine Seitenleisten und Footer nicht mehr bearbeiten. Ist nicht mehr im Dashboard zu finden! Sehr eigenartig, kann mir jemand helfen, was habe ich falsch gemacht?

    1. Hei Thomas,

      kiitos paljon kirjoituksesta. Tarkistettuani tilisi näyttää siltä, että olet hiljattain päivittänyt teeman/pluginit käyttämällä AIT Updater -lisäosaa. Siksi haluaisimme, että tarkistat, käytätkö kolmannen osapuolen kehittäjän lisäosia, jos näin on, yritä poistaa ne käytöstä ja katso tulokset. Jos ongelma jatkuu edelleen, lähetä meille AIT SysInfo -raportti: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/ osoitteessa zlato@ait-themes.com.
      Sen avulla voimme tarkistaa yksityiskohtaisesti, mikä saattoi mennä pieleen, jotta voimme toistaa ongelmasi paneelin hallinnassa.

      Kiitos ymmärryksestänne ja kärsivällisyydestänne.

      Ystävällisin terveisin!
      Zlatko
      AIT-tiimi

Kommenttien lisääminen on estetty.