Innholdsfortegnelse
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å
Engangsbetaling. 90 dagers pengene tilbake-garanti.
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.
- Pristabellblokk (kun tilgjengelig i Citadela Pro-plugin)
- Tabellblokk (WordPress-kjerneblokk)
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.
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.
I dag skal vi se nærmere på tabellblokken og snakke om den:
- Hvorfor er det praktisk med tabeller i WordPress?
- Slik bruker du tabellblokken og oppretter en tabell i WordPress (uten plugin)
- Tabellblokkinnstillinger i verktøylinjen
- WordPress Table-blokkinnstillinger i inspektøren
- Ekstra tips: Slik setter du inn en tabell ved siden av bildet
Hvorfor er det praktisk med tabeller i WordPress?
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.
Det er også mulig å sette inn tabellblokk ved å bruke skråstrek "/" etter ordet "table" for å søke etter tabellblokk.
Når du har lagt til tabellblokken på siden eller i innlegget ditt, må du angi grunnleggende innstillinger som 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.
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.
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.
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.
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.
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.
Du kan lese mer om kolonneblokk i artikkelen vår. Hvordan lage kolonner i WordPress uten plugin.
Excelente aporte!
Veldig bra innlegg, wordpress har alternativer som mange brukere ikke ser, innlegget ditt avklarer det. Det er død av tabell plugins
Flott...!
Uten Plugin Classic
For en fin informasjon! Jadaⅼү en bør-lese og en oppdagelse!
Det hjalp meg faktisk, tusen takk.
Takk, det var til stor hjelp.
Veldig nyttig. Flott å lære om de nye Gutenberg-blokkfunksjonene. Fortsett det gode arbeidet! Ha en fortsatt fin dag 🙂 🙂 ...
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!
Dette er virkelig til stor hjelp. Takk skal du ha
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.
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.
Hvordan legge til en kantlinje i tabellen?
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
Finnes det noen måte å slå sammen celler i en kolonne uten å bruke plugins?
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