TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur skapar jag en jämförelsetabell i WordPress?

4

Folk säger att WordPress driver mer än 30% av webbplatserna på internet. Det är dock inte ett enkelt jobb att skapa en webbplats med alla funktioner du behöver. Att skapa tabeller i WordPress är ett enkelt exempel på det. WordPress introducerade ett tabellblock med Gutenberg och uppdaterar det kontinuerligt. Det är dock inte responsivt och fungerar inte korrekt i mobila enheter när du har tre eller flera kolumner. Även om plugins som TablePress löser detta problem med det kostnadsfria plugin, är det fortfarande inte bekvämt att skapa jämförelsetabell som behöver recensstjärnor. I den här artikeln kommer vi att förklara hur man skapar jämförelsetabell i WordPress.

Vad är en jämförelsetabell?

Många WordPress -bloggare skriver recensioner och rekommenderar produkter som de använder till sina läsare. Detta hjälper på båda sätten som läsare får tillförlitlig information medan bloggare får affiliatekommission när en läsare köper den produkten. I många fall är jämförelsetabellen mest användbar för att visa upp informationen.

  • Visa en lista över de 10 bästa produkterna i en tabell – till exempel de 10 bästa värdföretagen.
  • Jämför specifikationer för två produkter – till exempel iPhone och Samsung Galaxy.

Hur skapar jag en jämförelsetabell i WordPress?

Efter att ha sökt mycket har vi hittat ett anständigt plugin som hjälper till att skapa jämförelsetabell i WordPress.

  • Logga in på din WordPress -instrumentpanel och gå till avsnittet "Insticksprogram> Lägg till nytt".
  • Sök efter nyckelordet "tabell" och hitta " WP Table Builder – WordPress Table Plugin ".
  • Installera och aktivera tillägget för att skapa vackra tabeller.

Hur skapar jag en jämförelsetabell i WordPress?

WP Table Builder

Skapa tabeller med Drag and Drop Table Builder

Efter att plugin -programmet har aktiverats kommer det att skapa en meny "Table Builder" i sidofältets navigering. Gå till "Tabellbyggare> Lägg till ny" -menyn för att skapa ett nytt bord. Detta tar dig till pluginens dra och släpp -tabellbyggare -gränssnitt i din WordPress -instrumentpanel.

Hur skapar jag en jämförelsetabell i WordPress?

WP Table Builder Drag and Drop Editor

Ange namntabellen för din tabell och välj kolumnerna / raderna. Klicka på knappen "Generera".

Anpassa tabellinställningar

På nästa skärm kan du se tabellens förhandsvisning. Rulla ner till vänster i sidofältet för att hitta "Tabellinställningar". Du kan ställa in följande alternativ för ditt bord:

Hur skapar jag en jämförelsetabell i WordPress?

Tabellinställningar

  • Aktivera alternativet "Gör bordet responsivt" för att göra dina bord lyhörda på mobila enheter.
  • Lägg till översta raden som rubrik och ställ in en färg för din rubrikrad.
  • Ändra ytter- och innerkantstorlekar och färger.
  • Lägg till färger för udda och jämna rader på ditt bord.
  • Ställ in cellfyllning och bordbredd.

Om du inte är bekant med tabeller kan du lära dig här om hur du skapar HTML -tabeller.

Lägga till innehåll i tabellen

När du har satt upp basen för ditt bord kan du dra och släppa element inuti cellerna och börja bygga ditt bord online. Med tillägget kan du lägga till text, bild, lista, stjärnklassificering, anpassad HTML, kortnummer och knapp i cellerna. Du kan anpassa varje element efter att ha dragit in i cellen.

Till exempel kan du lägga till bildelement och lägga till länkar, justera, lägga till alt -text och justera storleken. Nedan är hur jämförelsetabellen kommer att se ut i tabellbyggaren.

Hur skapar jag en jämförelsetabell i WordPress?

Jämförelsetabell i Table Builder

När du har avslutat tabellinnehållet kan du förhandsgranska och spara tabellen.

Få kortnummer för jämförelsetabell

När du är i byggaren klickar du på "Bädda in" -knappen längst upp för att få kortkoden för ditt bord.

Hur skapar jag en jämförelsetabell i WordPress?

Hämta in kortnummer

Du kan också se alla skapade tabeller under menyn “Tabellbyggare> Alla tabeller" tillsammans med kortkoderna för varje tabell.

Infoga tabeller i inlägg och sidor

Nu när du har kortkoden för din jämförelsetabell kan du infoga var som helst på webbplatsen.

  • Klistra in kortkoden i blocket "Stycke" eller "Kortkod" i Gutenberg -redigeraren.
  • Du kan också infoga tabellen på sidfoten eller sidofältet med hjälp av textwidget. Dra och släpp widgeten "Text" i sidofältet eller sidfoten och klistra in tabellens kortnummer. Spara dina ändringar så visas tabellen i motsvarande widgetområde på den publicerade webbplatsen.

Den publicerade tabellen på skrivbordssidan kommer att se ut ungefär så här:

Hur skapar jag en jämförelsetabell i WordPress?

Provjämförelsetabell

Och den responsiva mobilvyn kommer att se ut nedan:

Hur skapar jag en jämförelsetabell i WordPress?

Jämförelsetabell på mobil

Fördelar och nackdelar med WP Table Builder Plugin

Insticksprogrammet har fördelar och få begränsningar.

Fördelar

  • Insticksprogrammet är ett vackert verktyg för att skapa responsiva jämförelsetabeller på din WordPress -webbplats.
  • Det visar inga irriterande annonser eller merförsäljning i administrationssektionen.
  • Enkelt, dra och släpp -gränssnitt med anpassningsbara alternativ.
  • Kortkoder för att infoga tabellen var som helst på din webbplats.

Nackdelar

  • Efter att ha valt kolumner och rader finns det inget sätt att ändra det. Om du vill ta bort en kolumn eller rad måste du skapa från början.
  • Ingen möjlighet att ordna om raderna och kolumnerna.

Vi hoppas att de framtida uppdateringarna kan innehålla dessa alternativ.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer