WordPress er stolt av å være brukervennlig, og med god grunn: funksjonene er praktisk talt utallige, grensesnittet intuitivt og enkelt å forstå selv for brukere uten sterk teknisk bakgrunn. Det er noen få effekter som kan kreve litt innsats for å oppnå, avhengig av redigeringsprogrammet du bruker. En av dem er avsnittsinnrykk for Gutenberg-blokkredaktøren, og selv om det ofte blir bedt om det, kommer det ikke som standard som en funksjon i avsnittsblokken. Dette betyr ikke at WordPress-nettsteder laget med Gutenberg ikke kan ha innrykkede avsnitt: det er bare et spørsmål om å kjenne seg rundt Gutenbergs alternativer. Heldigvis har du oss til å hjelpe deg med det.
Classic Editor, derimot, gjør det enkelt for brukeren endre avsnittsinnrykk, på toppen av andre funksjoner som du kan bruke til din fordel (og begrensninger som lett kan overvinnes). Vi vil også dekke alt dette i denne artikkelen.
Innrykk av avsnitt kan forbedre leseropplevelsen, gjøre radene kortere, og kan gi en estetisk verdi, avhengig av stilen og layouten til nettstedet ditt. Du kan også bruke innrykk for å fremheve enkelte avsnitt, kanskje som et alternativ til å endre skriftstørrelse eller endre tekstfarge, som i eksemplet nedenfor.
Denne tilsynelatende oversett biten av tekstformatering er akkurat det vi vil snakke om i denne opplæringen. Vi vil vise deg hvordan du rykker inn avsnitt i WordPress på flere forskjellige måter:
Det er litt overraskende at Gutenbergs avsnittsblokk ikke har innrykk-funksjonalitet som standard. Det er imidlertid en løsning, og det består i å ikke bruke en avsnittsblokk for tekst: blokken du trenger er den klassiske blokken.
For å legge til en klassisk blokk i WordPress-innlegget ditt, klikk på Plus signer og finn den klassiske blokken i menyen.
Vi har fylt blokken med plassholdertekst – Lorem Ipsum. Slik ser det ut i forhåndsvisningen:
Nå har den klassiske blokken noen tekstformateringskontroller over teksten. For å øke og redusere innrykk, bruk øk/minsk innrykk-knapper i den nederste raden på verktøylinjen. Vi har økt innrykk to ganger.
Og slik vil teksten din oppføre seg i et innlegg.
Nå oppfører den klassiske blokken seg litt annerledes enn avsnittsblokken: den Tast inn tastatursnarveien vil ikke opprette en ny blokk. Det vil ganske enkelt legge til en ny rad i teksten din. På denne måten kan du formatere en lang tekst som en enkelt Gutenberg klassisk blokk med samme innrykk.
Classic-editoren har heldigvis det innebygde alternativet for avsnittsinnrykk. Gutenbergs klassiske blokk simulerer faktisk den klassiske editoren. Du finner innrykkskontrollene i verktøylinjen over teksten.
Slik ser teksten ut etter tre tilfeller av innrykksøkning.
Og dette er hvordan innlegget ditt vil se ut for de besøkende: akkurat det samme som med en Gutenberg klassisk blokk.
Hvis du bruker kommandoen for å øke innrykk, vil du rykke inn avsnittet ditt med et bestemt trinn. Du kan gjøre det samme med HTML-tagger i tekstmodusen til den klassiske editoren, men du kan også gjøre mer: du kan rykke inn avsnittene dine med hvor mange piksler du vil.
Vi starter med tre avsnitt i tekstmodus. Avsnittsstilingsfunksjonen du ønsker er polstring-venstre funksjon. For å sette innrykk for et avsnitt, må du innlede teksten med denne HTML-koden:
, hvor du selvfølgelig vil bytte plassholderen XXX med antall piksler. Du må selvfølgelig også lukke koden ved å avslutte avsnittet med:
.
Og denne gjennomgripende effekten vil være tydelig synlig i teksten din.
Nå kan du også formatere Gutenbergs klassiske blokk på samme måte. Bare få tilgang til blokkinnstillingene (···) og velg Rediger som HTML.
Du kan nå legge til stilparameteren din i avsnittskoden. Vi har gått med en innrykk på 60 piksler (style=»padding-venstre: 60px;»).
Og avsnittet ditt vil nå bli rykket inn slik du har spesifisert.
Men hva om du vil rykke inn den første linjen i et avsnitt, ikke hele greia? Det er også en måte å gjøre det på, men det krever litt fikling med temaets CSS.
For å gjøre det, må du navigere til WordPress-tematilpasseren. Du finner den ved å velge Utseende>Tilpass fra WordPress-dashbordet.
Du må da legge til Ekstra CSS.
For å rykke inn den første linjen i alle avsnitt med for eksempel 40 piksler, legg til følgende kode i temaets egendefinerte CSS:
article p {
text-indent:40px;
}
Klikk publisere for å bruke endringene dine.
Og nå vil den første linjen i hvert av avsnittene dine rykkes inn med 40 piksler.
Du kan også rykke inn den første linjen bare for utvalgte avsnitt, hvis du vil. For å gjøre det, må du opprette en spesiell klasse med avsnitt som har det nødvendige innrykk, og tilordne det til avsnittene du velger. Høres komplisert ut, men er det egentlig ikke. Alt du trenger å gjøre er å legge til denne koden i temaets ekstra CSS:
p.custom-indent {
text-indent:40px;
}
Selvfølgelig må du klikke publisere for å bruke endringene dine.
Og så må du legge til class=»custom-indent» til avsnittskoden din, slik:
Og siden vi bare har lagt til den tilpassede innrykkklassen i andre avsnitt, er det bare andre avsnitt som har den første linjen rykket inn.
Selvfølgelig kan denne metoden være tidkrevende, men å få akkurat det utseendet du ønsker kan, og gjør det ofte, kreve en investering fra din side. Noen ganger er det penger for en premiumløsning. Her er det tid brukt på formatering.
For å konkludere
Som du har sett, tar det bare litt arbeid å introdusere avsnittsinnrykk i teksten på nettstedet ditt, enten du tenker på hele avsnitt eller bare den første linjen, for et mer tradisjonelt utseende. Hvis du føler at nettstedet ditt kan dra nytte av denne typen tekstformatering og avsnittsstil, hvorfor ikke prøve det?
Støtt vårt arbeid ❤️
Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.
