テーマプラグインサイトマップ管理人にプラグイン料金表を作成・挿入できるプラグイン料金表を作成・挿入できるプラグイン2016/12/5Kazuyoshi企業や店舗などのウェブサイトでよく見かける料金表を、WordPressで手軽に作成・挿入できるプラグインがあります。簡単な入力と設定で、各種プラン・コース別の料金表が完成します。WordPressで料金表を作成・挿入するプラグインWordPressでテーブル(表)を作成・挿入できるプラグインを以前に紹介しました。今回は、料金表の作成・挿入に特化したプラグインを紹介します。公式サイト(プラグインディレクトリ)に登録されています。検索し、インストール・有効化してください。プラグインは、設定画面がシンプルで、直感的な操作が可能です。Tablesで作成する実例を紹介します。※表内のデータは架空のものです。Tables]が追加されます。New]をクリックします。プラグインには、料金表内に表示する文字などを入力する「Content」メニューと、色や文字サイズなどを変更できる「Design」メニューがあります。「Content」で表示項目を入力する「Content」で入力できる項目は、次の通りです。Featureをクリックすると、おすすめプランとして設定できます。Columnをクリックします。今回は、下のように入力しました。「Design」でデザインを変更する「Design」で設定できる項目は、次の通りです。Settings)一般設定では、次の項目を変更できます。Textおすすめプランの見出しを変更できます。Radius表の角に丸みを付けることができます。Height各プランの表の高さを自動的に揃える機能です。ここのチェックを外すと、下のようになります。Sizes)次の項目の文字サイズを変更できます。Sizeボタン内の文字サイズ今回の例では、設定を変更しませんでした。Column)の色を、個別に変更することができます。今回の例では、設定を変更しませんでした。CSS)カスタムCSSは、CSS(カスケーディング・スタイル・シート)を使用します。CSSについては、下記が参考になります。CSSの基本-HTMLクイックリファレンスCSSリファレンス(CSS入門)今回の例では、おすすめプランの見出しの背景色を、ボタンの色と同じものに変更してみます。カスタムCSSには、下記のコードを入力しました。Previewをクリックすると、設定の保存とプレビューの確認をすることができます。プレビューを確認すると、目的の料金表を作成できていました。作成した料金表をページ内に挿入するここまでで作成した料金表を、ページ内に挿入する作業です。今回は、固定ページで「プラン別料金表のご案内」というページを作成し、その中に料金表を挿入しました。Tableをクリックします。作成した料金表を選択して、Insertをクリックします。編集画面に、料金表を表示させるためのショートコードが挿入されました。プレビューを確認してみましょう。下のように料金表が挿入できました。Sixteenを利用時のプレビュー画面です。WordPress超入門WordPressでビジネスサイトを作るために必要な、基本的な知識が理解できる“超”入門書。Web制作に必要なHTML・CSS・PHPなどの専門知識がなくても読み進められる1冊です。SEO(検索エンジン最適化)やセキュリティの対策についても解説されています。楽天おすすめのテーマWordPressテーマ「LAW」コーポレートサイト(企業サイト)向けのテーマ。第一印象で信頼性や専門性を的確にアピールし、Webサイトのゴールである「お問い合わせ」まで自然に繋がっていく“導線”にこだわったテンプレートです。