So fügen Sie eine Tabelle in WordPress ohne Plugins ein

Wie füge ich eine Tabelle in WordPress ohne Plug-in ein?

WordPress ist sehr leistungsfähig, aber sein Editor ist sehr einfach. Vielleicht hat WordPress den Hintergrundeditor aufgrund seiner umfangreichen Plug-in-Funktionen vereinfacht. Natürlich ist der WordPress-Editor durchaus in der Lage, einige einfache Texte und Bilder einzugeben, aber wenn Sie etwas komplexere Formate wie Tabellen eingeben möchten, müssen Sie WordPress kapitulieren. Obwohl es im WordPress-Editor eine Funktionstaste „Aus Word einfügen“ gibt, verschwindet die aus Word kopierte und in WordPress eingefügte Tabelle, auch wenn der in Dreamweaver bearbeitete Tabellencode in den WordPress-Editor eingefügt wird. Sie kann immer noch nicht perfekt in HTML gerendert werden Format.

Empfohlen: "WordPress-Tutorial"

Es ist nicht schwierig, eine Tabelle in WordPress einzufügen. Sie können einfach den wp-table-Plugin verwenden -in Wir können es schaffen, aber wenn wir Plug-Ins verwenden, um Probleme zu lösen, sobald wir auf sie stoßen, wird WordPress früher oder später abstürzen. Lassen Sie mich meinen Slogan noch einmal wiederholen: Wenn Sie es mit Code schaffen, verwenden Sie niemals Plug-Ins! Daher gibt es in diesem Artikel keine Kommentare zum wp-table-Plugin. Der Schwerpunkt dieses Artikels liegt auf der Einführung der Methode zum Einfügen von Tabellen in WordPress.

Um es auf den Punkt zu bringen: Genau wie bei der Verwendung des caption-Attributs zum Hinzufügen eines Beschreibungsrahmens zu einem Bild müssen wir zum Einfügen einer Tabelle in WordPress nur einen CSS-Stil für die Tabelle definieren. Der Referenzcode lautet wie folgt:

Der Code lautet wie folgt:

/*----------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; 
}

Wenn Sie eine Tabelle in den WordPress-Backend-Editor einfügen, verwenden Sie einfach einen Editor wie Dreamweaver, um die Tabelle im Voraus zu zeichnen, und Fügen Sie dann den Code in das HTML-Format ein und zitieren Sie class="table", zum Beispiel:

Der Code lautet wie folgt:

<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>

Effekt:

Zeile 1, Spalte 1, Zeile 1, Spalte 2

Zeile 2 Spalte 1 Zeile 2 Spalte 2

Das obige ist der detaillierte Inhalt vonSo fügen Sie eine Tabelle in WordPress ohne Plugins ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!