Comment insérer un tableau dans WordPress sans plugins

Comment insérer un tableau dans wordpress sans plug-in ?

WordPress est très puissant, mais son éditeur est très simple. Peut-être que WordPress a simplifié l'éditeur en arrière-plan grâce à ses riches fonctions de plug-in. Bien sûr, l’éditeur WordPress est tout à fait capable de saisir du texte et des images simples, mais si vous souhaitez saisir des formats légèrement plus complexes comme des tableaux, vous devez vous abandonner à WordPress. Bien qu'il existe une touche de fonction « Coller depuis Word » dans l'éditeur WordPress, le tableau copié depuis Word et collé dans WordPress disparaîtra, même si le code du tableau modifié dans Dreamweaver est collé dans l'éditeur WordPress. Il ne peut toujours pas être rendu parfaitement en HTML. format.

Recommandé : "Tutoriel WordPress"

Il n'est pas difficile d'insérer un tableau dans WordPress Vous pouvez facilement utiliser le plug wp-table. -in Nous pouvons le faire, mais si nous utilisons des plug-ins pour résoudre les problèmes dès que nous les rencontrons, WordPress sera abandonné tôt ou tard. Permettez-moi de réitérer mon slogan : si vous pouvez le faire avec du code, n'utilisez jamais de plug-ins ! Par conséquent, cet article ne fait aucun commentaire sur le plug-in wp-table. Les amis dans le besoin peuvent l'essayer. L'objectif de cet article est de présenter la méthode d'insertion de tableaux dans WordPress sans plug-ins.

Pour en venir au fait, tout comme l'utilisation de l'attribut caption pour ajouter une bordure de description à une image, pour insérer un tableau dans WordPress, il suffit de définir un style CSS pour le tableau. Le code de référence est le suivant :

Le code est le suivant :

/*----------table----------*/ 
table.table { 
border-spacing:2px; 
border-collapse:separate; 
background-color:#FFF; 
border-color:gray; 
border-style:outset; 
border-width:1px; 
} 
table.table th { 
background-color:#FFF; 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
} 
table.table td { 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
}

Lors de l'insertion d'un tableau dans l'éditeur backend WordPress, utilisez simplement un éditeur comme Dreamweaver pour dessiner le tableau à l'avance, et puis collez le code au format HTML, et citez class="table", par exemple :

Le code est le suivant :

<table class="table" border="1" width="200" align="center"> 
<tbody> 
<tr> 
<td>第1行第1列</td> 
<td>第1行第2列</td> 
</tr> 
<tr> 
<td>第2行第1列</td> 
<td>第2行第2列</td> 
</tr> 
</tbody> 
</table>

Effet :

Rangée 1, Colonne 1, Ligne 1, Colonne 2

Ligne 2, Colonne 1, Ligne 2, Colonne 2

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!