賢 威 5.0 WPテンプレート プ 導 入 マニュアル (WP バージョン2.9 以 降 対 応 ) 2010.6.23 京 都 で 噂 のホームページ 制 作 チーム WEBライダー 当 文 書 の 著 作 権 はWEBライダーへ 帰 属 し 他 社 への 譲 渡 公 開 引 用 は 固 く 禁 止 させていただいております
本 書 の 利 用 規 約 1. 本 書 の 目 的 本 書 はWordPressバージョン2.9 以 降 に 賢 威 5.0 WPテンプレートを 適 用 する 手 順 を 解 説 したマニュアルです 本 書 では WordPressのインストール 方 法 はレクチャーしておりません データベースの 作 成 方 法 などは 各 サーバ 会 社 によって 異 なりますので WordPress 本 体 のインストールに 関 して 不 明 な 点 があった 際 には 各 サーバ 会 社 にお 問 い 合 わせ 下 さい 2. 本 書 記 載 の 情 報 について 本 書 記 載 の 情 報 は 2010 年 6 月 21 日 現 在 のものを 掲 載 しており URL 等 の 情 報 は 予 告 無 く 変 更 されることがあります また 各 キャプチャ 画 像 は Firefox3.6 を 用 いたものであり ブラウザの 環 境 によっては 表 示 が 異 なる 場 合 があります 3. 著 作 権 について 本 書 の 内 容 を 無 断 転 載 無 断 販 売 される 行 為 は 著 作 権 法 に 違 反 いたします そのような 行 為 が 発 覚 した 場 合 は 法 的 手 段 をとらせていただき 賠 償 請 求 等 のしかるべき 措 置 をとらせていただきます 4. 引 用 について 本 書 にて 引 用 させていただきましたサイト 様 には サイトURLを 記 載 することで 引 用 元 を 明 記 させていただきます 5. 本 書 に 関 するご 質 問 ご 意 見 について 本 書 に 関 するご 意 見 は 賢 威 のサポートフォーラムまで 御 願 いいたします
目 次 1 賢 威 WPテンプレートを 割 り 当 てる Step1 1 賢 威 WPテンプレートを themes ディレクトリにアップロードプ デ プ Step1 2 管 理 画 面 から 賢 威 テーマを 適 用 する 2 テンプレートの 解 説 3 サイトマップの 設 定 Step3 1 賢 威 テンプレートで 作 成 されるサイトマップについて Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする 4 ブログ 記 事 投 稿 画 面 の 解 説
1 賢 威 WPテンプレートを 割 り 当 てる
Step1 1 賢 威 WPテンプレートを themes ディレクトリにアップロード 1. お 使 いの FTPソフト を 使 って WordPressがインストールされているサーバへアクセスしてください 2. サーバへアクセスしたら WordPressの プログラム が 入 っているディレクトリの 中 へアクセスします その 中 に wp content というディレクトリがあります( 下 図 参 照 ) 3. この wp content の 中 に themes があります この themes ディレクトリの 中 に 賢 威 のWPテンプレートをアップします 次 ページより その 方 法 を 詳 しく 解 説 させていただきます
Step1 1 賢 威 WPテンプレートを themes ディレクトリにアップロード 賢 威 WP コーポレート 版 (2カラム blue) を bue) を 例 に 取 り上 げてみます サポートページからダウンロードした zipファイル を 解 凍 していただくと wp というフォルダ そして 賢 威 テンプレートご 利 用 規 約.txt というテキストファイルが 入 っています この wp フォルダを WordPressをインストールしたサーバの themes フォルダの 中 にアップロードしてください
Step1 2 管 理 画 面 から 賢 威 テーマを 適 用 する テンプレートのアップロードが 終 わったら WPの 管 理 画 面 へアクセスしてください 管 理 画 面 のダッシュボードのサイドメニューに 外 観 というメニューがあります 外 観 (あるいは 外 観 テーマ )をクリックしてテーマの 管 理 画 面 へ 移 動 してください
Step1 2 管 理 画 面 から 賢 威 テーマを 適 用 する テーマの 管 理 画 面 では テーマを 選 択 する 画 面 が 表 示 されています 下 図 のように 賢 威 テンプレートがテーマ(ここでは 賢 威 WP コーポレート 版 (2カラム blue) )として 表 示 されていれば さきほどのアップロードは 成 功 です テーマのサムネイルをクリックすると 右 下 図 のようにプレビューが 表 示 されます プレビュー 画 面 の 右 上 にある 賢 威 WP コーポレート 版 (2カラム blue) を 使 用 する をクリックしてください 賢 威 テーマの 適 用 はこれで 完 了 です
2 テンプレートの 解 説
Step2 賢 威 WPテンプレートの 解 説 ここでは 賢 威 WPテンプレートの 各 テンプレートの 役 割 を 簡 単 にご 説 明 します 少 々 難 しい 内 容 もありますので このステップは 読 み 飛 ばしていただいても 大 丈 夫 です index.php archive.php single.php page.php search.php comments.php 404.php sidebar.php header.php トップページを 作 成 するためのテンプレートです カテゴリアーカイブや 日 付 アーカイブを 作 成 するためのテンプレートです ブログ 記 事 を 作 成 するためのテンプレートです ウェブページを 作 成 するためのテンプレートです 検 索 結 果 を 作 成 するためのテンプレートです コメントエリアを 作 成 するためのテンプレートです エラーページを 作 成 するためのテンプレートです サイドバーを 作 成 するためのテンプレートです 1カラム 版 には 存 在 しません 3カラム 版 のみ sidebar 1.php sidebar 2.php の2つのテンプレートになります ヘッダ(<head></head>で 囲 まれた 部 分 )を 管 理 するためのテンプレートです headertext.php ヘッダ 部 分 のロゴやテキスト グローバルメニューなどを 管 理 するためのテンプレートです トです topmenu.php footer.php searchform.php page sitemap.php トップメニューを 管 理 するためのテンプレートです フッタを 管 理 するためのテンプレートです 検 索 フォームを 管 理 するためのテンプレートです サイトマップを 作 成 するためのテンプレートです
Step2 賢 威 WPテンプレートの 解 説 conf.php analytics.php widget.php 賢 威 が 独 自 に 用 意 している 設 定 用 ファイルです アクセス 解 析 用 のタグを 記 載 するためのテンプレートです 最 初 は 何 も 記 述 されていません サイドバーウィジェットを 管 理 するテンプレートです style.css 賢 威 のCSSを 読 み 込 むためのCSSファイルです common.css corp blue2.css ブラウザ 独 自 の 解 釈 をリセットするためのCSSファイルです テーマによって 名 称 が 異 なります 主 にデザインやレイアウトを 管 理 するためのCSSファイルです advanced.css d デザインをカスタマイズするのに イズするのに 適 したCSSプロパティを 集 めたCSSファイルです clearfix.css print.css wordpress.css CSSのfloat 解 除 するclearfix 専 用 CSSテンプレートです 印 刷 時 のレイアウトを 管 理 するためのCSSテンプレートです WP 用 に 設 定 されたCSSテンプレートです
3 サイトマップの 設 定
Step3 1 賢 威 テンプレートで 作 成 されるサイトマップについて WordPressにはサイトマップを 作 成 する 機 能 は 備 わっていません サイトマップを 作 成 する 場 合 には 通 常 プラグインなどを 利 用 する 必 要 があります そこで 賢 威 では プラグインを 使 うことなく 賢 威 テーマを 適 用 することでサイトマップが 自 動 で 作 成 されるようにしています 賢 威 テーマを 適 用 後 下 図 の サイトマップ をクリックするとサイトマップのページへ 移 動 できます この 時 移 動 先 のサイトマップのURLは 以 下 のようになっているはずです http://あなたのwordpressサイトのドメイン/?sitemap このURLはパラメータ(?sitemap の 部 分 )を 含 んでいます これをよりSEOに 効 果 的 なURLにするために 次 ページ 以 降 の 手 順 に 従 って ご 自 身 でサイトマップのURLを 編 集 してください
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする パラメータを 含 んだサイトマップのURLをよりSEOに 適 した 形 式 にする 場 合 一 般 的 だと 考 えられるのは 以 下 のようなURLにすることです http://あなたのwordpressサイトのドメイン/sitemap/ サイトマップのURLをこの 形 式 にするために まずウェブページとしてサイトマップを 作 成 します
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(a. パーマリンクの 設 定 ) a. パーマリンクの 設 定 1. 最 初 に ページや 記 事 のURLを 任 意 のURLに 設 定 するために パーマリンクの 設 定 を 行 います 設 定 パーマリンクの 設 定 をクリックし パーマリンク 設 定 画 面 に 移 動 してください
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(a. パーマリンクの 設 定 ) 2. 下 図 のように カスタム 構 造 にチェックを 入 れ 以 下 のように 入 力 してください /%category%/%postname%/ 入 力 が 終 わったら 変 更 を 保 存 をクリックしてください ここでの 変 更 はサイトマップページを 含 む 全 てのブログ 記 事 に 適 用 されます それぞれのページのURLを 個 別 に 変 更 する 必 要 があります またこの 形 式 はWordPressのシステム 上 非 推 奨 となります ご 注 意 ください
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(a. パーマリンクの 設 定 ) この 時 サーバーの 設 定 によっては 自 動 的 にURLが 書 き 換 えられない 場 合 があります 下 図 のように.htaccess を 更 新 する 必 要 があります (1)と 表 示 された 場 合 は 次 にような 手 順 で 手 動 で 設 定 を 行 ってください 1. パーマリンク 設 定 画 面 の 一 番 下 に 表 示 されている コード (2)をコピーした 後 デスクトップ 上 などで htaccess.txt (3)というファイルを 作 成 して その 中 にコピーした コード を 貼 りつけて 保 存 してください 2. 保 存 したファイルをWordPressサイトのトップディレクトリにアップロードします プ 例 えば WordPressのサイトのURLが http://www.domain.com/wordpress/ だった 場 合 wordpress ディレクトリの 直 下 にアップロードします 3. 最 後 に htaccess.txt のファイル 名 をサーバー 上 で.htaccess (4)に 書 き 換 えてください 1 3 2 4
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(b. サイトマップのページを 作 成 する) b. サイトマップのページを 作 成 する 1. 管 理 画 面 からサイトマップページを 新 たに 作 成 します ページ 新 規 追 加 をクリックし 新 規 ページ 作 成 画 面 に 移 動 してください
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(b. サイトマップのページを 作 成 する) 2. 下 図 のように タイトル 入 力 欄 (1)にサイトマップを 入 力 します 3. その 下 の 本 文 入 力 欄 (2)には 何 も 入 力 しないで 空 白 にしておきます 4. 画 面 右 側 の テンプレート でサイトマップを 選 択 (3)します 5. 2~4の 設 定 が 終 われば 公 開 (4)ボタンを 押 し 一 度 保 存 してください 1 2 4 3
Step3 2 サイトマップのURLをSEOに 効 果 的 な 形 式 にする(b. サイトマップのページを 作 成 する) 6. 保 存 が 終 了 したら タイトル 入 力 欄 の 直 下 パーマリンク と 書 かれた 場 所 が 下 図 のようになっていることを 確 認 し 編 集 をクリックしてください 7. そうすると 下 図 のように サイトマップ の 部 分 を 書 き 換 えることができるようになります ここに sitemap と と 入 力 して OK をクリックしてください ク 8. 最 後 にもう 一 度 公 開 を 押 してください 以 上 でURLの 変 更 は 終 了 です URLの 変 更 が 終 了 しても 既 にある?sitemap 形 式 ののリンクは 自 動 で /sitemap/ の 形 式 には 変 更 されません それぞれ 個 別 にURLを 書 き 換 えるようにしてください
4 ブログ 記 事 投 稿 画 面 の 解 説
Step4 ブログ 記 事 投 稿 画 面 の 解 説 1. タイトル ここで 入 力 した 内 容 が<title>タグや 1 <h1>タグに 反 映 されます 2. 本 文 2 ここで 入 力 した 内 容 が 各 ブログ 記 事 の 本 文 になります 5 3 3. タグ 各 ブログ 記 事 に 関 連 した タグ を 入 力 します 4 複 数 入 力 する 場 合 は カンマで 区 切 ってください ここで 入 力 されたキーワードは METAタグの keywords でも 利 用 されます 書 き 方 の 例 SEO, 賢 威,Google, 上 位 表 示 4. カテゴリ その 各 ブログ 記 事 が 属 する カテゴリ を 選 択 してください カテゴリが 無 い 場 合 は 新 規 カテゴリー 追 加 をクリックしてカテゴリを 作 成 することも 可 能 です
お 疲 れ 様 でした! ここまで 作 業 が 進 めば 一 通 り 賢 威 5.0WPテンプレートの 適 用 は 終 了 です お 疲 れ 様 でした