TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan lage sammenligningstabell i WordPress?

3

Folk sier at WordPress driver mer enn 30% av nettstedene på internett. Det er imidlertid ikke en lett jobb å lage et nettsted med alle funksjonene du trenger. Å lage tabeller i WordPress er et enkelt eksempel på det. WordPress introduserte en tabellblokk med Gutenberg og oppdaterer den kontinuerlig. Den reagerer imidlertid ikke og fungerer ikke som den skal på mobile enheter når du har tre eller flere kolonner. Selv om plugins som TablePress løser dette problemet med gratis plugin, er det fortsatt ikke praktisk å lage sammenligningstabell som trenger gjennomgangsstjerner. I denne artikkelen vil vi forklare hvordan du lager sammenligningstabell i WordPress.

Hva er en sammenligningstabell?

Mange WordPress -bloggere skriver anmeldelser og anbefaler produkter som de bruker til leserne. Dette hjelper på begge måtene leserne får pålitelig informasjon mens bloggere får tilknyttet kommisjon når en leser kjøper det produktet. I mange tilfeller er sammenligningstabellen mest nyttig for å vise informasjonen.

  • Vis en liste over topp 10 produkter i en tabell – for eksempel topp 10 hosting selskaper.
  • Sammenlign spesifikasjonene for to produkter – for eksempel iPhone og Samsung Galaxy.

Hvordan lage sammenligningstabell i WordPress?

Etter å ha søkt mye, har vi funnet en anstendig plugin som hjelper til med å lage sammenligningstabell i WordPress.

Hvordan lage sammenligningstabell i WordPress?

WP Bordbygger

Opprette tabeller med dra og slipp tabellbygger

Etter å ha aktivert pluginet, vil det opprette en meny "Table Builder" på sidefeltnavigasjonen. Gå til "Tabellbygger> Legg til ny" -menyen for å lage et nytt bord. Dette tar deg til pluginens dra og slipp -bordbyggergrensesnitt i WordPress -dashbordet.

Hvordan lage sammenligningstabell i WordPress?

WP Table Builder Dra og slipp -editor

Skriv inn navnetabellen for tabellen og velg kolonnene / radene. Klikk på "Generer" -knappen.

Tilpass tabellinnstillinger

På den neste skjermen kan du se live forhåndsvisning av tabellen. Rull ned på venstre sidefelt for å finne "Tabellinnstillinger". Du kan sette opp følgende alternativer for bordet ditt:

Hvordan lage sammenligningstabell i WordPress?

Tabellinnstillinger

  • Aktiver alternativet som sier "Gjør bordet responsivt" for å gjøre bordene dine responsive på mobile enheter.
  • Legg til den øverste raden som topptekst og sett opp en farge for overskriftsraden.
  • Endre de ytre og indre kantstørrelsene og fargene.
  • Legg til farger for odde og partallige rader på bordet ditt.
  • Oppsett cellepolstring og bordbredde.

Hvis du ikke er kjent med tabeller, kan du lære her hvordan du lager HTML -tabeller.

Legge til innhold i tabellen

Etter å ha satt opp basen for bordet ditt, kan du dra og slippe elementer inne i cellene og begynne å bygge bordet ditt online. Med pluginet kan du legge til tekst, bilde, liste, stjerneklassifisering, tilpasset HTML, kortnummer og knapp i cellene. Du kan tilpasse hvert element etter å ha dratt inn i cellen.

For eksempel kan du legge til bildeelement og legge til koblinger, justere, legge til alt -tekst og justere størrelsen. Nedenfor ser du sammenligningstabellen i tabellbyggeren.

Hvordan lage sammenligningstabell i WordPress?

Sammenligningstabell i Tabellbygger

Etter at du har fullført tabellinnholdet, kan du forhåndsvise og lagre tabellen.

Få kortnummer for sammenligningstabell

Når du er i byggherren, klikker du på "Embed" -knappen øverst for å få snarveien til bordet ditt.

Hvordan lage sammenligningstabell i WordPress?

Få innebygd kortnummer

Du kan også se alle opprettede tabeller under "Tabellbygger> Alle tabeller" -menyen sammen med snarveiene for hver tabell.

Sette inn tabeller i innlegg og sider

Nå som du har kortnummeret for sammenligningstabellen, kan du sette inn hvor som helst på nettstedet.

  • Bare lim inn kortkoden i "Avsnitt" eller "Kortkode" -blokken til Gutenberg -redaktøren.
  • Du kan også sette inn tabellen på bunnteksten eller sidefeltet ved hjelp av tekst widget. Dra og slipp “Tekst" -modulen på sidefeltet eller bunntekstområdet, og lim inn tabellens snarvei. Lagre endringene, og tabellen begynner å vises på det tilsvarende widgetområdet på det publiserte nettstedet.

Den publiserte tabellen på skrivebordssiden vil se omtrent slik ut:

Hvordan lage sammenligningstabell i WordPress?

Eksempel på sammenligningstabell

Og den responsive mobilvisningen vil se slik ut:

Hvordan lage sammenligningstabell i WordPress?

Sammenligningstabell på mobil

Fordeler og ulemper med WP Table Builder Plugin

Programtillegget har både fordeler og få begrensninger.

Fordeler

  • Programtillegget er et vakkert verktøy for å lage responsive sammenligningstabeller på WordPress -nettstedet ditt.
  • Det viser ingen irriterende reklame eller salg i administrasjonsdelen.
  • Enkelt, dra og slipp -grensesnitt med tilpassbare alternativer.
  • Kortkoder for å sette inn tabellen hvor som helst på nettstedet ditt.

Ulemper

  • Etter å ha valgt kolonner og rader er det ingen måte å endre det på. Hvis du vil slette en kolonne eller rad, må du lage fra bunnen av.
  • Ingen mulighet til å omorganisere radene og kolonnene.

Vi håper at fremtidige oppdateringer kan inneholde disse alternativene.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon