
使用テーマ: SKT Coffee
カスタマイズ:全体の色調整、スライダーの画像設定、ブログページ、TOPへ戻るボタン挿入、地図埋め込み、フッター表示調整 など
<架空ウェブサイト>
WordPressを使用した、スクールの卒業課題として制作したサイト。
コンセプトは、「おいしいコーヒーにとことんこだわったお店の新規オープンに合わせたサイト」です。
架空とはいえ実際の案件応募を想定した課題でしたので、妥協せずに、クライアントのコーヒーへの熱い思いに負けず とことんこだわって(笑)取り組みました。
サイトはこちら
使用技術
WordPress(既存テーマ使用)
PHP
CSS
想定依頼内容
クライアント:コーヒーにとことんこだわるカフェのオーナー
オーナー自らがブログとしてコーヒーにまつわるエピソードや豆知識を日々載せていきたい
シンプルだが親しみやすいデザインを希望
制作にあたって工夫したこと
オーナーさまのコーヒー愛が最大限に伝わるよう、またシンプルかつ見やすいサイトになるように気を配りました。
全体のカラーをコーヒー色で統一。
TOPページはメニュー一覧からお問い合わせまでの「必要な情報」をわかりやすく表示させ、サイドバーでカテゴリごとに記事を見られるようにしました。
プラグインを使用した「TOPに戻るボタン」の挿入や、トップ画面でのスライダーを設定。
PHPやCSSを使い、ブロックの位置をずらしたり、フッターエリアの不要な部分を非表示にするなどのカスタマイズをしています。
苦労したこと
このテーマはスライダーが固定ページを使う仕様になっていたので、固定ページでアイキャッチ画像とタイトルだけを入れたものを3枚作成して設定しました。キャプションの位置などがなかなかしっくりこずに悪戦苦闘しました。
フッターエリアもデフォルトでいろいろなブロックが設定されており、不要なブロックを非表示にしたうえでナビゲーションメニューを左に持ってくるのが難しく、こちらも試行錯誤のうえやっと良い感じに収まりました。
スライダー画像

メニューセクション

お客様の声&ブログ一覧

お問い合わせセクション

ブログ詳細ページ

店舗情報とフッター
