プラグインを使わずにWordPressにテーブルを挿入する方法

プラグインを使わずにWordPressにテーブルを挿入するにはどうすればよいですか?

WordPress は非常に強力ですが、エディターは非常にシンプルです。プラグイン機能が豊富なため、WordPress はバックグラウンド エディターを簡素化しているのかもしれません。もちろん、WordPress エディターは簡単なテキストや画像を入力することは十分に可能ですが、表などのもう少し複雑な形式を入力したい場合は、WordPress に身を委ねる必要があります。 WordPressエディターには「Wordから貼り付け」ファンクションキーがありますが、Dreamweaverで編集したテーブルコードをWordPressエディターに貼り付けても、WordからコピーしてWordPressに貼り付けたテーブルは消えてしまいますが、依然として完璧にHTMLでレンダリングすることはできませんフォーマット。

おすすめ: "wordpress チュートリアル"

WordPress にテーブルを挿入するのは難しくありません。wp-table プラグインを使用すると簡単にできます。 -in それはできますが、問題が発生したときにすぐにプラグインを使用して解決すると、遅かれ早かれ WordPress はダウンしてしまいます。私のスローガンをもう一度繰り返します。コードでそれができるなら、プラグインは絶対に使用しないでください。したがって、この記事では wp-table プラグインについてはコメントしません。必要な友達は試してみてください。この記事の焦点は、プラグインを使わずに WordPress にテーブルを挿入する方法を紹介することです。

本題に入りますが、caption 属性を使用して画像に説明枠を追加するのと同じように、WordPress にテーブルを挿入するには、テーブルの CSS スタイルを定義するだけです。参照コードは次のとおりです。

コードは次のとおりです:

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

WordPress バックエンド エディターにテーブルを挿入するときは、Dreamweaver などのエディターを使用して事前にテーブルを描画し、次に、コードを HTML 形式に貼り付け、class="table" を引用します。例:

コードは次のとおりです:

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

効果:

行 1、列1、行 1、列 2

行 2 列 1 行 2 列 2

以上がプラグインを使わずにWordPressにテーブルを挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。