WordPressでHP作成手順.mmap - 2014/11/04 -

WordPressでHP作成手順
① HP全体の構成とメニュー構造を決める
HP全体の構成図(ワイヤーフレーム)を作成する
各ページのコンテンツ概要を書き込む
必要な画像のイメージ、文章の概略を書き込む
メニュー構造図を作成する
ヘッダーNavi
サイドバー
フッターNavi
フッターサイトマップ
②ロゴとスライドショー画像作成
HPのロゴ作成
幅500px × 高さ60px
スライドショー画像3枚作成
幅950px × 高さ250px
③サイトの基本設定
(システムの最適化)
WordPressインストール
サイトの基本情報設定
ディスカッション設定
使用テーマのインストールと設定
④お知らせ、ブログ設定
お知らせ(Information)設定
いわゆるwhat's Newが必要なら、
お知らせ機能を有効にする
ブログ(Blog)設定
ブログ機能を使うならカテゴリーを作成し、
機能を有効化する
⑤各固定ページを登録と基本設定
①の全体構成を基に登録していく
詳細の作成は後で行うので、登録だけ行う
⑥サイドバー画像作成(※必要なら)
サイドバーに表示するバナー画像を作成
幅220px × 高さ70px
⑦メニュー設定
①を基にメニュー設定する
ヘッダーNavi
サイドバー
フッターNavi
フッターサイトマップ
⑧各固定ページのコンテンツ作成
(テキスト、画像、動画)
①の全体構成を基に作成する
テキスト作成(テキストエディター)
画像作成(画像編集ソフト)
動画作成(動画編集ソフト)
⑨トップページを作る
(画像のalt属性とテキスト入力)
⑧で作ったコンテンツをトップページに適用する
作成したテキストをコピペ
画像をアップロードしてalt属性を入力
⑩各固定ページを作る
(画像のalt属性とテキスト入力)
⑧で作ったコンテンツを各固定ページに適用する
作成したテキストをコピペ
画像をアップロードしてalt属性を入力
⑪プラグイン設定(※必要に応じて)
問い合わせフォームプラグイン
ビジュアルエディタ拡張機能プラグイン
⑫必須プラグイン設定
Google XML SiteMap
バックアッププラグイン(BackWPup等)
⑬ SNSとの連携(※必要に応じて)
twitter
facebook
⑭細部微調整・確認
2種類以上のブラウザで表示を確認
問い合わせフォームなど、テスト状態から
運用させる状態にメルアド設定等変更
⑮完成、運用開始
WordPressで HP作成手順.mmap - 2014/11/04 -