Vil du legge til flere kolonner i WordPress?

Praksisen med å organisere innhold i kolonner dateres tilbake til de første dagene av trykking. Dette formatet kan være en allsidig måte å organisere tekst, bilder osv. Det kan imidlertid være litt vanskelig å legge til flere kolonner i WordPress og få riktig plassering.

Heldigvis trenger det ikke være slik. Nå kan du bruke Block Editor til å enkelt legge til flere kolonner i WordPress-innleggene og -sidene dine med bare noen få trinn.

Du kan også oppnå dette oppsettet ved å bruke den klassiske editoren eller en sidebygger-plugin.

I denne opplæringen vil vi se hvordan du legger til flere kolonner i WordPress.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvorfor bruke et oppsett med flere kolonner

Fra å velge riktig WordPress-tema til legge til egendefinerte fonter, er personalisering av utformingen av nettstedet ditt avgjørende midtpunktet i innføringen av merkevaren din. Artiklene og layoutene dine er også en del av dette puslespillet. Eksperimentering med forskjellige layoutalternativer kan være en fin måte å legge til strukturell variasjon til innholdet ditt.

Siden det ikke er et enkelt format som er best for lesbarhet, kan du være kreativ og finne et utseende som fungerer for deg. Du kan endre oppsettet på hver av sidene dine for å passe til ulike typer innhold og lage et WordPress-nettsted som består av sider med ulike oppsett.

Kolonner er et spesielt allsidig format. Hvis du ønsker å bruke plassen din økonomisk, er de en enkel måte å segmentere teksten din på.

Du kan også bruke kolonner til å koble sammen forskjellige widgets på en konsekvent måte, som vist i Buddy Boss-tema :

hvordan legge til flere kolonner i wordpress

Eller du kan bare være interessert i å bruke et fleksibelt format som kan fjernes eller omformes for å passe dine behov. Uansett resonnement kan kolonner legge til variasjon og organisering til nettstedet ditt.

Hvordan legge til flere kolonner i WordPress

I de tidlige dagene av WordPress trengte brukere å ha praktisk kunnskap om HTML og være i stand til å redigere koden sin for å legge til kolonner i innleggene sine. På den tiden var det ikke det å skrive og redigere innhold den vennligste opplevelsen.

Heldigvis er det nå to enkle måter å legge til kolonner i WordPress – ingen HTML nødvendig.

Block Editor kommer med en intuitiv innebygd kolonnefunksjon, og de som foretrekker den klassiske editoren vil gjerne høre at du alltid kan hoppe over manuell kolonnekoding ved å bruke en WordPress Plugin.

La oss nå se de to metodene.

Første metode: bruk den opprinnelige funksjonaliteten til blokkredigeringsprogrammet

Vi starter med å legge til flere kolonner ved å bruke blokkredigeringsprogrammet (Gutenberg). Det nye standard grensesnittet for WordPress innholdsoppretting tilbyr en rekke nyttige funksjoner, alt fokusert på innholdsblokker som er enkle å flytte.

En slik funksjon er den passende navnet Columns-blokken, som hjelper deg med å lage så mange kolonner du vil.

For å starte, skriv inn "kolonner" i søkeboksen til blokkredigeringsprogrammet som du kan åpne ved å klikke på knappen +. Alternativt kan du bare klikke på skjermen og begynne å skrive "kolonner" for å vise det samme alternativet.

Dette vil åpne et vindu der du kan velge et kolonneoppsett:

hvordan legge til flere kolonner i wordpress

Å starte med to standardkolonner og justere innstillingene senere er også et alternativ.

Når du har spesifisert hvor mange seksjoner du vil ha og hvordan du vil dele dem, kan du dra og slippe blokken hvor du vil.

Deretter kan du neste andre blokker inne i kolonnen. De kan alle være tekstblokker. Prøv å forbedre en tekstkolonne ved å plassere den ved siden av et bilde eller en kalenderkolonne for å få den til å skille seg ut:

hvordan legge til flere kolonner i wordpress

Ikke vær redd for å dra nytte av redaktørens fleksibilitet ved å blande og matche elementer.

Etter det kan du gå tilbake til Kolonner-blokkinnstillingene og endre breddeforholdet for å passe dine behov. Hver enkelt kolonne kan justeres avhengig av typen utseende du gikk for.

Takket være blokkeditorens visuelle grensesnitt, vil arbeidet ditt på backend oversettes ganske direkte til frontend. For referanse, her er hvordan eksemplet vårt ser ut etter å ha publisert det:

Når du forstår det grunnleggende, er det mer å utforske med kolonner.

Hvis du ser etter flere funksjoner med blokkredigeringsprogrammet, kan du vurdere å laste ned en WordPress Plugin som øker blokkfunksjonalitet og eksperimentering med nye kombinasjoner av innhold.

Metode to: Bruk Classic Editor og Elementor Page Builder

Du kan også legge til flere kolonner i innleggene og sidene dine uten kode. Alt du trenger er en plugin. Det er mange alternativer som kan gjøre denne jobben, så det første du må gjøre er å velge en.

Siden jeg er en stor fan av plugin Sidebygger Elementor, Jeg skal bruke denne til å lage en flerkolonne layout:

Ce sidebygger er et solid gratis alternativ som bruker et intuitivt dra-og-slipp-grensesnitt og har over 5 millioner aktive installasjoner.

Når du har det installerte og aktiverte plugin på nettstedet ditt, gå til siden du vil redigere og rediger den med Elementor.

hvordan legge til flere kolonner i wordpress

Du vil bli tatt til Elementor-editoren.

Som du ser på bildet ovenfor, klikker vi på den røde knappen + for å legge til en ny seksjon og antall kolonner som skal følge med.

Vi vil nå velge redigerings- og tekst- og kalenderwidgets

Oppdater siden din og forhåndsvis artikkelen.

med dette WordPress Plugin, vil du også ha muligheten til å legge til eller fjerne antall kolonner.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Kontaktskjema 7 Suksessomkobling

Contact Form 7 Success Redirect er en utvidelse av premium WordPress-plugin fra Contact Form 7 som gjør det mulig å omdirigere besøkende eller bruker til en side etter innsending av kontakten.

opprette viderekoblinger - Kontakt skjema 7 suksess omdirigere wordpress plugin

Det er designet for å gjøre skjemaet mer brukervennlig når skjemainnleveringsprosessen resulterer i omdirigering til siden valgt av administratoren.

Hvordan lage en privat butikk med WooCommerce ? Finn ut ved å konsultere denne artikkelen.

Det er ekstremt enkelt å konfigurere. Du kan gjøre dette ved å velge en side fra de eksisterende sidene på dashbordet eller ved å oppgi en tilpasset omdirigerings-URL.

Oppdag vår 8 WordPress plugins for å forbedre SEO av bloggen din

Hvert skjema har sin egen konfigurasjon. Dermed kan hver vellykket omdirigering defineres på en unik måte.

Last ned | dEMO | Webhotell

2. LetsPush Web Push-varsling

Web Push-varsler, også kjent som Browser Push Notifications, er klikkbare meldinger som kan sendes av nettstedet til brukeren selv uten å vite e-posten eller annen kontaktinformasjon.

Letspush web push notifikasjons plugin for wordpress woocommerce buddypress

Varslene blir levert i sanntid, selv når brukeren ikke surfer på nettstedet ditt. Dette WordPress-pluginet lar også administratoren sende push-varslingsmeldinger til brukere som har abonnert på nettstedet.

Så du kan sende en personlig melding, selge et produkt eller sende oppdateringer om nettstedet ditt til de besøkende. Det integreres sterkt med BuddyPress og er kompatibel med WooCommerce.

Last ned | dEMO | Webhotell

3. WooCommerce Social Login

Denne premium WordPress-pluginen bidrar til å redusere registreringstiden for et nettsted, som vanligvis irriterer brukere og reduserer salget. Men hvis du bruker WooCommerce Social Login, vil tiden som er spart av brukeren bli økt, noe som nødvendigvis også vil øke salget.

Hvordan øke et sosialt nettverk med WordPress BuddyPress-plugin - Woocommerce sosial pålogging wordpress-plugin

Når en kunde besøker nettstedet ditt for første gang, vil du gjøre det lettere å sjekke ut ved å la dem sjekke ut som gjest. Dette skaper imidlertid friksjon for kunder som ønsker å kjøpe flere ganger fra nettbutikken din. De må opprette et annet brukernavn og passord hver gang.

Oppdag også vår 50 WooCommerce plugins for å forbedre nettbutikken

WooCommerce Social Login gjør derfor denne prosessen så enkel og sikker som mulig - kunder kan logge inn på nettstedet ditt ved hjelp av Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram-kontoene. og Amazon.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Å legge til kolonner på WordPress-nettstedet ditt kan bidra til å holde layouten frisk og attraktiv. Selv om prosessen med å gjøre dette noen ganger kan være litt vanskelig, er det enkle metoder du kan bruke for å gjøre det enklere.

Her er ! Det var alt for denne opplæringen, jeg håper nå du vet når og hvordan du legger til flere kolonner i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har noen forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...