Vil du tilføje indhold med flere søjler til dine WordPress-indlæg?

Kolonner kan bruges til at oprette Attraktive layout til dine publikationer og sider.

Traditionelle trykte medier, såsom aviser og magasiner, har brugt et layout med flere kolonner fra de tidligste dage med udskrivning. Deres mål var at muliggøre brugere lettere at læse en mindre tekst, mens du bruger ledig plads økonomisk.

Hvis du endnu ikke har oprettet et websted eller en blog på WordPress, inviterer vi dig til at konsultere Sådan installeres en WordPress-blog i 7 trin næste, Hvordan at finde, installere og aktivere et WordPress tema på din blog

Enkeltkolonnelayouts bruges mere almindeligt på nettet. Men den gitre med flere kolonner er stadig nyttige til at fremhæve indhold og lette læsning og analyse.

I denne tutorial vil vi vise dig, hvordan du let tilføjer indhold med flere søjler til dine WordPress-indlæg uden at skrive nogen HTML-kode.

Tilføjelse af indhold med flere kolonner i WordPress - den nemme løsning

Oprettelse af indhold med flere kolonner, også kendt som gitterindhold i WordPress, er nu let, fordi det er en standardfunktion. Det ny WordPress Gutenberg blokredaktør foreslår en blok af kolonner.

For at tilføje et flere kolonnelayout skal du oprette et nyt indlæg eller redigere et. Når du er i redigeringsområdet, skal du klikke på " Add On Øverst for at tilføje en blok.

Derefter skal du vælge blokken kolonner "Placeret under fanen" Layoutelementer ".

Du vil se musemarkøren hoppe i venstre kolonne, og en pladsholder for teksten vises i højre kolonne.

Som du kan se i skærmbilledet ovenfor, blokken Kolonne synes først at være et tomt område. Hvis du holder musen mod venstre, kan du se kanten af ​​den fremhævede blok.

Du vil også være i stand til at se blokparametrene i højre kolonne på skærmen.

Som standard tilføjer kolonneblokken to kolonner. Du kan øge antallet af kolonner, du vil tilføje, fra blokindstillingerne til højre. Dette giver dig mulighed for at tilføje op til seks kolonner på en enkelt række.

Bare klik på en kolonne og begynd at skrive for at tilføje indhold. Du kan bruge Tab-tasten på tastaturet til at gå til næste kolonne.

Tilføjelse af multimedie og andet indhold til dine kolonner

Ud over tekstindholdet kan du også tilføje billeder og integrere videoer i WordPress-kolonner.

Kolonneblok giver dig mulighed for at tilføje blokke inde i hver kolonne. Hold musen over en kolonne, så vil du se "Tilføj en ny blok"Inside. Du kan også tilføje en blok ved at indtaste navnet på blokken.

Din valgte blok vises i kolonnen. Du kan gå der og tilføje indhold.

For at uploade - uploade - dine medier, se vores artikel om Sådan uploader du dine massemedier på WordPress

Sådan kan din nye kolonne se ud i WordPress tema standard Twenty Nineteen. I dette eksempel bruger vi tre kolonner, og den sidste kolonne indeholder et billede.

Hvis du kun vil tilføje et billede og tekst til siden, kan du også bruge blokken Medier og tekst I stedet for kolonner. Denne blok er specifikt designet til at vise medier som billeder og videoer ved siden af ​​teksten.

Tilføjelse af flere kolonner i den klassiske editor WordPress

Hvis du ikke har opgraderet WordPress til Gutenberg og stadig brugerklassisk redaktørskal du installere et separat plugin for at oprette et gitterlayout af kolonner.

Start med at installere og aktivere pluginet Letvægtsgittersøjler. 

For detaljerede instruktioner, følg vores trinvise vejledning om, hvordan at installere et plugin i WordPress.

Efter aktivering kan du oprette en ny besked eller åbne en gammel besked til redigering. Klik derefter på " Tilføj kolonner I værktøjslinjen Visual Editor.

Du vil nu se et popup-vindue, der giver dig mulighed for at tilføje din første kolonne. Du kan vælge, hvor meget område din kolonne kan dække på desktops, tablets og mobile enheder forskelligt.

Gå videre ved at opdage Sådan oprettes en hel side bredde på WordPress

Hvis du f.eks. Indstiller procentdel 50% til skrivebordet, dækker din kolonne halvdelen af ​​linjen.

Det har mange muligheder for at indstille bredden på din kolonne, fra 5% til 100% med et 5-interval. Du kan vælge en ved at klikke på rullemenuen.

Derefter skal du tilføje indholdet af din kolonne i området "Indhold" og derefter klikke på knappen "OK" for at indsætte det i din publikation.

Pluginet genererer den krævede kortkode med dit indhold og føjer den til din indlægseditor.

Oplev i denne tutorial Sådan installere og konfigurere WP Super Cache plugin for at forbedre ydeevnen på din blog.

Nu hvor din første kolonne er tilføjet, kan du gentage processen for at tilføje flere kolonner. For den sidste kolonne, glem ikke at markere afkrydsningsfeltet 'Sidste kolonne på linjen«.

Derefter vil du være i stand til at gemme din forhåndsvisning og forhåndsvise den. Sådan ser det ud på vores Twenty Seventeen testwebsted.

Hvis du også vil finde WordPress-temaer, der kan hjælpe dig med at oprette kolonner på dine sider eller publikation, her er 3 WordPress-temaer præmie perfekt til denne opgave.

1. TheGem

Der er en masse af WordPress-temaer som kan hævde at tilbyde et OnePage-layout, men ingen kan tilbyde det væld af muligheder og funktioner, som TheGem WordPress-skabelonen har. 

Alle de designelementer, du forbinder med en god OnePage-hjemmeside, er til stede i dette WordPress tema : en skyder på fuld skærm (som kan oprettes ved hjælp af Revolution Slider-pluginet, der leveres med WordPress tema), et valg af seks header-stile og muligheden for at oprette sektioner i fuld bredde ved hjælp af Visual Composer-pluginet, der er inkluderet i pakken.

Derudover har den en række tilpasningsmuligheder for elementer som skrifttyper, farver og ikoner. Det er en sjælden ting, men der er også detaljer, som vi ikke kan lide ved TheGem. Men dybest set er det et WordPress-tema, der selvfølgelig passer dig i betragtning af antallet af positive point, det har. Det er en stærk konkurrent, som ville lette oprettelsen af ​​et OnePage-websted.

Downloade | demo | Web-hosting

2. Stockholm

Stockholm er et WordPress-tema, der er designet til at hjælpe dig med at oprette webstedet for et byggefirma, anlægsteknik eller enhver virksomhed relateret til bygningsrenoveringsverdenen. Dette WordPress skabelon er rettet mod fagfolk, der går op i kvalitet og detaljer.

Leveres med et valgpanel og en brugervenlig backend, de giver dig mulighed for nemt at administrere dit indhold. Der er omkring 20 demoer af denne skabelon, der præsenterer en bred vifte af aktiviteter, som dette WordPress-tema kan bruges. Og disse kan også bruges som grundlag for fremtidig tilpasning, så dit websted får et unikt udseende.

Meget lydhør, det vises perfekt på enhver skærmtype. Hvis du under tilpasningen eller installationen af ​​denne skabelon støder på vanskeligheder, kan den komplette dokumentation, der er inkluderet i pakken, tjene som en guide. Og hvis du stadig ikke kan, er support dedikeret til dette tema WordPress til din rådighed.

Downloade | demo | Web-hosting

3. Jupiter

Jupiter er et andet meget populært WordPress-tema. Det har 25-demoer, der dækker 6 fra vores kategorier - agentur, kreativ, uddannelse, mad, sundhed og e-handel - og mere vil blive føjet til det i fremtidige opdateringer. De fleste af dens layout har et minimalistisk design med en behagelig typografi.

Et af Jupiters vigtigste salgspunkter er dens Creative Header Customizer, der giver dig mulighed for hurtigt og nemt at tilpasse headers-designet på dit websted. Visual Composer, 3 skyder (Layer, Revolution og iCarousel), 10 nye kortkoder, mere end 1800 ikoner og 10 brugerdefinerede posttyper er alle inkluderet ved levering.

Dens sideindlæsningstider er også fremragende. Dette er et fremragende produkt, og du vil være hårdt presset for at finde så mange WordPress-temaer har sine egenskaber.

Downloade | demo | Web-hosting

Andre anbefalede ressourcer

For at gå videre i optimeringen af ​​din blog eller dit websted, foreslår vi også, at du konsulterer nogle links, der vil fordybe dig i Gutenbergs verden

• Sådan forbereder du din hjemmeside til Gutenberg 
• Hvordan ved jeg, om dit plugin er kompatibelt med Gutenberg?
• Vil Gutenberg forbedre eller bryde WordPress?

Konklusion

Her ! Det er det til denne tutorial. Vi håber, at denne artikel har hjulpet dig med at lære, hvordan du tilføjer kolonner til dine WordPress-indlæg og sider. du er velkommen til del denne tutorial med dine venner på dine sociale netværk.

Hvis du har forslag eller kommentarer, er de velkomne. Men hvis du er en novice, inviterer vi dig til at konsultere vores ressourcer.

...