トップページ > オンラインマニュアル

オンラインマニュアル

  1. WordPressのダウンロードとインストール
  2. アドプレス専用テーマと必須プラグインのアップロード
  3. ログイン後の初期設定
  4. ロゴ画像をヘッダーに挿入する
  5. メニューボタンの設定
  6. アドセンス広告ユニットの設置
  7. ヘッダー広告の設置
  8. 記事の作成、投稿タグの追加
  9. 人気記事をサイドバーに表示する
  10. テーマカラーを変更する
  11. All in One SEO Pack must be configured…メッセージの対処方法
  12. Breadcrumb NavXT(パンくず表示)プラグインの設定
  13. テーマの設定(ver:1.04~)
  14. トップページ専用スペースの設定(ver:1.04~)
  15. All in One SEO Packプラグインの設定
  16. WP-PageNaviプラグインの設定

WordPressのダウンロードとインストール

「アドプレス」はWordPress 3.0以降で動作を確認しています。ご利用には最新版をお薦めします。

最新版のダウンロードはこちら http://ja.wordpress.org/(2011/2/8時点の最新版3.0.4)
インストール方法の解説はこちら http://ja.wordpress.org/install/

サーバ別インストール方法
ロリポップ http://lolipop.jp/manual/user/applications-wp/
Xサーバー http://www.xserver.ne.jp/man_install_word.php

本マニュアルでは、実際に仮サイトを使って説明していきます。http://www.solar-navi.net/

ご利用の環境にあわせて読み替えてください。
インストール後、WordPressが正常動作することを確認してください。

WordPressのダウンロードとインストール

▲ページの先頭へ戻る

アドプレス専用テーマと必須プラグインのアップロード

アップロードするには自分のパソコンからWebサーバーにファイルを転送するためのソフトが必要です。
ここではFFFTPというソフトを使用しています。使いやすい上にフリーソフトなのでお勧めです。

FFFTPダウンロードページ(Sota’s Web Page)
http://www2.biglobe.ne.jp/~sota/

アドプレス専用テーマ「adpress」をwp-content/themes内にアップロード

アドプレス専用テーマ「adpress」をwp-content/themes内にアップロード

必須プラグインをwp-content/plugins内にアップロード

・wordpress-popular-posts バージョン 3.4.19
人気の記事を表示できるプラグインです。

・advertising-manager バージョン 2.1.4
アドセンス広告のコードを管理画面内で登録管理するプラグインです。

・Breadcrumb Navigation XT バージョン1.7
・Breadcrumb NavXTバージョン 3.6.0(WP3.1以上に対応
パンくずナビゲーションを表示するプラグインです。

・All in One SEO Pack バージョン1.6.13.2(2011/03/07追加
記事ごとにmetaタグ(description、keywords)の設定ができるようになります。

・WP-PageNavi バージョン 2.74(2011/06/23追加 アドプレス1.07より導入
カテゴリーページやタグページで記事数が10件以上の時、次ページ移行のナビゲーションリンクが表示されます。

必須プラグインをwp-content/plugins内にアップロード

▲ページの先頭へ戻る

ログイン後の初期設定

http://www.○○○○.net/wp-login.php にアクセスして
ユーザー名とパスワードを入力、ログインをクリックします。
※www.○○○○.netの部分はご利用の環境にあわせて変更してください。

ログイン

パスワードの変更を促すメッセージが表示されますが、ここでは「いいえ、今後表示しないでください。」をクリックします。

パスワードの変更

「外観」→「テーマ」からテーマの管理を開き、「adpress」の「有効化」をクリックします。

テーマの管理

「設定」→「一般」から一般設定を開き、サイトのタイトルとキャッチフレーズを入力します。

一般設定

「設定」→「メディア」からメディア設定を開き、画像サイズとファイルのアップロード先をそれぞれ設定します。

サムネイルのサイズ 幅 150px、高さ 150px
中サイズ 幅の上限 300、高さの上限 空欄
大サイズ 幅の上限 600、高さの上限 空欄

アップロードするファイルの保存場所 wp-content/uploads(デフォルト)
アップロードしたファイルを年月ベースのフォルダに整理にチェックを入れる

メディア設定

「設定」→「パーマリンク設定」からパーマリンク設定を開き、カスタム構造に以下を入力します。(コピー&ペーストでご利用ください。)


※ペーストする際、前後に空白スペースが入らないようご注意ください。

パーマリンク設定

「プラグイン」→「プラグイン」からプラグインを開き、有効化にします。

※ワードプレスに標準で導入されている「WP Multibyte Patch」も一緒に有効化してください。
Akismetはコメントスパム対策のプラグインです。アドプレスではコメント機能を利用しないので、
有効化しなくてもOKです。
Hello Dollyについても無効のままで問題ありません。

プラグイン

※アドプレスに同包されているBreadcrumb NavXTは最新バージョンを使用していません。
利用するにはPHPのバージョンが 5.2以降である必要があります。

※その他プラグインのアップグレードについては自己責任でお願いいたします。

ここまでの設定で実際のサイトを確認してみましょう。

初期設定の確認

▲ページの先頭へ戻る

ロゴ画像をヘッダーに挿入する

ロゴ画像はWordpressのウィジェット機能を使って掲載します。
今回、以下のロゴ画像を例に説明いたします。

title.jpg(247px×30px)
title.jpg(247px×30px)

FFFTPを利用して、「title.jpg」をwp-content/themes/adpress/imgにアップロードします。

ロゴ画像のアップロード(FFFTP)

※「メディア」→「新規追加」のメディアのアップロードからでもアップロードできます。
その際、ウィジェットに貼り付ける画像のパスを適宜変更してください。

FFFTPでのアプロード先 wp-content/themes/adpress/img/
メディアのアップロード先 wp-content/uploads/

ロゴ画像のアップロード(メディア)

「外観」→「ウィジェット」からウィジェットを開きます。
予め3つのウィジェットが作られているのが分かります。

 ・ヘッダーロゴ
 ・ヘッダー広告
 ・サイドバー

ヘッダーロゴの右端の矢印をクリックして展開します。テキストウィジェットをグレーのエリアまでドラッグ&ドロップで移動します。

テキストウィジェットの追加

追加されたテキストウィジェットの入力欄(赤枠)にHTMLタグを入力します。
以下、サンプルをご自分の環境に合わせて修正し、ペーストしてください。

HTMLタグを入力

サンプル

修正箇所

①ロゴ画像のパス
②ロゴ画像のサイズ
③ロゴ画像のalt文字、aタグのtitle文字
④ロゴをクリックした際のリンク先(トップページのURL)

ロゴ画像が掲載されたか確認します。

ロゴ画像の確認

▲ページの先頭へ戻る

メニューボタンの設定

メニューボタンの設定はWordpressのカスタムメニュー機能を使います。

カスタムメニューを使ってグローバルメニューとフッターメニューを作ることができます。

メニューボタンの設定

はじめに「投稿」→「カテゴリー」のカテゴリーから、サイトのテーマに合わせてカテゴリーを作成します。

カテゴリーを作成

グローバルメニューを作ります。「外観」→「メニュー」のメニューから、
メニューの名前に「global」(半角英字)と入力し、メニューを作成をクリックします。

メニューを新規作成

globalメニューに先ほど作ったカテゴリーを追加していきます。

カテゴリーリンクの追加

今回は、トップページのリンクも作りますので、カスタムリンクも追加します。

カスタムリンクの追加

追加したリンクを並べ替えてメニューを保存をクリックします。

リンクを並べ替え

※アドプレスでは子カテゴリーなどの階層構造を設定しても反映されませんので注意してください。

階層構造を設定

フッターメニューもグローバルメニューと同様の操作で設定していきます。
メニューの名前に「footer」(半角英字)と入力し、メニューを作成をクリックします。

フッターメニューの作成

最後にテーマの場所を設定します。グローバルメニューは「global」に、
フッターメニューは「footer」に設定して保存をクリックします。

テーマの場所を設定

メニューボタンが追加されたか確認します。

メニューボタンの確認

▲ページの先頭へ戻る

アドセンス広告ユニットの設置

アドセンス広告ユニットの設置はWordPressのプラグイン「Advertising Manager」を使って管理画面上で行います。
その際、広告に決められた名前を付けることで、掲載位置を指定します。

<トップページ・その他ページ>
アドセンス広告ユニットの設置(トップページ)

<記事個別ページ>
アドセンス広告ユニットの設置(記事個別ページ)

広告の名前 掲載箇所 推奨サイズ
nav ナビ下 リンクユニット(728×15)
main メイン下 レクタングル(大)(336×280)
side サイドバー上 レクタングル(中)(300×250)
side2 サイドバー下 スクエア(250×250)
footer フッター リンクユニット(468×15)
post 個別記事下 スクエア (250×250)
tag タグ中 リンクユニット (468×15)

※リンクユニットのリンクの数は4つ、5つどちらでも可能
※表示する広告が無いと広告は表示されません。

ナビ下のリンクユニットの設置を例に説明します。

Google AdSenseにログインし、新しい広告ユニットの作成から

①サイズ → 728×15
②掲載位置の背景色(この場合 #e8c6c6)と合わせるため枠線と背景を同じ色にします。

※その他ナビ下リンクユニットの背景色です。
ブルー → #cbdae1
グリーン → #d9ecd0
オレンジ → #feeecc
ブラック → #c2c2c2

③保存してコードを取得をクリック

新しい広告ユニットの作成

④生成された広告コードをコピーします。

広告コードをコピー

⑤Wordpress管理画面に戻り「広告」→「新規作成」広告を生成を開きインポートエリア内にペースト後、
インポートをクリックします。

広告を生成

⑥作成された広告の編集画面に移るので、タイトル(赤枠の部分)に「nav」(半角英字)と入力。保存をクリックして完了します。

広告の編集画面

他の広告ユニットについても同様の操作を繰返します。最後の名前付でそれぞれ決められた名前を入力します。

▲ページの先頭へ戻る

ヘッダー広告の設置

ヘッダー広告はWordpressのウィジェット機能を使ってアドセンス広告以外の広告を掲載します。

※アドセンス広告を掲載したい場合は、設置制限数(1ページに3つの広告ユニットと3つのリンクユニットの合計6個まで設置可能)の問題があるので、他の広告ユニットの数を調整してください。
推奨サイズは728×90です。

ヘッダー広告の設置(アドセンス)

①事前に広告コードをコピーしておきます。推奨サイズは728×90です。

Amazonアソシエイト

②「外観」→「ウィジェット」からウィジェットを開きます。

③ヘッダー広告の右端の矢印をクリックして展開します。テキストウィジェットをグレーのエリアまでドラッグ&ドロップで移動します。

テキストウィジェットの追加

④追加されたテキストウィジェットの入力欄(赤枠)に広告コードをペーストして、保存します。

広告コードをペースト

Amazonアソシエイトのバナー広告を設置

Amazonアソシエイトのバナー広告を設置

楽天アフィリエイトのバナー広告を設置

楽天アフィリエイトのバナー広告を設置

※設置された画像のサイズに合わせてヘッダーの高さが変わります。

▲ページの先頭へ戻る

記事の作成、投稿タグの追加

「投稿」→「投稿」または「新規追加」から編集画面に入り投稿タグ欄にタグを追加する。

投稿タグの追加

タグを追加すると記事個別ページの下に表示されます。

記事個別ページ

記事の作成

記事の作成

その他記事の作成や編集に関するマニュアルは割愛させていただきます。
他の書籍、サイト、ブログ等を参考にしてください。

バージョンは少し古いですが以下ダウンロードして参考にしてください、

pdf WordPressマニュアル(PDF 1.3MB)

▲ページの先頭へ戻る

人気記事をサイドバーに表示する

WordPressのプラグイン「Wordpress Popular Posts」を使用して、
サイト内の人気の記事を自動で表示させます。

ウィジェットから簡単に設定が行なえます。

「外観」→「ウィジェット」からウィジェットを開きます。
サイドバーの右端の矢印をクリックして展開します。「Wordpress Popular Posts」をグレーのエリアまでドラッグ&ドロップで移動します。

ウィジェットの追加

追加された「Wordpress Popular Posts」の右端の矢印をクリックして展開し、各種設定を行います。

Wordpress Popular Postsの設定

・タイトル・・・見出しのテキストになります
・表示する上限・・・何件記事を表示するか指定します。
・期間・・・統計の期間を設定します。
・記事の並び替え順・・・並び替え順の順番を指定します。

※ [?] をクリックすると説明ページに遷移します。

設定が終わったら保存を押して終了します。
設定した直後はなにも表示されません。

人気記事の表示

設定の例

設定の例

▲ページの先頭へ戻る

テーマカラーを変更する

「アドプレス」のテンプレートのテーマカラーを管理画面から簡単に変更できます。

「外観」→「テーマカラーの設定」からテーマカラーの設定を開き、お好きなテーマカラーにチェックを入れ、
変更を保存をクリックします。

テーマカラーの変更

※初期設定では「ブルー」が適用されます。

▲ページの先頭へ戻る

All in One SEO Pack must be configured…メッセージの対処方法

All in One SEO Pack(バージョン1.6.13.2)を有効化するとプラグインページにエラーメッセージが表示されます。

All in One SEO Pack must be configured…

日本語に訳すと「All in One SEO Packは設定が必要です。機能を有効にしてプラグインを設定するため、管理ページを開いて下さい。」ということらしいです。

①「設定」→「オール・イン・ワンSEO」から プラグインのオプションを開きます。

②Plugin Statusを「Disabled」から「Enabled」に変更して、ページ下部の「オプションを更新」をクリックします。

プラグインのオプション

▲ページの先頭へ戻る

Breadcrumb NavXT(パンくず表示)プラグインの設定

Breadcrumb NavXT(パンくず表示)プラグインの設定を変更してみます。

■トップページのパンくず名を「ブログ」から「ホーム」に変更

Breadcrumb NavXTの初期設定

①設定→Breadcrumb NavXTからBreadcrumb NavXTの設定を開きます。

②設定のタブが一般設定になっているのを確認します。

③ホームタイトルを「ブログ」から「ホーム」に変更します。

④「変更を保存」をクリックして完了です。

Breadcrumb NavXTの設定(一般設定)

■カテゴリーのパンくず名を変更

カテゴリーアーカイブ’ ‘の文字が不要なので削除します。

Breadcrumb NavXTの初期設定2

①設定→Breadcrumb NavXTからBreadcrumb NavXTの設定を開きます。

②設定のタブがカテゴリーになっているのを確認します。

③「カテゴリアーカイブの接頭語」と「カテゴリアーカイブの接尾語」を削除します。

④「変更を保存」をクリックして完了です。

Breadcrumb NavXTの設定(カテゴリー)

変更後

設定後

同様にタグのパンくず名も変更します。(設定タブをタグにします。)

▲ページの先頭へ戻る

テーマの設定(ver:1.04~)

テーマカラーの変更以外に以下の設定が可能です。

①外観 → テーマの設定 をクリック

②各種設定を行います。

 ・日時を表示しますか? → サイトの日時の表示・非表示を選択できます。
 ・フッターコピーライト → コピーライトの文字を変更できます。
 ・アクセス解析用コード → アクセス解析の設置コードを簡単に貼り付けられます。

③変更を保存をクリックして反映させます。

テーマの設定(ver:1.04~)

▲ページの先頭へ戻る

トップページ専用スペースの設定(ver:1.04~)

固定ページのパーマリンク「top」で作成されたページをトップページ専用スペースとして
表示されるようにしました。

①固定ページ → 新規追加 をクリック

②ページを作成します。

 ・ページタイトルは見出しとして表示されます。
 ・パーマリンクを編集「top」と入力してOKをクリックします。
 ・本文エリアに掲載する内容を入れます。

③公開(更新)をクリックして完了です。

トップページ専用スペースの作成

↓

実際のページ

※専用スペースを作成しない(デフォルト)時のトップページには公開日時の一番新しい記事が1件表示されます。

▲ページの先頭へ戻る

All in One SEO Packプラグインの設定

トップページやカテゴリーページなどのタイトル・メタタグの設定ができます。

①設定をクリックします。

②オール・イン・ワンSEOをクリックし、オール・イン・ワンSEO プラグインのオプションを開きます。

③各種設定を行います。

・ホームのタイトル → トップページのtitleタグを設定します。
 ※こちらの設定は一般設定で入力したサイトのタイトルよりも優先されます。

・ホームの説明文 → トップページのmeta descriptionタグを設定します。
 ※文字数は一般的に40~80文字と言われています。

・ホームのキーワード → トップページのmeta keywordsタグを設定します。
 ※複数ある場合「,」で区切ります。

・noindex をカテゴリーで指定 → チェックをはずします。
・noindex をアーカイブで指定 → チェックをはずします。
 ※チェックが入っていると検索エンジンの訪問をブロックしてしまいます。

④最後に「オプションの更新」をクリックして完了です。

All in One SEO Packプラグインの設定

他の項目については、そのまま(デフォルト)で問題ありません。
お好みで設定してみてください。

▲ページの先頭へ戻る

WP-PageNaviプラグインの設定

設定 → wp-pagenavi からリンクテキストや各種設定が行えます。
そのまま(デフォルト)でも問題ありません。お好みで設定してみてください。

WP-PageNaviプラグインの設定

▲ページの先頭へ戻る