2007/7/8 日曜日

WordPressで本日の人気記事を表示した (bsuite)

Filed under: ブログ — admin @ 17:44:06
この記事のタグ:,

 引き続き、WordPressのカスタマイズを進めています。今度は「bsuite」というプラグインを導入してみました。このプラグインは以前は「bstat」という名前のプラグインでしたがその後、機能拡張をしてくる過程でbsuiteという名前に変更されたようです。

このプラグインには実に色々な機能が実装されています。(» bsuite Bug Fixes (release b2v3)

  • ロードされたページのトラッキング
  • 検索エンジン経由で来た人が使用したキーワードのトラッキング
  • サイドバーへのトラッキングされた統計数値の表示
  • 検索されたキーワードのハイライト表示
  • タグのサポート
  • 関連記事の表示

など、他にも色々な機能を持っています。今回はサイドバーに「本日の人気記事」を表示することを目標にカスタマイズを実施してみました。

このプラグインはインストールをするとトラッキング用のコードは自動的に実装する仕組みになっているようなので非常に手間いらずです。インストールの仕方については、こちら(Wind-Sunlight - Webプログラミング 風の巻 » 最初のプラグインはbsuite、次はAkismet)の解説に従いました。

サイドバーにPHPのコードを記入する場合には、「Executable PHP widget」というプラグインが必要です。このプラグインが無いとPHPのコードをテキストwidgetに記入しても実行されません。このプラグインはこちら(Executable PHP widget:ウィジェット内でPHPを実行 » WordPressメモ)に解説記事があります。このプラグインをインストールするとサイドバーにPHPコードを記入できるWIDGETを作成することができるようになります。ここにPHPコードを埋めます。

サイドバーに表示させる「本日の人気記事」の表示の仕方については、英語のページになってしまいますが、こちら(» bstat Beta 4 Release)のページを参考にしました。具体的には「<ul><?php bstat_todaypop(15, “<li>”, “</li>”); ?></ul>」と記載しています。ここまでの設定で無事に本日の人気記事が表示できるようになりました。

本当はタグを初めとした他の機能も使用できるようにしたいのですが、今のところうまく使用することができません。特にどうすればタグの文字列を指定することができるのかが不明です。ネットで検索をしても日本語の記事はあまり記事が見つからなかったので、今度は英語の記事も読んでいこうと思います。



関連する記事:
  • None

WordPressでページナビゲーションを入れた

Filed under: ブログ — admin @ 13:47:51
この記事のタグ:,

 個別エントリーページなどは1ページにしかならないので、複数のページに別れたときの心配をする必要はあまりないのですが、トップページ(インデックスページ)などは記事を投稿していけば投稿していくほど、いくつかのページに分割されていきます。通常は設定で決めた最初の数個の記事しか表示されない状態になっており、それより以前の記事にアクセスするためには、サイドバーでアーカイブを選んで、該当の月ににアクセスして記事を選ぶのが一般的です。

しかし、トップページを一番下まで見たときに、それよりも少し前に投稿された記事を見たい場合もあるので、ページナビゲーションが付いていた方がやはり便利です。これを実現するプラグインは何か無いのか探していると、良いプラグインが出てきました。WP PAGENAVIというプラグインです。

こちらのページ(WP-PageNavi 2.11 Readme)でプラグインが公開されています。

普通のプラグインと同じようにFTPで指定のフォルダに転送して有効化します。そして、管理ページから「各種設定」に行けば、PageNaviというリンクが増えていますので、ここにアクセスすれば、どのように表示するか等について設定を行うことができます。

また、ページナビを表示させたい箇所には必要なコードを入れておく必要があります。私はfooter.phpにコードを入れておきました。コードの入れ方については、こちら(power source* » WP plugin: ページ番号を並べたナビゲーション - WP-PageNavi)の解説が詳しくて判りやすいです。

まだ、このブログでは投稿した記事の数が10に満たないので、ページナビの出番になっていません。1ページに表示される範囲であれば自動的に表示が抑止されるので、うまく動作してくれているか否かのチェックが出来ていないのですが、そろそろ10個を超えてページが分割されるので動作確認ができるはずです。

[tags]WORDPRESS, PLUGIN[/tags]



関連する記事:
  • None

WordPressでGoogle Analyticsの解析コードを入れた

Filed under: ブログ — admin @ 12:45:41
この記事のタグ:,

 アクセス解析と言えばグーグルが、「Google Analytics」を無償で提供してくれるようになったので、高度な解析を簡単に実施できるようになりました。WordPress自体にもアクセス解析をしてくれるプラグインが色々と公開されているようではあるのですが、まずは「Google Analytics」でアクセス解析ができるようにしました。

Google Analyticsでアクセス解析をできるようにするためには、まずは登録が必要です。下記から申し込みを行うことができます。

Google Analytics

私は従来、MovableTypeで運営していたブログサイトのアクセス解析をするために登録をしていたので、すでにアカウントを持っています。 この場合はGoogle Analyticsから提供されている解析コードをアクセス解析を実施したい全ページのコードの中に組み込めばアクセス解析が始まります。従来、MovableTypeで運営しているときには、個別エントリーのテンプレートやカテゴリーのテンプレートなど、必要な全てのテンプレートに解析コードを手作業で組み込んでいったのですが、WordPressの場合にはこれを効率化できる便利なプラグインがあるようです。こちらのサイト(WordPress の Ultimate Google Analytics プラグイン)に従ってインストールをすると簡単に設定できました。

このプラグインの素晴らしいところは、アクセス解析のコードを自動的に埋め込んでくれること以外に、たとえば管理者がログインした状態でアクセスしているときにはアクセス解析のコードをページに埋め込まないといったことを自動で制御してくれます。「今日は結構、アクセスした人が増えたな」と喜んでいたら、実は自分がメンテナンスをしているときにアクセスしたものが集計されただけだったという悲しい思いをしなくて済みます。WordPressでGoogle Analyticsを使用する場合には是非お勧めしたいプラグインです。

[tags]WORDPRESS, PLUGIN[/tags]



関連する記事:
  • None

WordPressの「Update Now」プラグインをインストールした

Filed under: ブログ — admin @ 12:20:35
この記事のタグ:,

 WordPressのカスタマイズを引き続き実施しています。WordPress関連のプラグインは意外と豊富にあるので、どんなプラグインがあるのかを探すのが、だんだんおもしろくなってきました。もしかするとMovableTypeよりも利便性が高いプラグインが豊富に公開されているような気がします。しかし、ネットで情報を検索しても、一つ一つのプラグインに関する日本語の解説記事はMovableTypeと比較するとあまり多くは無いような気がします。仕方が無く、英語の解説記事も読むのですが、もう英語から離れて相当の年月が経つので、相当苦しかったりもします。

そんなことをしている中で、「Update Now」というプラグインを見つけました。こちらは小粋空間さんで解説されていますので、簡単にインストールができました。

小粋空間: Updated Now プラグイン for WordPress

このプラグイン、何が出来るのかというと、新しく記事を投稿してから「指定した時間」の間は画面の左上に、「Update Now」というリボンを表示してくれます。インストールしたあとの設定画面は下記のような形になります。デザインやリボンを出しておく時間を記事を投稿してから何時間にするかなどを設定しておくことができます。私はこの記事を書いている時点では下記のような設定にしてあります。特にインストールしたときの状態のままで設定は見直していません。

update now 設定画面

シンプルな機能ですが、確実にブログに来てくれる人から見れば利便性が上がるので、良いプラグインだと思います。小粋空間さんの解説に従えば導入も簡単で、すぐに設定が完了しました。お勧めです。

[tags]WORDPRESS,PLUGIN[/tags]



関連する記事:
  • None

個別の記事にタグを付けてみました

Filed under: ブログ — admin @ 3:12:19
この記事のタグ:

■タグとは?

MovableTypeでは現在配布されているバージョンでは「タグ」の機能がすでに標準で付いています。このタグというのは、記事の内容を表すキーワードを数個、自分で選んで付けておいて、同じタグの付いた記事を集めて、「関連する記事」を表示したりするために使います。

■WordPressでタグを付ける方法

WordPressではこのタグの機能はいったいどうなっているのか判らなかったので調べたところ、プラグインを追加することでタグが使えるようになるようです。このタグの機能を実現するプラグインの中では「simple tagging」という名前のプラグインがもっとも使いやすいようです。

このプラグインを追加するだけで、記事を投稿するときにタグを投稿できるようになるほか、記事そのものにタグを表示したり、関連する記事を表示したり、またタグクラウド(tag cloud)を作ったりすることもできるようになります。このタグクラウドというのはおもしろい機能で、よく使われているタグの文字サイズは大きく表示して、あまり使われていないタグの文字サイズは小さく表示します。そこで視覚的にそのブログではどんな話題が扱われているかを一発で判るようにすることができます。こんなことが、専用の構文で簡単に対応することができます。

■テンプレートはどこを直すか?

ムーバブルタイプばかりを使用していて、ワードプレスに関しては全くの初心者だったので、いったいどのテンプレートを直せば、個別記事にタグや関連記事を表示できるようになるのか最初は判りませんでした。しかし、試行錯誤を繰り返していくうちに、index.phpを修正すれば表示されることが判りました。タグの一覧は記事の中でも上の方、そして関連する記事の一覧については記事の中でも一番後ろの方に表示させるようにしてみました。

■Simple Taggingの在りか

このプラグインは下記のサイトで配布されています。

Simple Tagging Plugin — Software Guide

また、日本語での解説記事は下記のサイトがもっとも参考になりました。

WordPress用、タグ付けプラグイン:Simple Tagging | 創造マラソン

すでにこのブログでもタグ機能を実装してみましたので、確認してみてください。



関連する記事:
  • None

WordPressのパーマリンク形式の変更

Filed under: ブログ — admin @ 0:41:01
この記事のタグ:

 WordPressのパーマリンク(個別記事のURL)は下記のような形式になっています。

★ http://www.painfo.net/wp/?p=123

この形式は一見はシンプルなのですが、途中に「?」が付いているのがやはり気になります。WordPressでは各個別記事については動的にページ内容を生成しています。MovableTypeではデフォルトでは静的に各ページのhtmlコードを保存しているのと全く逆の考え方になっています。これにより、WordPressでは再構築という作業が必要ありません。これは最大のWordPressの良さでもありますが、実は検索エンジンは動的ページはあまり得意としていないのが一般的です。

従って、検索エンジンから見たときに、あまり不自然なパーマリンクでない方が良いであろうということでパーマリンクの形式を変更してみました。

WordPressではパーマリンクの形式を簡単に変更することができます。管理ページ(ダッシュボード)にログインして、各種設定→パーマリンク設定で目的の設定変更ができます。このURLの表示形式については、下記の中から選ぶことができます。

一般的な表示:

デフォルト
» http://www.painfo.net/wp/?p=123
日付と記事名に基づく表示
» http://www.painfo.net/wp/2007/07/08/sample-post/
記事ナンバーに基づく表示
» http://www.painfo.net/wp/archives/123

独自表記を以下の入力欄に記述

個人的には「記事ナンバーに基づく表示」が良いようにも思ったのですが、ちょっと、「archives」というのが長いので、「独自表記を以下の入力欄に記述」で下記のように設定してみました。(SEO的に有利なパーマリンク構造にカスタマイズする | ああわーどぷれすのサイトを参考にしました)

/log/%post_id%.html

普通の静的ページに見えるようなパーマリンクになるので、検索エンジンから見てもあまり違和感が無いと思うのですが、結果としてはどんな形で出てくるのか、ちょっと気になる部分ではあります。



関連する記事:
  • None

HTML convert time: 1.340 sec. Powered by WordPress ME