はじめてのWordPress勉強会

vol.4 ホームページの設計

自己紹介

• 森田 昌宏 （もりた まさひろ）

• 業務系システム開発

• Android アプリ開発

① サイトの目的を考える

「何を伝えるか」を考える

リフォームが得意なので、

リフォームに関する情報を伝えたい

どんなコンテンツを作るかが決まる

② ユーザーの目的を考える

「ユーザーは何を知りたいか」

を考える

リフォームをしたいけど、

実際の工事の流れを知りたい

必要とされるコンテンツに気付くコンテンツの見せ方が定まる

③ デザインコンセプトを考える

コンテンツを整理する

「レイアウト」が重要。

• 情報が探しやすい

• 読みやすい

④ テーマ制作を考える

• 既存のテーマを使う

• 自分でテーマを作る

• 制作会社に発注する

⑤ サイトマップを作る

• 必要なコンテンツを書き出す

• コンテンツをもとにサイトマップを作成する

⑥ サイト計画に使える便利な Web サービス

オンラインドローツール

「Cacoo」

https://cacoo.com/

⑦ WordPress に組み込む方法を考える

コンテンツを分類する

• 「投稿」

• 「固定ページ」

⑧ 投稿

追加される記事を時系列で

管理・表示する

投稿は「カテゴリー」や「タグ」を使って、

更にグループ分けができる

⑨ 固定ページ

時系列とは関係ないページを作る

古いページでも常に同じ場所に固定して表示

⑩ プラグインで実装するコンテンツ

「プラグイン」で代替できるコンテンツ

を考える

Google マップ

「Google Maps v3 shortcode」プラグイン

メールフォーム

「Contact Form 7」プラグイン

⑪ ページのレイアウトを考える

ヘッダー

メインコンテンツサイド

バー

フッター

⑫ ワイヤーフレームを作る

各ページの設計図。

ページ内のコンテンツをどこに配置するか

を図にする。