ホーム 経験・テクニック共有 標準記事

標準記事

WordPressに表を追加する6つの方法

WordPressの外国貿易サイト構築に携わるお客様が増えるにつれ、ほとんどの場合、記事やページにWordPressのテーブルを挿入して製品パラメータを列挙する必要があります。本記事ではNaibaが6つのWordPressテーブル追加方法をまとめます。 WordPressサイトにテーブルデータを挿入するには、以下の方法から選択できます。 方法1:コピー&ペースト Word…

2023年2月19日更新 約3分で読めます
给WordPress添加表格的6种方法

コンタクトWordPress外国貿易向けサイト構築クライアントが増えるにつれ、記事やページにWordPressテーブルを挿入して製品仕様を一覧表示する必要性がほぼ共通しています。本記事では、NaibaがWordPressにテーブルを追加する6つの方法をまとめました。

WordPressサイトにテーブルデータを挿入したい場合は、以下の方法から選択して実現できます:

方法1:コピー&ペースト

复制粘贴表格

WordPressでテーブルを追加する方法1は、WordやExcelのテーブルを直接コピーし、WordPressエディターに切り替えて貼り付けることで、テーブルを挿入できます。

この方法は最も便利ですが、欠点も明らかです。複雑なテーブルを貼り付けるとレイアウトが崩れる可能性があり、テーブルのスタイルもWordやExcelとは異なるため、自分でコードを修正する必要があります。

方法2:Gutenbergエディターで追加

古腾堡编辑器添加表格

GutenbergエディターはWordPressのデフォルトのページエディターなので、WordPressのGutenbergエディターで直接テーブルを追加できます。

この機能で作成したテーブルは複雑なスタイルには対応していませんが、互換性は良好です。

方法3:ビルダーを使用して追加

elementor 表格

多くのWordPressサイトでElementorなどの人気ページビルダーを使用しており、これらのビルダーにはテーブル機能が組み込まれているものや、アドオン拡張でテーブル機能を追加できるものがあります。

方法4:テーブルプラグインを使用

WordPress表格插件

WordPressプラグインディレクトリから、テーブル関連のプラグインを多数検索できます。Naiba サイト構築ノートでも以前にいくつか紹介しました:

  1. WordPressサイトにフローティングヘッダーとソート可能なテーブルを追加する方法:TablePress
  2. WordPressサイトにテーブルを挿入する便利で柔軟な方法:WP Table Builder
  3. 軽量なWordPressレスポンシブテーブルプラグイン:Responsive Data Table
  4. セル結合をサポートするWPテーブルプラグインData Tables Generator by Supsystic

無料のテーブルプラグインに加えて、注意深く検索すると有料のテーブルプラグインも見つかります。各プラグインを試して、自分が使いやすいものをインストールして使用すればよいです。

方法5:画像を使用する

テーブルが複雑な場合、画像を挿入する方法が最も便利です。SEO懸念点があるかもしれませんが、画像を挿入したテーブルの表示形式が上記の7つの方法よりもユーザーエクスペリエンスに有利であれば、画像の挿入も良い方法です。

方法6:オンラインHTMLコード生成を使用する

https://www.tablesgenerator.com/html_tablesは、テーブルのHTMLコードをオンラインで生成するウェブサイトで、テーブルコンテンツをHTMLコードに変換し、WordPressに貼り付けることができます。

使用方法:

1. Fileの下で新規作成(New table)、デモテーブルの作成(Create an example table)をクリックするか、Tableメニューの下で直接テーブルサイズを設定(Set size)できます。

2. Themeでテーブルのテーマスタイルを選択できます。

3. テーブルをダブルクリックして内容を入力し、上部のツールでセルを結合したり、画像やリンクを挿入したりできます。

4. HTMLコードを生成した後、すべてのHTMLコードをコピーします。

5、WordPressに先ほどのHTMLコードを貼り付けます(クラシックエディターの場合はテキストモードに切り替えて貼り付け、Gutenbergエディターの場合はHTMLブロックを直接追加して貼り付けます)。

 

以上がNaibaが皆さんに紹介した6つのWordPressテーブル追加方法です。自分に合った方法を選んで使用してください。

4.5/5 - (15 票)
前の記事 WooCommerceのPayPal standard決済インターフェースを復元する 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 WooCommerceのカート追加ボタンを削除・非表示にする方法 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: