「BusinessPress」は国産の無料WordPressテーマです。
架空のWEBサイト制作シリーズ。
前回に引き続き、BusinessPressでのサイト制作「その１１」。
前回で、ブログページを作成完了させました。
今回はトップページ以外の各固定ページを作っていきます。
基本的に、今回は複数ページにまたがるので、サラッと簡潔に記述します。
ブロックの構成・種類・設定内容のみの箇条書き解説になります。
以下の状態にまで作り上げます。
＊TAKADAパソコン教室 – ○○県○○市 初心者でも安心なPC教室
（架空のダミーサイトです）
講座紹介ページの作成
＊講座紹介
このページのブロックは以下のように構成されています。
１，「リスト」
２，「見出し」
３，「フロー」
４，「カバー」再利用化
１，「リスト」
◇スタイル⇒チェック
◇リストアイコンの色⇒オレンジ
◇グループ化して幅広
２，「見出し」
◇「その５」の見出しと同じ
３，「フロー」
◇「その７」の「受講までの流れ」とほぼ同じ
◇違うのは、矢印の表示⇒矢印を表示しない
４，「カバー」再利用化
◇「その７」で作成、再利用化
◇「その８」で再利用の使用手順
講師紹介ページの作成
＊講師紹介
このページのブロックは以下のように構成されています。
１，「スタッフ」
２，「カバー」再利用化
１，「スタッフ」
◇レイアウト⇒画像 左
◇色⇒プロフィールタイトル⇒濃いメインカラー（#049ca8）
◇グループ化して幅広
２，「カバー」再利用化
◇「その７」で作成、再利用化
◇「その８」で再利用の使用手順
「スタッフ」がブロックの一覧に表示されない人は、「その４」のVK Blocksの設定で非表示のままにしている可能性があります。
無料体験学習お申込とお問い合わせページの作成
この２つのページのブロックは以下のように構成されています。
１，「見出し」
２，「段落」
３，「見出し」
４，「ショートコード」
１，「見出し」
◇「その５」の見出しと同じ
２，「段落」
◇段落を２つ使う
◇上の電話番号はアクションカラー（#ff6f61）
３，「見出し」
◇「その５」の見出しと同じ
４，「ショートコード」
◇ブロック「ショートコード」を使用。ショートコード記述用のブロック
◇プラグイン「Contact Form 7」のショートコードを書き込む
◇ここは幅広にせず、通常のまま。幅広にすると左に寄ってしまうため。
アクセスページの作成
＊アクセス
このページのブロックは以下のように構成されています。
１，「画像」
２，「見出し」
３，「段落」
４，「見出し」
５，「カスタム HTML」
６，「カバー」再利用化
１，「画像」
◇画像の寸法⇒幅⇒600（px）
◇中央寄せ
◇ここは幅広にせず、通常のまま。
２，「見出し」
◇「その５」の見出しと同じ
３，「段落」
◇段落を２つ使う
４，「見出し」
◇「その５」の見出しと同じ
５，「カスタムHTML」
◇ブロック「カスタムHTML」を使用。htmlコード入力用ブロック。
◇Googleマップの「共有」⇒「地図を埋め込む」表示されたhtmlコードを記述
◇コード内の「width=”600″ height=”450″」を「width=”100%” height=”650″」に修正
◇グループ化し、幅広に。
６，「カバー」再利用化
◇「その７」で作成、再利用化
◇「その８」で再利用の使用手順
今回はここまで
今回はシンプル解説でしたが、以下の５ページを作成しました。
◇講座紹介
◇講師紹介
◇無料体験学習お申込
◇お問い合わせ
◇アクセス
＼ よ～やく、これでサイトは完成です ／
お疲れ様でした～～
で、次回は最終回「応用編」として、気になった幾つかの箇所をCSSで調整します。
