Slik oppretter du en tabell i WordPress uten plugin

Slik oppretter du en tabell i WordPress uten plugin

Vi definerer hovedideen i et CMS på følgende måte:
Den enkle måten å vedlikeholde nettsidens innhold på gjør det mulig for ikke-tekniske administratorer å holde det oppdatert og nøyaktig. Takket være dette kan du bruke nettstedet ditt som den primære kommunikasjonskanalen med lave kostnader. Derfor er det å bytte til et Gutenberg-tema og -blokker det beste valget for å nå markedsføringsmålene dine. Vi beviser dette ved å vise hvordan du legger til en tabell i WordPress uten en plugin.

Du kan finne noen blogginnlegg om hvordan du legger til en tabell i WordPress uten en plugin som nevner at det ikke er enkelt, eller at du må bruke Google Docs eller Word. Vel, det kan være sant med mindre du fortsatt ikke har byttet til Citadela Gutenberg-temaet. Gamle temaer med sin sidebygger bruker en klassisk editor. Og det var ikke noe så enkelt alternativ som Gutenberg-editoren gir deg.

Kom i gang nå

Kom i gang nå med en risikofri prøveperiode. Du trenger ikke å bruke kredittkort.

Utforsk to alternativer for WordPress-tabeller i Citadela

Basert på innholdet i WordPress-tabellen har du to valgmuligheter for Gutenberg-blokker som oppretter en tabell i WordPress. Du får mange flere alternativer enn du kan forestille deg i kombinasjon med andre blokker.

Hvis du bruker Citadela premium-versjonen, trenger du ikke en ekstra plugin for å legge til tabellen i WordPress.

Blokk med pristabell

Fordi tabeller vanligvis brukes til å presentere varer og priser, har vi laget en egen pristabellblokk som er inkludert i Citadela Blocks-plugin'en (som er kompatibel med de fleste moderne WP-temaer). Du kan enkelt bruke den i WordPress' blokkredigeringsprogram til å presentere og administrere priser på en attraktiv måte.

Denne blokken har avanserte innstillinger, og du kan konfigurere en responsiv versjon i henhold til dine behov. Den er tilgjengelig i Citadela Pro-plugin.

Pristabell laget med en spesiell WP-blokk

WordPress har imidlertid en standardblokk for oppretting av tabeller. Den heter ganske enkelt: Tabellblokk, og du kan bruke den til å lage en enkel presentasjon, for eksempel av abonnementspakkene dine, i løpet av noen minutter.

Tabellblokk i WordPress

I dag skal vi se nærmere på tabellblokken og snakke om den:

Hvorfor er det praktisk med tabeller i WordPress?

Tabeller i WordPress - brukes i matbloggoppskrifter
Tabeller hjelper deg med å organisere alle ingrediensene i oppskriftene dine bedre

Tabeller kan brukes universelt i innlegg og sider. Den grunnleggende funksjonaliteten er å organisere data eller tall. Tabeller er også nyttige for bloggere. Reisebloggere kan for eksempel sammenligne priser for individuelle destinasjoner. Matbloggere kan enkelt lage en liste over ingredienser eller nødvendige mengder.

Sist, men ikke minst er det mulig å bruke tabeller til å presentere åpningstider eller pristabeller for tjenester og produkter. Det spiller ingen rolle om du har en nettside for en restaurant, en skjønnhetssalong eller et bakeri. Du vil helt sikkert finne bruksområder for tabeller på nettstedet ditt.

Slik bruker du tabellblokken og oppretter tabeller i WordPress (uten plugin)

Det er enkelt å lage tabeller i WordPress ved hjelp av blokkeredigeringsverktøyet. Ved hjelp av tabellblokken kan du opprette tabeller med noen få klikk uten plugin eller koding. La oss ta en titt på hvordan det fungerer:

  • Det første du må gjøre er å sette inn WordPress Table-blokken. Du kan gjøre det ved å klikke på "+" som du finner i topplinjen eller hvor som helst i redigeringsprogrammet. Deretter kan du velge en bestemt blokk.
Legg til tabeller i WordPress ved å klikke på "+".
Legge til tabeller ved å klikke på "+"

Det er også mulig å sette inn tabellblokk ved å bruke skråstrek "/" etter ordet "table" for å søke etter tabellblokk.

Legg til tabellblokk med skråstrek "/"
Legge til tabeller ved hjelp av skråstrek "/"

Når du har lagt til tabellblokken på siden eller i innlegget ditt, må du angi grunnleggende innstillinger som antall kolonner og rader.

Tabellblokk med grunnleggende innstillinger
Etter at tabellen er opprettet, angir vi antall kolonner og rader.

Utforsk det nyeste Citadela-temaet, der du kan opprette tabeller ved hjelp av WordPress Table-blokken og også bruke våre skreddersydde blokker. Lær mer om Citadela som du kan tilpasse med layoutpakker utviklet for spesifikke typer virksomheter.

Tabellblokkinnstillinger i verktøylinjen

Nå vet du hvordan du lager en tabell i WordPress. Nå skal vi vise deg hvordan du kan jobbe med den.

Øverste verktøylinje over tabellen lar deg gjøre endringer i styling og formatering. Ved hjelp av disse innstillingene kan du endre hvordan tabellen skal se ut. Ikke glem at det endelige utseendet alltid avhenger av det aktive WordPress-temaet du bruker.

Hva kan endres?

1. Blokkstiler

Ved hjelp av det første ikonet kan du velge tabellstiler. Du kan velge ett av to alternativer:

  • Standardinnstilling - tabellceller vil ha rammer, uten noen bakgrunn. Bakgrunnsfarge for hele blokken kan legges til senere.
  • Striper - tabell uten rammer, men annenhver linje blir uthevet ved hjelp av en bakgrunn. Denne stilen er mer moderne og mindre formell.
Standard blokkstil og Stripes blokkstil
Velg tabellblokkens stil mellom standard- eller stripeutseende

2. Justering av WordPress Table-blokken

Tabelljusteringen kan også endres i den øverste verktøylinjen over blokken. Du kan velge en av de klassiske alternativene som venstre, høyre eller midt, men du kan også gjøre tabellen bred eller i full bredde. Tilgjengeligheten av de to sistnevnte avhenger alltid av det aktive WordPress-temaet du bruker.

3. Formatering av tabellinnhold

Tekst eller tall i tabeller kan settes i fet eller kursiv. Du kan legge til lenker til andre sider, grafer eller bilder.

4. Tekstjustering i tabell

Den nyeste versjonen av WP sørger for at det er mulig å justere ikke bare hele tabellen, men også teksten inne i radene. Du kan nå justere innsatt tekst på hver linje separat. Denne funksjonen hjelper deg med å lage en penere tabell.

5. Antall kolonner og rader

Hvordan legge til tabellkolonner eller rader i WordPress? Det er veldig enkelt i tabellblokken. Med denne blokken kan du raskt legge til eller fjerne celler. Bare klikk på "Rediger tabell" og deretter på den handlingen du ønsker å utføre. Hvis du klikker på "Legg til rad etter", opprettes det umiddelbart en ny rad nederst.

Legg til rad etter i opprettet tabell
Enkel måte å legge til neste rad på med bare 2 klikk

WordPress Tabellblokkinnstillinger i inspektøren

Den øverste verktøylinjen gjør det mulig å endre innstillinger for tabellceller, mens verktøylinjen på høyre side, Inspector, brukes til mer komplekse innstillinger for tabellblokken. Også her kan du konfigurere blokkstiler (Standard eller Stripes), men du kan også angi bakgrunnsfarge og tabellbredde.

Bordinnstillinger

Som standard tilpasser tabellceller seg dynamisk til tekstmengden. Du kan også aktivere funksjonen "Tabellceller med fast bredde". Alle celler vil da ha samme bredde uansett hva du legger inn.

Funksjon for tabellceller med fast bredde
Hvis du aktiverer funksjonen "Tabellceller med fast bredde", vil alle celler ha samme størrelse.

Fargeinnstillinger

Inspector lar deg også endre bakgrunnsfargen på tabellen. Hvis du har valgt Standardstil, vil hele tabellen ha samme bakgrunnsfarge. Hvis du har valgt Stripes, vil bare annenhver linje ha bakgrunnsfarge.

Fargeinnstillinger for tabellblokken
Endre blokkfarge

Ny funksjon som nylig er lagt til: Støtte for topp- og bunntekst

For å gjøre tabellene mer tilgjengelige har utviklerne lagt til alternativet topp- og bunntekst i WordPress Table-blokken. Denne funksjonaliteten gir også bedre strukturell definisjon (av data) og gir mer nøyaktig informasjon til mobilassistenter. Tabellstrukturen inkluderer nå <thead>, <tfoot>, og <tbody> for å identifisere og skille mellom tabellens topptekst, bunntekst og brødtekst. Du kan aktivere eller deaktivere topp- og bunntekstseksjonen direkte fra Inspector.

Wordpress tabellblokk
Nå kan du legge til topp- og bunntekst i tabellen.

Ekstra tips: Slik lager du en tabell i WordPress uten plugin ved siden av bildet

Har du behov for å ha en tabell og et bilde side om side? Da må du bruke kolonneblokken. Med denne blokken kan du sette inn ulike innholdstyper i kolonner og få dem pent justert.

Hvordan gjør man det?

Sett inn tabellblokken i én kolonne og bildeblokken i den andre. Da får du en nestet tabell inne i WordPress-kolonneblokken ved siden av bildet. Det er veldig enkelt, og du trenger ikke å bekymre deg for justering eller responsiv versjon.

Nestede tabeller i WordPress Columns-blokken
Ved hjelp av kolonneblokken kan du plassere tabellen ved siden av bildet.

Du kan lese mer om kolonneblokk i artikkelen vår. Hvordan lage kolonner i WordPress uten plugin.

14 tenkte på «How to Create Table in WordPress without plugin»

  1. Veldig bra innlegg, wordpress har alternativer som mange brukere ikke ser, innlegget ditt avklarer det. Det er død av tabell plugins

  2. Veldig nyttig. Flott å lære om de nye Gutenberg-blokkfunksjonene. Fortsett det gode arbeidet! Ha en fortsatt fin dag 🙂 🙂 ...

  3. Den mangler en viktig funksjon, nemlig responsivitet.

    Hvis jeg viser tabellen på mobilen med 6 kolonner eller mer, blir den komprimert og ser forferdelig ut.
    De burde i det minste ha testet det!

  4. Nå som du er ferdig med å opprette tabellen, er neste trinn å legge den til i innlegget ditt. For å gjøre dette må du først kopiere tabellens kortkode. Det kan gjøres ved å navigere til TablePress All Tables. Finn deretter tabellen du vil kopiere, og klikk på Vis kortkode under den. Når du klikker, vises en popup-melding som viser kortkoden.

  5. Kan ikke forstå hvorfor WordPress-utviklerne ikke tenkte på å gjøre tabellen responsiv i 2020. Hvordan er det i det hele tatt mulig? Så før det skjer, vil det fortsatt være behov for plugins for å løse dette. Etter min ærlige mening. Flott artikkel likevel.

    1. Hei på dere,

      Takk for at du spør. Som standard er det ikke mulig å administrere dette i paneladministrasjonen. Kanskje du bør vurdere å bruke en annen type tabellblokk. Ta en titt på den som tilbys av PublishPress Blocks (der du kan administrere forskjellige typer rammer, farger, skrifttyper, bakgrunn osv.

      Ha en fin dag!
      Zlatko
      AIT-team

        1. Hei på dere,

          Takk for at du spør. Blokken som behandles av WordPress-fellesskapet tillater ikke fletteceller for øyeblikket. Kanskje det i fremtiden kan være et alternativ for det.
          Hvis det er noe annet vi kan hjelpe deg med, er du velkommen til å kontakte oss.

          Ha en fin dag!
          Zlatko
          AIT-team

Kommentarer er stengt.