ワードプレスで料金表を作るもっとも手軽な方法とは?

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

こんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。

ワードプレスで料金表を作ってみたいと考えたことはありませんか?ウェブサイトにはテーブルと呼ばれる表組み用のタグが用意されています。料金表はこのテーブルという技術を使えば一瞬で作れます。

ワードプレスで料金表を作るもっとも手軽な方法とは?

まずは完成図の表をご紹介いたします。

上記は以前に別の記事で書いた料金表。料金表が掲載されている記事はこちらです。

料金表を事前準備する専用ツール

実はレイアウトを作るための便利なサービスがあります。

下の図をマウスで選びながら「結合」「分割」などのボタンを押すだけです。ちなみに「td⇔th」というボタンは通常のマス目を見出しに変更できるボタンとなります。完成図のグレー部分は「th」です。

行と列を決めてレイアウトを決めましょう。茶色の箇所は「th」。くっついている箇所が結合。以下のように事前に表組みとなる基礎部分を作ります。ちなみに矢印を使えば操作を戻したり進めたりもできます。

専用のコードが以下に出力されます。

メモ帳などにコピーしていきましょう。

コード内の「th」や「td」がどこに該当するかの規則性は覚える必要があります。そして出来上がったコードをワードプレスのエディターに流し込みましょう。テキストモードに切り替えて貼り付けます。

そして保存するとレイアウト通りにページ内に差し込めます。

適用しているテーマによっては「table(料金表)設置に対応していない場合」もあります。料金表(HTMLの表)の作成は以下URLから行えます。慣れると数分で作れますのでぜひ一度お試しくださいませ。

▼Table Tag Generator
https://tabletag.net/ja/

最新式の無料プラグインを事前公開

WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
改良されたプラグインを確認する

ワードプレス専門家に丸投げする

WPホームページ研究所はワードプレスを中心としたブログ作成・ホームページ制作・オウンドメディア構築・プラグイン設定・調整など幅広いカスタマイズに対応しております。 記事の掲載情報だけでなくお好みの機能をいただければ専属スタッフが心を込めて真摯に対応させていただきます。お気軽にお問い合わせください。

お問い合わせの種類をお選びください(もっとも近い項目)

法人の場合は法人名とご担当者のお名前をご入力ください

返信時のご連絡に利用するメールアドレスをご入力ください

💻ウェブサイト運営でお困りの方へ

⇒ WordPressの設定ミスを即日で解決  安心の定額サポート

運営中のウェブサイトURLがあればご入力ください

お困りの内容があれば詳しい内容をお聞かせください