• Ubicast Bloggerのインストール

    Date: 2010.03.10 | Category: Ubicast Blogger | Response: 0

    WordPressはすばらしいブログシステムですが、WordPress単体だけでは本領を発揮できません。

    ブログ用のライター「Ubicast Blogger」のようなソフトと組み合わせることによって最強のブログになります。

    Ubicast Bloggerの画面
    ブログライターとは、ブログの記事はたいていはInternet
    Explorerのようなブラウザ上に表示された投稿欄から送信すると思うんですけれど、入力欄が小さかったり、
    タグを取り入れたりするのがめんどくさかったり、画像もいちいちアップロードしないといけない・・・と、
    結構ストレスがたまるんですけれど、ブログライターを使うと、ワープロを書く感覚で入力できるし、画像を取り入れるのも楽
    (画像をドラッグアンドドロップするだけ)。

    記事を専用のソフトで書いてしまおう。というのがブログライター。

    有名なソフトとして、Windows Live Writerや今回紹介するUnicast Bloggerがあります。

    サクサク入力できるので、1つの記事が長い人や、画像を多用する人はおすすめ。

    この記事もUbicast Bloggerを使って書いています。

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

    1
    ダウンロードページへ行き、 「ダウンロード」をクリック。

    2
    適当な場所に保存。

    3
    ダウンロードしたファイルをダブルクリック。
    ウィザードがはじまります。「次へ」をクリック。

    セットアップ

    セットアップ
    インストールが完了したら、セットアップしてみましょう。
    すでにブログをもっているのであれば、「すでに登録してある~」をチェック。
    WordPressでブログを開始している人も、こっちをチェック。

    ライブドアのブログにも対応
    Ubicast Bloggerは色々なブログに対応しています。

    一般的なブログ
    WordPressの場合は、「一般的なブログ」をクリック。

    xmlrpc.php 
    http://ブログのトップページのURL/xmlrpc.php
    と入力します。

    ユーザー名とパスワード
    WordPress用の投稿用ユーザー名とパスワードを入力します。

    アカウントの名前を入力
    Ubicast Bloggerは、複数のブログを管理できるのでわかりやすい名前を付けておきます。

    17
    完了です。

    20 
    画像は、フォルダからマウスでドラッグするだけ。

    ただ、Windows Live Writerの方が使いやすいかな。。。

  • 無料レンタルサーバーでWordPressを使ってみる

    Date: 2010.03.10 | Category: WordPressの導入 | Response: 0

    プレスナインというレンタルサーバーで、なんと無料でWordPressが使えるみたいです。
    このプレスナインというレンタルサーバーは、WordPressがはじめからインストールされているレンタルサーバーで、ライブドアやFC2のブログのように登録するだけで簡単にWordPressが使えます。
    個人・商用利用、どちらも無料で制限がないので、まだレンタルサーバーを借りるほどでもない。とか、レンタルサーバーを借りる前にWordPressを試用してみたい。なんて人にはお勧めです。
    WordPressのバージョンがちょっと古いようですが、ブログ自体はWordPressのバージョンには関係ないので、気軽に利用してみてはいかがでしょう。

    無料だからたいしたことないんじゃないの。なんて思っていましたが、意外や意外、表示スピードもそれほど遅くない。
    記事の下の方に、小さく広告が表示されてしまいますが、気になるほどでもないのでいいかもしれない。
    うーん。
    私の勤めている会社が、HPを立ち上げたい。なんて相談を受けていたんですけれど、これ、使ってみようかな・・・。

    アカウントの取得

    プレスナイン 
    まずは、プレスナインのトップページへ。

    新規ユーザー登録をクリック
    「新規ユーザー登録」をクリック。

    必要事項を入力
    ユーザー名と、ブログタイトル、登録カテゴリー、メールアドレスを入力。
    ユーザー名は、ドメインの一部にもなります。半角英数字で他のユーザーが使っていないものを使用します。
    ブログタイトルは、トップページに紹介される文章になります。あとで変更も可能。
    登録カテゴリーは、プラスナインのカテゴリーに掲載されるんですけれど、そのカテゴリーを選択します。
    E-mailは、登録時にメールが届くので、自分がもっているメールアドレスを。

    セキュリティーイメージは、スパムブログ防止用で、表示されている四文字熟語を入力します。

    メールが届きます
    メールが届きます。
    ユーザ名とパスワードが記載されているので、控えておいてください。
    「こちらのURLにて必要なセットアップを行ってください」の下のURLをクリックします。

    ログイン

    ログイン
    ユーザー名と、パスワードを入力してログイン。

    管理画面
    管理画面。ダッシュボードと呼びます。
    ブログのトップページにもアクセスしてみます。上の「サイトを表示」をクリック。

    ブログトップ
    おなじみのデフォルトデザインのブログです。
    実際はこちら。WordPressを無料で使おう

    デザインを変更してみる

    では、デザインを変更してみましょう。
    プラスナインでは、実際のWordPressと違ってデザイン変更画面からテーマをインストールできません。
    そのかわりプラグインで、テーマの圧縮ファイルのURLを入力するだけでインストールできるものが用意されているので、まずはそのプラグインをインストールします。

    プラグインをインストールしてみる

    プラグインをクリック
    画面の右上に「プラグイン」という表示があるので、クリックします。

    One Click Plugin Uploder
    「One Click Plugin Uploder」の「使用する」をクリックします。

    テーマを変更する

    まずはインストールしたいテーマを探します。
    テーマは、私のブログでも紹介しているCoolなテーマでも紹介した、iNoveをインストールしてみます。

    インストール画面
    ダッシュボードの「デザイン」の「テーマをインストールする」をクリック。

    iNove
    iNoveを紹介するページに行き、右上の「Download」を右クリックし、「ショートカットのコピー」をクリック。

    URLを貼り付ける
    URLの入力欄を右クリックし、「貼り付け(P)」をクリック。
    「タイプ」を「テーマ」にし、「インストール」をクリック。
    このページでは「プラグイン」も同じようにしてインストールできます。

    インストール完了
    インストール完了です。
    なお、この画面が出てもきちんと動作しないテーマやプラグインがあるので、注意。

    16
    ダッシュボードの「デザイン」の「テーマ」をクリックし、テーマの一覧の中から「iNove」をクリックします。

    17
    サイトを確認してみると、変更されていました。

     WordPressを無料で使おう » 実験

    初めての記事です。
    こんな感じになります。
    実際にアクセスしてみると、結構軽いことがわかると思います。
    カテゴリー検索
    まだ登録ユーザーが少ないせいかもしれません。

    でも、いつまでつづくんでしょうね~。
    無料のブログからステップアップしたい人にとっては、すごくいい練習の場だと思います。
    一応、投稿した記事には広告が表示されるようなんですけれど、収益がありそうかどうかは??

    本格的なブログ構築を目的にしているなら、プレスナインをステップにしてもいいかもしれません。
    逆に言えば、いつ終わるかもわからないサービスなので、そのつもりで運営することを肝に銘じておくのが大事だと思います。

  • Coolなテーマ

    Date: 2010.03.09 | Category: テーマ・プラグイン | Response: 0

    私が選んだCoolなデザインのテーマを紹介しています。

    Leopress 1.0

    Mac風_Leopress 1Mac風のテーマです。
    3カラム対応なので、ニュースサイト向けかもしれません。
    配布先:http://www.7graus.com/tech/wordpress/leopress/

    Librio 1.0

     Mac Librio 1.0 Mac風というか、iTunes風のテーマ。
    かなりかっこいい!!
    2カラムで、本文が広めにとってあるので、当サイトのような画像を多用した記事のブログに向いています。
    配布先:管理画面のテーマ検索で「Librio」と検索

    iTheme

    マック風
    またもマック調。
    上の二つと違って、バックがブルー。
    配布先:http://www.ndesign-studio.com/wp-themes/itheme

    iNove 1.4.6

    iNove 1.4.6シンプルなのにCOOLなテーマ。
    有名なポータルサイトに見えてしまいそうな秀逸さがあると思います。
    見やすいのですべてのジャンルにおすすめ。
    配布先:管理画面のテーマ検索で「iNove」と検索

    page-shippou 1.0.9

     page-shippou 1.0シンプルでポップなイメージのテーマです。
    先ほどのiNoveが固いイメージがあるので、柔らかい印象を与えたいならこちらで。
    配布先:管理画面のテーマ検索で「page-shippou」と検索

    IBlog Pro 3

    20100315224622
    シンプルなのにずいぶんCooLなデザインです。
    2カラム。
    配布先:http://www.themes2wp.com/download-free-iblog-pro-3-wordpress-theme

  • Pingのエラーを記録する

    Date: 2010.03.09 | Category: WordPressのSEO | Response: 0

    Pingは、結構な確率で失敗します。
    原因は不明ですが、10個飛ばしたうち、半分ぐらい失敗するのは常だったりします。

    私は、WordPressを使う前は、自分でプログラムしたブログを使用していました。(今も使っていますが)
    その時にPingを飛ばすプログラムも作って、記事が投稿されるとPingサーバーへ知らせるような仕様にしていました。
    で、投稿後、Pingが成功したかどうかも表示させていたんですけれど、結構な確率で失敗してたんです。
    まぁ、昔はPingがSEOの基礎といわれていましたけれど、今はそれほどPingが重要ではないと思っているんで、そのまま放置していましたが。
    ただ、まったくPingを飛ばさないのもSEO的によろしくないと。

    それと、どうもWordPressから飛ばしているPingが失敗しているっぽいサーバーがあるんです。

    そこで、なにかいいプラグインはないかな。と探していると、ありました。
    Ping Watcherというプラグインです。

    Pingのエラーを表示してくれる Ping Watcher

    インストール

    さっそくインストールしてみましょう。

    プラグインの新規追加
    管理画面の「プラグイン」の「新規追加」を開き、「検索」タブのキーワードに、「Ping Watcher」と入力して、「プラグインの検索」をクリックします。

    検索結果 
    検索結果が表示されました。
    右の「インストール」をクリックします。

    今すぐインストールをクリック
    「今すぐインストール」をクリックします。

    プラグインを有効化
    「プラグインを有効化」をクリックします。

    プラグインが有効になった
    これでPing Watcherが有効になりました。
    「Settings」をクリックするとログをいくつ保存するか。などが設定できますが、英語なのでこのままでもOKです。

    設定画面
    設定画面です。

    確認する

    ダッシュボード
    ダッシュボードを開くと、きちんとPing Watcherの項目が追加されていました。

  • WordPressをインストール

    Date: 2010.03.08 | Category: WordPressの導入 | Response: 0

    サーバーへのアップロードが完了したら、さっそくWordPressをインストールしてみましょう。
    もしあなたが、Webminを使って自宅サーバーを立ち上げていたり、MySQLのデータベース作成からはじめなきゃならない。って場合は、MySQL データベースの作成を参考に!

    インストール

    必要なデータ

    WordPressに必要なデータは、

    1. データベース名
    2. データベースのユーザー名
    3. データベースへのパスワード
    4. データベースのホスト名
    5. テーブルの接頭辞

    になります。
    レンタルサーバーによっては、自分でデータベースを作成しなければならないかもしれません。
    レンタルサーバーのヘルプを参考にしてください。

    データベースのホスト名は「localhost」でかまわないと思います。
    テーブルの接頭辞は、WordPressで複数のブログを作成する場合の識別用の単語です。
    他にも同じサーバーでWordPressを公開してる場合は、違う値にします。

    サイトトップへアクセスする

    wp-confing.phpファイルを作成する
    サイトのトップにアクセスすると、上のような画面になります。
    「wp-config.phpファイルを作成する」をクリックします。

    必要なデータ
    必要なデータの一覧です。

    インストールを実行しましょう
    「インストールを実行しましょう!」をクリックします。

    ブログのタイトルとメールを記入
    ブログのタイトルとメールアドレスを入力します。
    ブログのタイトルは、ブログの名前です。
    「このブログをGoogleやTechnoratiなどの~」 は、Googleなどの検索サイトの検索結果にに自分のサイトを表示させるかどうかの設定です。
    もし、誰にも見せたくない場合は、チェックをはずします。

    ログイン用のIDとパスワード
    WordPressにログインするためのIDとパスワードが 表示されます。
    このIDとパスワードを控えておいてください。

    ログイン
    「ログイン」ボタンを押すと、ログイン画面になります。
    これでWordPressのインストールは完了しました。
    先ほど表示されたID(ユーザ名)とパスワードを入力してログインします。

  • googleにインデックスされた

    Date: 2010.03.08 | Category: WordPressのSEO | Response: 0

    先ほど、WordPressを使って2つめのブログを作成しようとしたら、誤ってこちらのサイトのファイルを削除してしまいました・・・。
    データ自体は、MySQLに保存されているので、日記の内容自体は消えてないんですけれど、画像や設定がすべて消えてしまいました・・・。
    改めてデータのバックアップの大切さを思い知らされました。

    特に画像を頻繁に使ってたので、復旧させるのは大変!

    公開当時の様子

    WordPressを使ってこのサイトを公開したのが、2010年3月5日。

    記事を書き始めた頃は、どこにもリンクを貼らず、Pingだけ飛ばしていました。
    そのため、すぐにgoogleクローラーは訪問しました。もちろん、別のPingサーバーのクローラーも。

    blog.goo.ne.jp – - [05/Mar/2010:22:39:07 +0900] "GET / HTTP/1.1" 200 9742 "-" "gooblog/2.0 (http://help.goo.ne.jp/contact/)"
    blog.goo.ne.jp – - [05/Mar/2010:22:39:07 +0900] "GET /index.rdf HTTP/1.0" 404 281 "-" "-"
    crawl-66-249-71-214.googlebot.com – - [05/Mar/2010:22:41:39 +0900] "GET / HTTP/1.1" 200 8021 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
    crawl-66-249-71-214.googlebot.com – - [05/Mar/2010:22:41:40 +0900] "GET /?feed=rss2 HTTP/1.1" 200 6401 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

    これが最初に記事を書いた後のアクセスログです。
    最初の記事は、22時39分あたりに投稿したみたいですね。
    Pingを飛ばしたのでgooとgoogleのクローラーが訪問しています。

    前回までで13個の記事を投稿したんですが、そのたびにPingを飛ばしていたので、クローラーのアクセスだけは頻繁に来ていました。

    Googleクローラーの特徴

    Googleクローラーは、Pingを飛ばすたびにすぐにクローリングするのですが、トップページとRSSの2つのページしかアクセスしません。
    トップページと、RSS以外のページをクローリングしたのは、翌日の6時のことでした。

    crawl-66-249-71-214.googlebot.com – - [06/Mar/2010:06:09:08 +0900] "GET /?cat=1 HTTP/1.1" 200 22977 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

    Yahoo!クローラーの特徴

    Yahoo!のクローラーは、初期の段階でほとんどアクセスしてこなかったみたいです。

    158.205.125.206 – - [08/Mar/2010:01:39:03 +0900] "GET / HTTP/1.1" 200 54573 "http://search.yahoo.com/search?p=&toggle=&cop=&ei=" "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)"
    158.205.125.206 – - [08/Mar/2010:01:39:06 +0900] "GET /wordpress-seo/34.html HTTP/1.1" 200 22544 "http://search.yahoo.com/search?p=&toggle=&cop=&ei=" "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)"

    はじめてYahoo!クローラーがアクセスしたのは、3月8日のことでした。
    その後、一気に全ページをクローリングしてきました。

    全ページクローリングしたときのIPは、

    b3091160.crawl.yahoo.net – - [08/Mar/2010:06:30:44 +0900] "GET / HTTP/1.0" 200 59575 "-" "Mozilla/5.0 (compatible; Yahoo! Slurp/3.0; http://help.yahoo.com/help/us/ysearch/slurp)"

    Googleのインデックス状況

    ほんの先ほどまでGoogleでこのサイトはインデックスされていませんでしたが、さっき、テンプレートを削除してしまったときに、同じテンプレートをもう一度ダウンロードしようと「js-o4w」と検索したところ、私のブログが・・・。2位に。

    js-o4wを検索すると

    アクセスログを見てみると、Googleからの訪問者がありました。
    どうも、「Wordpress 本文の一部」で検索した人みたいです。

    本文の一部をで検索
    4位に位置しています。
    だいたい、3日ぐらいでインデックスされたことになります。
    はじめは、なかなか他のページをクロールしてくれないので、WordPressはあまりGoogleは好きじゃないのかな。と思いましたが、割とすかれているみたいです。

    Googleに好かれた理由

    実は、昨日、とあるSEOをしました。
    今まで作成したブログは、そのSEOを必ずしているんですけれど、それが原因か最低でも100人、最大で3,000人ほどのアクセスがあります。
    平均1,300人/日って感じ。

    もしかしたら、昨日行ったそのSEOが功を奏したのかもしれません。

  • MySQL データベースの作成

    Date: 2010.03.08 | Category: WordPressの導入 | Response: 0

    MySQLでデータベースの作成、ユーザーの作成を説明します。
    レンタルサーバーを使っている場合は、すでに提供されていると思うので今回の作業は必要ないでしょう。

    Webminを使っての操作

    コマンドラインを使ってもいいんですけれど、一応Webminでログインしてみます。
    最初は「root」でログインするみたいですね。サーバーのrootでログイン。

    ログイン

    ログイン画面

    ユーザの作成

    0
    上がWebminのMySQLの管理画面です。
    はじめからいくつかサンプル?としてデータベースが作成されているみたいです。
    「ユーザの許可」をクリックします。

    1
    「新規ユーザを作成」をクリック。

    2
    「ユーザ名」「パスワード」「ホスト」「許可」を設定します。
    「許可」は、すべてを選択。最初の項目をクリックし、最後の項目を「Ctrl」を押しながらマウスでクリック。

    データベースの作成

    新規データベースを作成
    再びMySQLの管理画面に戻り、「新規データベースの作成」をクリック。

    4
    データベース名に「wordpress」にして「作成」ボタンをクリック。
    ※ データベース名は好きな値にしてください。

    これでMySQLの設定は完了です。
    ここで設定した「データベース名」と「ユーザ名」そして「パスワード」をメモに控えておいてください。

  • WordPressの表示を速くする WP Super Cache

    Date: 2010.03.07 | Category: WordPressの設定 | Response: 3

    Wp-CacheというWordPressの出力を拘束にするプラグインをインストールしようとしたんですけれど、インストールは出来たものの、うまく使えないので色々調べていると、どうもWordPress2.8.1以降だと使えないらしい??

    さらに調べると、WP Super Cacheというに多様な機能を提供してくれるプラグインがあることがわかりました。
    参考にしたのは、「WP Super Cache」というプラグインを使ってみました

    WP Super Cacheをインストールする

     
    10 WordPressの管理画面の「プラグイン」の「新規追加」を開きます。
    WP Super Cache」でプラグインを検索します。

     インストールをクリック
    一番上に表示された「WP Super Cache」の「インストール」をクリックします。

    今すぐインストールをクリック
    「今すぐインストール」をクリック。

    プラグインを有効化をクリック
    「プラグインを有効化」をクリック。

    WP Super Cacheの設定をクリック
    設定」をクリックします。

    オンにチェックを入れる
    設定項目は非常に多いんですけれど、とりあえず一番上にある「オン WP Cache とSuper Cacheを使用する」にチェックを入れて動作させてみました。
    「ステータスを更新」をクリックします。

    試してみる

    ステータスを更新をクリック
    設定を有効にさせた直後です。
    まだキャッシュされたページはありません。

    キャッシュコンテンツ
    試しにアーカイブのひとつをブラウザでアクセスしてみました。
    その後、ステータスを更新してみると・・・
    上のようにキャッシュページ数が1になっていました。

    その時の様子をビデオで撮影してみました。

    効果はてきめん!

    威力はてきめんでした。
    アーカイブページを表示させたところ、キャッシュされる前は約3秒ほどかかりました。
    WP Super Cacheは、一度アクセスするとキャッシュが作成され、次回以降そのキャッシュを利用して出力されるため、非常に表示が速くなります。
    よって2回目は、一瞬で表示されています。

    トップページは特に劇的な変化で、キャッシュ前は11秒程かかりました。
    ところがキャッシュ後は、一瞬で表示されるようになりました。

    キャッシュの状態

    キャッシュの状態

    ある程度時間が経過したものは、削除されるようです。
    この時の時間も変更可能です。

    とにかくものすごい効果なので、もしWordPressを使っているのであれば、是非とも使いたいプラグインのひとつです。
    最新のバージョンでは日本語表示に対応しているようです。

    注意

    カテゴリーページが更新されていない
    ひとつ気がついた点があります。
    まず、新しい記事を投稿すると、トップページのキャッシュは削除されるみたいです。
    上の画像は、新しい記事を投稿した後のキャッシュの状況で、トップページ(wordpres.f-tools.net/のところ)の経過時間が「158」になっています。
    wordpress.f-tools.net/setting/178.html/ が、投稿した記事のURLで、「125」になっています。

    ところが、新しい記事が所属するカテゴリーのページ wordpress.f-tools.net/category/setting が「1385」でキャッシュが更新されていません。
    このページに何度アクセスしても、表示されるのは記事を投稿する前の状態のままです。

    WP Super Cacheは、WP CacheSuper Cacheの2つのモードがあって、

    • WP Cache・・・ファイルが更新されるとそちらを表示
    • Super Cache・・・ファイルが更新されてもキャッシュを表示

    Super Cache

    時間が経った状態
    その後、先ほどの wordpress.f-tools.net/category/setting が、「古いSuper Cache」に移動されています。

    ところがこの状態で wordpress.f-tools.net/category/setting にアクセスしても新しく投稿した記事へのリンクは表示されていませんでした。

    どうやら「 Super Cache 」モードだと、キャッシュファイルがある限りキャッシュの方を表示させるようです。

    投稿した記事を修正してみると

    記事を修正してみると
    さて、今度は先ほど投稿した記事を修正してみました。
    すると、上の画像のようなステータスになりました。
    トップページと、 worpress.f-tools.net/setting/178.html/.needs-rebulid というファイルが更新されたみたいです。

    実際にトップページにアクセスしてみると、きちんと修正した内容が反映されていました。
    ところが、カテゴリーページは記事の投稿前のままでした。
    どうやら、Super Cacheモードだと、古い状態が表示されてしまう可能性が高いようです。
    その分高速ですが。
    もし、更新をあまりしなくなったブログで、アクセス数が多ければこのSuper Cacheモードの方が向いているかもしれません。

    WP Cache

    ハーフオン
    つづいて「ハーフオン」モードにしてみました。

    このハーフオンモードだと、記事を投稿・修正すると、関連するページがすべて更新されるみたいです。
    たとえば、記事ページ、トップページ、カテゴリーページどれも更新され、2回目以降のアクセスはキャッシュを使うようです。
    再び記事を修正すると、キャッシュが無効になります。

  • カテゴリーページの本文を一部だけ表示

    Date: 2010.03.07 | Category: WordPressの設定 | Response: 1

    カテゴリーページは、そのカテゴリーに所属する記事が掲載されますが、私が使用しているテーマのJs O4w 1.1.5は、タイトルや日付以外に、記事全文が表示されてしまいます。
    これは、WordPressデフォルトのテーマも同じで、カテゴリー内にたくさんのページが存在すると、どんな記事がそのカテゴリーの中にあるのか、わかりづらくなっています。

    そこで、カテゴリートップページを改良して、「記事のタイトル」と「日付」、そして「本文の一部を抜粋した記事」を表示させるようにしてみました。

    カテゴリーページ

    カテゴリーページとは、各カテゴリーのインデックスページです。例)WordPressのインストール

    実は、この記事を書いたときはWordPressに触れてから数日後だったということもあり、強引にPHPで記事の一部を抜粋させるようにしてたんですけれど、よくよく調べてみたら「the_excerpt()」という関数を使って本文の一部を抜粋して表示させてみました。

    カテゴリーページのデザインは

    各テーマのデザインテンプレートは、「wp-content」の「themes」というフォルダにはいっています。
    たとえば、私が使用しているテーマJsO4wは、「js-o4w」にしまってあります。
    また、WordPressの初期のテーマは、「classic」や「default」というフォルダにしまってあります。

    この各テーマのフォルダの中にある「category.php」がカテゴリーページのテンプレートになるわけですが、Js-O4wやclassicには「category.php」が存在しません。
    WordPressは、カテゴリーページを表示させるときに「category.php」がないと、最終的に「index.php」というファイルを取り込んで表示させるようです。

    ただ、この「index.php」は、ブログのトップページにも使用されているので、このindex.phpをいじってしまうと、トップページも変更されてしまいます。
    そこで、「category.php」を作成して、カテゴリーページはトップページとは異なるデザインにしてみましょう。
    ※ すでにcategory.phpがあるテーマを使用している場合は、それを使用します。

    category.phpがあるテーマを使用している場合

    category.php
    すでに「category.php」がある場合は、管理画面の「外観」の「編集」を開き、左側のテンプレートの中から「カテゴリーテンプレート」をクリックし、抜粋をを表示させたい部分を改良します。

    category.phpが無い場合

    category.phpを0からつくると大変なので、「idnex.php」を元に作成してみます。
    index.phpを秀丸などのエディタで開き、category.phpの名前で同じサーバー上のフォルダに保存します。

    改良してみる

    <div id=”tab-content-post”>
    <div class=”home-post”>
    <ul>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <li class=”post”>
    <h2><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h2>
    <p>
    <span class=”index-meta”><?php _e(‘Date: ‘, ‘js-o4w’); ?><?php the_time(‘Y.m.d’) ?> | <?php _e(‘Category: ‘, ‘js-o4w’); ?><?php the_category(‘, ‘) ?> | <?php _e(‘Response: ‘, ‘js-o4w’); ?><?php comments_number(’0′,’1′,’%'); ?></span>
    </p>
    <?php the_content(__(‘Read the rest of this entry &raquo;’, ‘js-o4w’)); ?>
    </li> <!– end #post –>

    この部分を、

    <div id=”tab-content-post”>
    <!– カテゴリーのタイトルをH2タグで囲んで表示させる –>
    <h2><?php print get_catname(get_query_var(‘cat’));?></h2>
    <div class=”home-post”>
    <ul>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <li class=”post”>
    <h3><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h3>
    <p>
    <!– 日付とコメント数を表示させる –>
    <span class=”index-meta”><?php _e(‘Date: ‘, ‘js-o4w’); ?><?php the_time(‘Y.m.d’) ?>  | <?php _e(‘Response: ‘, ‘js-o4w’); ?><?php comments_number(’0′,’1′,’%'); ?></span>
    </p>
    <?php //the_content(__(‘Read the rest of this entry &raquo;’, ‘js-o4w’)); ?>
    <!– 記事本文を抜粋して表示 –>
    <?php the_excerpt(); ?>
    </li> <!– end #post –>

    このように変更しました。

    <h2><?php print get_catname(get_query_var(‘cat’));?></h2>

    ここは、記事リストの上の方にそのカテゴリーの名前を取得し、H2タグで囲んでいます。
    ↓こんな感じ。■色で囲まれた部分。

    H2タグの出力結果

    <?php the_excerpt(); ?>

    ソース

     

    抜粋の部分のソースは上のようになりました。
    ちゃんとPタグで囲んで出力してくれるみたいです。
    CSSもちょっといじって、各記事の区切りに点線を入れてみました。
    これで、カテゴリートップページに訪問したときに、カテゴリー内にどういった記事があるのか一目でわかるようになったと思います。

    もし、お気に入りのテーマが見つかったんだけれど、カテゴリーページに本文全部が表示されてしまう・・・なんて場合は、参考にしてみてください。

  • all-in-one-seo-packでSEO

    Date: 2010.03.07 | Category: WordPressのSEO | Response: 0

    このAll in One SEO Packというプラグインを導入すれば、ほぼ基本的なSEOをWordPressに取り込むことが出来ます。

    SEOの基本

    ページのタイトル

    私がSEOに目覚めた2005年の夏。
    私がまず行ったSEOは、「タイトルの最適化」でした。
    たとえば、それまでは「今日学んだSEOはMETAタグのDESCRIPTION」のようなタイトルで記事を投稿していたとします。
    これを修正して、「DESCRIPTION でページの説明を明確にする」や「DESCRIPTION とは」とか、「DESCRIPTION でSEO」のような単純明快なタイトルにしました。

    また、ページのタイトルには、「今日学んだSEOはMETAタグのDESCRIPTION — SEO奮闘記 –」のような「サイトタイトル」が含まれていたので(Movable TypeもWordPressも、初期設定のままだとこういう仕様になっています)、サイトタイトルを削除するようにしました。
    ※ サイトタイトルとは、ブログのトップページのタイトルです。私のこのブログなら「WordPressの設定入門」ですね。

    効果は劇的で、それまでの3倍ほどのアクセス数になりました。

    このように、記事のタイトルはSEOには非常に重要です。

    ページの概要 Description

    20100312122525
    それ以外にも、METAタグの「DESCRIPTION」や「KEYWORD」も重要だと思っています。
    上の画像は、「URLを静的なページに変換する」をGoogleで検索したときの結果。
    私のこのブログの1ページが検索結果に表示されています。(検索結果1位の部分)
    他のサイトの抜粋の部分が、本文からの切り出しなのに対して、私のサイトの部分は、
    「WordPressのアーカイブのURLをカテゴリー事に分け~」
    のような短い文章になっています。
    また、他のサイトの場合、途中で文章が終わって「…」になっているのに対し、私のサイトの場合は、きちんと文章が終わっています。
    実は、私のサイトの抜粋の部分は、Descriptionで指定した文章なのです。

    Movable Typeでは、初期設定ではDESCRIPTIONを入力できないため、改良して記事事に自由に入れられるようにしたところ、やはり順位が上がったという経験があります。
    実際、当時作成したブログは、いまだに1日あたり1000人近くのアクセスがあり、そのほとんどが検索サイト経由なのです。
    Discriptionで指定したからといって、確実に上位表示されるわけではないと思いますが、やらないよりやっておいた方がいいと思います。

    WordPressでDESCRIPTIONを有効にするには

    さて、今回紹介するプラグインは、各アーカイブにDESCRIPTIONやKEYWORDを設定できるプラグインです。

    DESCRIPTIONとは

    DESCRIPTIONとは、簡単にいえばそのページの概要を記入できるMETAタグのオプションですね。
    たとえば、

    <meta name="description" content="ここの文章がそのページの概要に当たるわけです。あんま長すぎてもダメ”>

    みたいなタグをBODYタグより前、HEADタグの中に記入することによって、そのページがどんなページなのかを検索サイトに知らせるためのタグのひとつです。
    検索サイトで検索した場合、ページのタイトル以外に検索したキーワードの周辺の文章も表示されますが、検索したキーワードがDESCRIPTIONに含まれていると、検索サイトは本文中ではなく、DESCRIPTIONに指定された文章を優先的に表示するようです。
    そのため、単に順位を上げるためだけでなく、より確実にクリックしてもらうような事も可能になってきます。

    Movable Typeだけでなく、ほとんどのブログがこのDISCRIPTIONを指定できないので、なるべく他のサイトと差をつけるためにも、DISCRIPTIONを記述しておきたいものです。
    今回紹介する「All-in-One-SEO-Pack」というWordPressのプラグインは、このDESCRIPTIONを記入できちゃうすごいプラグインなんですね。
    Descriptionだけじゃなくて、Keywordも記入できるし、他のプラグインや改造ではむずかしかったアーカイブやカテゴリートップのページタイトルの改良、またページのURLも変更できてしまうすごいプラグイン。

    私はこうした機能を使いたいがために、ブログ自体を0から自分でプログラムしてしまったんですけれど、もうそんな苦労は必要ないわけですね。

    日本語版

    もともとは海外の雄志が公開しているものなんですけれど、2バイト文字に対してはバグがあるらしくって、日本語化もされています。

    広告大臣 All-in-One-SEO-Pack日本語版

    インストール

    ダウンロードしたら、解凍し、サーバーにアップロードします。
    アップロード先は、「wp-content」の「plugins」の中です。
    一応パーミッションも変更しておいてください。

    プラグイン
    アップロードしたら、WordPressの管理画面にログインし、「外観」の「プラグイン」をクリック。
    All in One SEO Pack」という項目が表示されていれば、OKです。
    「使用する」をクリックします。

    エラーが表示される
    今のバージョン(2010年3月7日)では、どうもエラーがあるようで上のように警告が表示されます。

    エラー対策

    このようなエラーが表示された場合は、Plugin StatusをEnabledに
    「設定」の「オール・イン・ワンSEO」をクリックし、「Plugin Status」を「Enabled」にチェックを入れ、下の「オプションを更新」をクリックします。

    5
    エラーが表示されなくなりました。

    記事の投稿画面

    実際に有効になったか確認してみましょう。
    WordPressの管理画面にいき、「投稿」の「編集」とクリックし、

    6
    過去に投稿した記事を修正する画面にします。

    画面の下部に、ちゃんと「」の項目が追加されています。使ってみると
    上のように記入してみました。

    以下が、All in One SEO Packを使う前の初期状態のヘッダー。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ja">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>URLを静的なページに変更する | WordPressの設定入門</title>
    <link rel="canonical" href="http://wordpress.f-tools.net/wordpress-seo/127.html" />
    <link rel="stylesheet" href="http://wordpress.f-tools.net/wp-content/themes/js-o4w/style.css" type="text/css" media="screen" />
    <link title="RSS 2.0" type="application/rss+xml" href="http://wordpress.f-tools.net/feed" rel="alternate" />
    <link rel="pingback" href="http://wordpress.f-tools.net/xmlrpc.php" />
    <link rel="alternate" type="application/rss+xml" title="WordPressの設定入門 &raquo; URLを静的なページに変更する のコメントのフィード" href="http://wordpress.f-tools.net/wordpress-seo/127.html/feed" />
    <script type=’text/javascript’ src=’http://wordpress.f-tools.net/wp-includes/js/comment-reply.js?ver=20090102′></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://wordpress.f-tools.net/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://wordpress.f-tools.net/wp-includes/wlwmanifest.xml" />
    <link rel=’index’ title=’WordPressの設定入門’ href=’http://wordpress.f-tools.net’ />
    <link rel=’start’ title=’wordPressのダウンロード’ href=’http://wordpress.f-tools.net/install/12.html’ />
    <link rel=’prev’ title=’403エラーになる場合’ href=’http://wordpress.f-tools.net/setting/116.html’ />
    <meta name="generator" content="WordPress 2.9.2" />
    <link rel=’canonical’ href=’http://wordpress.f-tools.net/wordpress-seo/127.html’ />
    </head>


    下が適用させた後のヘッダー部分のソース。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ja">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>URLを静的なページに変更する</title>
    <link rel="canonical" href="http://wordpress.f-tools.net/wordpress-seo/127.html" />
    <link rel="stylesheet" href="http://wordpress.f-tools.net/wp-content/themes/js-o4w/style.css" type="text/css" media="screen" />
    <link title="RSS 2.0" type="application/rss+xml" href="http://wordpress.f-tools.net/feed" rel="alternate" />
    <link rel="pingback" href="http://wordpress.f-tools.net/xmlrpc.php" />
    <link rel="alternate" type="application/rss+xml" title="WordPressの設定入門 &raquo; URLを静的なページに変更する のコメントのフィード" href="http://wordpress.f-tools.net/wordpress-seo/127.html/feed" />
    <script type=’text/javascript’ src=’http://wordpress.f-tools.net/wp-includes/js/comment-reply.js?ver=20090102′></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://wordpress.f-tools.net/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://wordpress.f-tools.net/wp-includes/wlwmanifest.xml" />
    <link rel=’index’ title=’WordPressの設定入門’ href=’http://wordpress.f-tools.net’ />
    <link rel=’start’ title=’wordPressのダウンロード’ href=’http://wordpress.f-tools.net/install/12.html’ />
    <link rel=’prev’ title=’403エラーになる場合’ href=’http://wordpress.f-tools.net/setting/116.html’ />
    <meta name="generator" content="WordPress 2.9.2" />
    <link rel=’canonical’ href=’http://wordpress.f-tools.net/wordpress-seo/127.html’ />

    <!– All in One SEO Pack 1.6.8.1 by Michael Torbert of Semper Fi Web Design[297,372] –>
    <meta name="description" content="WordpressのアーカイブのURLをカテゴリー事に分け、「.html」で終了するようなSEOに効果的なURLに変更します。" />
    <meta name="keywords" content="wordpress,url,静的,動的,seo,html" />

    <link rel="canonical" href="
    http://wordpress.f-tools.net/wordpress-seo/127.html" />
    <!– /all in one seo pack –>
    </head>

    このように、タイトルタグの中身や、DescriptionやKeywordsが自由にアーカイブ事に設定できるようになりました。
    なお、投稿した記事だけでなく、新しく投稿する記事にも有効です。

    また、Windows Live Writerで投稿したようなアーカイブは、記事の本分の最初の一部がDiscriptionとして設定されるようです。

    SEOを極めたいというのであれば、WordPress+All in One SEO Packは、あなたのかゆいとこまで手が届く機能を提供してくれるでしょう。

    注意点

    All in One SEO Packを有効化させても反映されない!
    なんて人は、WP Super Cacheのキャッシュを削除してください。

    WordPressを引っ越した場合

    WordPressを使っているサーバーを引っ越した場合の設定の仕方を紹介します。
    新しくWordPressをインストールし、「All in One SEO Pack Importer」をインストールします。

    「設定」の「ALOSEOP Importer」をクリック。
    データをインポート今まで設定したSEOデータをインポートします。