こんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。
ワードプレスで料金表を作ってみたいと考えたことはありませんか?ウェブサイトにはテーブルと呼ばれる表組み用のタグが用意されています。料金表はこのテーブルという技術を使えば一瞬で作れます。
ワードプレスで料金表を作るもっとも手軽な方法とは?
まずは完成図の表をご紹介いたします。
上記は以前に別の記事で書いた料金表。料金表が掲載されている記事はこちらです。
料金表を事前準備する専用ツール
実はレイアウトを作るための便利なサービスがあります。
下の図をマウスで選びながら「結合」「分割」などのボタンを押すだけです。ちなみに「td⇔th」というボタンは通常のマス目を見出しに変更できるボタンとなります。完成図のグレー部分は「th」です。
行と列を決めてレイアウトを決めましょう。茶色の箇所は「th」。くっついている箇所が結合。以下のように事前に表組みとなる基礎部分を作ります。ちなみに矢印を使えば操作を戻したり進めたりもできます。
専用のコードが以下に出力されます。
メモ帳などにコピーしていきましょう。
コード内の「th」や「td」がどこに該当するかの規則性は覚える必要があります。そして出来上がったコードをワードプレスのエディターに流し込みましょう。テキストモードに切り替えて貼り付けます。
そして保存するとレイアウト通りにページ内に差し込めます。
適用しているテーマによっては「table(料金表)設置に対応していない場合」もあります。料金表(HTMLの表)の作成は以下URLから行えます。慣れると数分で作れますのでぜひ一度お試しくださいませ。
▼Table Tag Generator
https://tabletag.net/ja/
最新式の無料プラグインを事前公開
WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する