プラグインを使わずに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 サイトの他の関連記事を参照してください。