Onlangs vroeg een van onze bezoekers ons hoe plaats ik een tabel in WordPress?

Dit is een functie die niet standaard is ingeschakeld WordPressonze publicaties bestaan ​​echter niet in de eerste plaats uit titels en paragrafen. Sommige blogs gebruiken ook tabellen om verschillende redenen. Het probleem zoals gewoonlijk is dat het vaak moeilijk is om te weten welke plug-ins je moet gebruiken.

Om te reageren op een probleem van een van onze abonnees, Ik zal je in deze tutorial laten zien hoe je mooie tabellen aan je WordPress-website kunt toevoegen dankzij de plug-in TablePress.

Als u een punt van deze tutorial niet begrijpt, onze Feedback formulier staat tot uw beschikking.

Ben je er klaar voor Het is weg!

hoe u een tafel plaatst

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe installeer ik een WordPress blog in 7 stappen et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Installeren en configureren inpluggen tablePress

Inderdaad, we zullen de inpluggen TablePress, dat overigens bekend is voor het toevoegen van tabellen aan WordPress-berichten en -pagina's. Ik nodig je uit om installeer het vanaf uw dashboard. Vous pouvez aussi download het als een zip-bestand en installeer het vanaf uw FTP.

Als het klaar is, zul je merken dat er een nieuw menu beschikbaar is in de linkerzijbalk van je dashboard. Zeker als het om configuraties gaat, hoef je niet veel te doen. 

U kunt het algehele ontwerp van de tabel echter aanpassen door er CSS-code aan toe te voegen en de locatie van het menu te definiëren « tablePress » in het menu aan de linkerkant van de tableau de bord.

tablepress-configuratie

Hoe voeg je een nieuwe tabel toe aan je blog

Op het menu TablePress », Klik op« Voeg een array toe . Op de nieuwe pagina moet u een naam aan uw tabel geven, een beschrijving (facultatief), maar definieer vooral het aantal rijen en kolommen. Als u klaar bent, klikt u op ' Voeg een array toe .

hoe u een tafel plaatst

Ga na het toevoegen van uw tafel naar de bewerkingspagina. Op deze pagina kunt u de nom en beschrijving van het schilderij (tot dan niets bijzonders), maar ook en vooral kunt u de tabel manipuleren, met name door tekst in de velden van elke kolom toe te voegen.

change of a-column

Er zijn andere aanvullende opties beschikbaar, waarmee u:

  • Voeg een afbeelding toe
  • Voeg een link toe
  • Open de geavanceerde code-editor (Alleen HTML-ontwikkelaar)
  • Om een ​​lijn te verbergen of weer te geven
  • Een regel dupliceren, invoegen of verwijderen
  • Voeg nieuwe lege regels toe

Deze verschillende opties zijn van toepassing op lijnen (links) en naar de kolommen (rechts).

Maak ook prijslijsten op uw blog of website met deze 8 premium WordPress-plug-ins

hoe u een tafel plaatst

De sectie Tabelopties Geeft u de mogelijkheid om bepaalde opties zoals te definiëren definiëren " de eerste regel van de tabel Als de kop en die van het definiëren van ' de laatste regel van de tabel Zo laag. U kunt ook andere zichtbaarheidsopties definiëren en er CSS-code aan toevoegen.

hoe u een tafel plaatst

Om uw tafel dynamisch te maken, kunt u de optie " DataTables Uit de sectie Inhoud de JavaScript-bibliotheek van DataTables . Deze functie is standaard ingeschakeld en geeft u de mogelijkheid om enkele andere functies in te schakelen, zoals sorteren, pagineren en meer.

Ontdek Hoe maak je een parallax effect toe te voegen op een WordPress theme

hoe u een tafel plaatst

Als u klaar bent met het aanpassen van uw tabel, vergeet dan niet uw wijzigingen op te slaan door op " Bewaar wijzigingen .

Zie ook Hoe WordPress-artikelen te herschikken in 2-methoden

Onderaan de pagina ziet u 3 andere knoppen waarmee u:

  • Kopieer tabel : d.w.z. maak een nieuwe tafel, geïnspireerd door de momenteel gewijzigde
  • Export tabel: met deze functionaliteit kan de informatie van een tabel worden gebruikt op een andere installatie van " TablePress U kunt deze functie ook gebruiken om back-ups van uw tafel te maken.
  • Verwijder tafel : deze functie is dat kunnen we niet claire, het is het verwijderen van een tabel die wordt bewerkt.

hoe u een tafel plaatst

Hoe de tabellen op uw website te beheren

Alle tabellen die u maakt, zijn beschikbaar op de " TablePress >> Alles de schilderijen . Vanaf deze locatie kunt u gegroepeerde acties uitvoeren, waaronder tabellen kopiëren, verwijderen of exporteren. Als je deze acties liever op een bepaald bord uitvoert, beweeg je erover en je ziet de opties.

Het is ook vanaf deze locatie dat u het shortcodes van de tabel, die u in een artikel of een pagina van uw keuze zult toevoegen.

Maak uw blog hiermee populair 10 WordPress plug-ins om uw artikelen te delen op sociale netwerken

U hoeft u niet te vertellen dat u op de naam van de tabel moet klikken om wijzigingen in een tabel aan te brengen.

hoe u een tafel plaatst

Hoe maak je een tabel te importeren

TablePress geeft u de mogelijkheid om tabellen te exporteren en te importeren op dezelfde installatie van WordPressOf elders. Toch moet u toegang krijgen tot de locatie " TablePress >> Importeer een tabel .

Van daaruit kunt u de bron van de tabel bepalen (Bestand, URL, Op het zuiden de server, handmatige invoer).

hoe u een tafel plaatst

Hoe maak je een foto toe te voegen aan een artikel of pagina

Vanaf de startpagina van inpluggenu kunt de herstellen shortcodes, zoals ik al eerder zei, door op de link te klikken "Toon de snelkoppeling".

Post-shortcode

Kopieer deze code en voeg deze toe aan de visuele editor van het bericht of de pagina.

Bovendien-u-functiecode-on-l-sectie

Zodra dat is gebeurd, publiceert u het artikel (of de pagina) en bekijkt ula. Uw mooi plaatje is in lijn met alle rijen en kolommen (dit is wat ik thuis heb kunnen bereiken met de thema van de week).

Table-voorvertoning

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. WordPress Ultimate Redirect

De plug-in "WordPress Ultimate Redirect" is de enige oplossing die u nodig hebt om al uw omleidingen, 404s, sitemigratie en / of domeinwijzigingen of overdrachtsbehoeften af ​​te handelen.

WordPress Ultimate Redirect-plug-in

Er zijn plug-ins die doen wat de plug-in doet, maar niet allemaal tegelijkertijd. Deze plug-in biedt alle gebruikelijke 404-omleidingsfunctionaliteit, plus onze favoriete "auto-omleiding naar de dichtstbijzijnde URL-overeenkomst".

Downloaden | demonstratie | web hosting

2. Aangepaste velden voor boeken

Het is belangrijk op te merken dat dit WordPress Plugin is een add-on waarvoor de WordPress Plugin Boekbaar te bedienen. Klanten of bezoekers zijn standaard gewend om verschillende velden in te vullen, zoals naam, telefoonnummer en e-mailadres voordat ze een reservering bevestigen.Bookly Custom Fields Toevoegen aan WordPess-plug-in

Maar met dit WordPress Plugin, kunt u hen vragen meer velden in te vullen, om uiteindelijk meer details of ander soort informatie te verkrijgen. Deze nieuwe velden verschijnen in de uploadstap van het boekingsproces en de boekingsgegevens worden toegevoegd aan uw Bookly-kalender.

De kenmerken zijn onder andere: de mogelijkheid om zoveel velden aan te maken als nodig is, ondersteuning voor verschillende soorten velden, de mogelijkheid om bepaalde velden verplicht of optioneel te maken bij het invullen, gedetailleerde documentatie en nog veel meer.

Downloaden demonstratie | web hosting

3. Elegante tabbladen voor Beaver Builder

Via deze plug-in kunt u elke shortcode in meerdere tabbladen toevoegen, zodat gebruikers kunnen kiezen welke gegevens ze willen zien.elegant-tabs-for-beaver-builder-plugin-wordpress-to-page-builder

Als kenmerken vinden we: de pmogelijkheid om aan te passen (kleuren, pictogrammen, achtergronden voor verschillende secties / tabbladen), de iintegratie van WYSIWYG, de mogelijkheid om te selecteren een pictogram voor elk tabblad uit de fontbibliotheek die beschikbaar is in Beaver Builder,tabuitlijning (10 verschillende tabstijlen en tal van variaties voor eenvoudige aanpassing

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Hier! Dat is alles voor deze tutorial gewijd aan het maken en toevoegen van een tabel op de pagina's of artikelen van uw WordPress-website dankzij TablePress. Ik hoop dat je het nuttig vond. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

En als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...