サルでき流 WordPressではじめる企業サイトの作り方

第44回 中小企業経営者さんのための企業サイト作り 実践編その④「イマドキの価格表を作る:Go Pricing」

この記事を読むのに必要な時間:およそ 5.5 分

価格表を作ってみよう!(基本編その1)

最初は基本編です。 ここでは,まず表の作成自体を覚えるために,雛形をほとんどイジらずに表を作ってみます。

●STEP1:雛形から表を複製する

Demo Blue 01を選択して,⁠Clone(複製⁠⁠」ボタンを押す

Demo Blue 01を選択して,「Clone(複製)」ボタンを押す

●STEP2:表を編集する

一番下に複製された表ができているので,選択して「Edit(編集⁠⁠」ボタンを押す

一番下に複製された表ができているので,選択して「Edit(編集)」ボタンを押す

設定画面が出てくるので,⁠表名」「表ID」を自分がわかりやすいものに変更する

設定画面が出てくるので,「表名」と「表ID」を自分がわかりやすいものに変更する

スクロールしていくと,表の詳細を設定する部分がありますが,今はそ~っとスルーしつつ,⁠Save」ボタンを押す

スクロールしていくと,表の詳細を設定する部分がありますが,今はそ~っとスルーしつつ,「Save」ボタンを押す

●STEP3:表をWebサイトに設置する

「固定ページ」「新規追加」して,⁠記事タイトル」を設定する

「固定ページ」を「新規追加」して,「記事タイトル」を設定する

エディタを「ビジュアル」から「テキスト」に切り替え,以下のコードを書く

エディタを「ビジュアル」から「テキスト」に切り替え,以下のコードを書く

コード:[go_pricing id="表ID"]

「公開」ボタンを押す

「公開」ボタンを押す

●STEP4:Webサイトで見てみよう!

なんだかここまでは,いつになくサクサクと進んでいますね……,あまりに「何もやっていない感」があって,正直心配(?)です。ちゃんと表はできているのでしょうか?

それでは,ドキドキ・ワクワクしながら,公開した固定ページを見てみましょう!

ええっ!ホントに!?

ええっ!ホントに!?

おおっ!ちゃ~んと表ができていましたよっ!

作った実感はまったくないですけど,これはまぎれもなく「表」です。しかもかなりカッコイイ!

マウスを表に乗せると,乗せた列がぐいーんとフォーカスされたりして

マウスを表に乗せると,乗せた列がぐいーんとフォーカスされたりして

いや~,スゴいですね~。

よーし,設置完了,基本編終わりっ!

著者プロフィール

カワサキタカシ(かわさきたかし)

元アイ・ビー・エムERPコンサルタント,元アップル教育ソリューション開発者兼営業,他にも様々な経験を経て,人材育成会社『株式会社マイウェイ』を夫婦で起業。現在,同社の取締役兼なんでも担当。

「Webサイト」から「iPhoneアプリ」,「ビジネスサービス」から「会社」まで,『作ること』が好き。そして作る楽しさを誰かに『教えること』も好き。楽しく作る技術を学ぶコミュニティ,『サルでき.jp』をぐーたら管理中。

著書に『iPhoneアプリ開発塾』(技術評論社),『サルにもできるiPhone同人誌の創り方』(飛鳥新社)がある。

株式会社マイウェイ Webサイト
株式会社マイウェイ Facebook
カワサキタカシ Facebook
サルでき.jp


企業サイト作り(運用)にお困りの経営者さま・Webご担当者さま。ワタシ,『企業サイトを楽しく作る(育てる)ためのサポートサービス』もやっております。困り果てて現実逃避の小旅行に出かける前に,是非一度弊社Webサイトまでお気軽にご相談くださいませ。