Yukun's Blog » WordPress http://www.yukun.info 難しいことは分かりやすく、簡単なことは面白く紹介 Thu, 26 Jan 2012 03:33:59 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 WordPress: 本文・コメント中のURLの自動リンクを抑制する – make_clickable http://www.yukun.info/blog/2012/01/wordpress-remove-filter-url-link.html http://www.yukun.info/blog/2012/01/wordpress-remove-filter-url-link.html#comments Tue, 03 Jan 2012 15:00:42 +0000 yukun http://www.yukun.info/?p=2145 Continue reading →

WordPress: 本文・コメント中のURLの自動リンクを抑制する – make_clickable is a post from: Yukun's Blog

]]> 最近のWordPressは本文・コメント内のURL(http:～、ftp:～)に自動的にリンクを貼る機能があるのだが、ソースコード中の文字列にまでリンクを貼られるとコードそのものが崩れる為、それを抑制するよう使用テーマのfunctions.phpに以下のコードを追記する。

/* 自動リンク除去 */
remove_filter('comment_text', 'make_clickable');
remove_filter('the_content', 'make_clickable');

※余談：
上記の設定をしてもリンクが解除されなかったので、他の原因を探ってみたら、chromeブラウザで拡張機能Text URL Linkeを使用していると、記事中のhttp:～リンクを自動的にタグで囲んでしまうので、これも無効化する必要があった(^_^;)

参考サイト

  1. Function Reference/make clickable « WordPress Codex
  2. Function Reference/remove filter « WordPress Codex
  3. Remove Auto Links In WordPress Comments Content Without Plugin
  4. WordPress › フォーラム » 投稿記事の自動置換処理をカスタマイズしたい

関連すると思われる記事：

WordPress: 本文・コメント中のURLの自動リンクを抑制する – make_clickable is a post from: Yukun's Blog

]]> http://www.yukun.info/blog/2012/01/wordpress-remove-filter-url-link.html/feed 0 WordPress: Facebook OGP Social Plugins(Like、コメント)の設置方法 http://www.yukun.info/blog/2012/01/wordpress-facebook-ogp-plugins.html http://www.yukun.info/blog/2012/01/wordpress-facebook-ogp-plugins.html#comments Sun, 01 Jan 2012 06:00:41 +0000 yukun http://www.yukun.info/?p=2070 Continue reading →

WordPress: Facebook OGP Social Plugins(Like、コメント)の設置方法 is a post from: Yukun's Blog

]]> FacebookのOGP pluginについては、結構な頻度で仕様変更があるので、Webにある過去の記事を参考にさせて頂くものの、なかなか上手くいかないこともあり、今回設置には手間取ったので、その作業経過をまとめておきます。結論から言うと設置にはWordPressのプラグインは使用せず、テーマファイルを直接編集する方法を採り、無事FacebookのDebugツールで認識できました。

設定手順

  1. Facebookアプリの作成
  2. Social Pluginsコードを取得
  3. WordPressのテーマ編集(Pluginsコードの埋め込み)
  4. Debugツールで設定内容確認

1. Facebookアプリの作成

下記のリンクより、Facebookアプリを作成し「App ID/API Key」を取得する。
Facebook開発者
併せてユーザーIDも以下のURLにアクセスし控えておく(“id”部分)。

https://graph.facebook.com/＜ユーザー名＞

例：私の場合はyu.sskがユーザーのURLなので以下のアドレスを入力することとなる。

https://graph.facebook.com/yu.ssk

2. Social Pluginsコードを取得

下記のサイトから、Like Button, Commentsのコードを取得する。
Social Plugins – Facebook開発者
- Like Button – Facebook開発者
- Comments – Facebook開発者

3. WordPressのテーマ編集(Pluginsコードの埋め込み)

私の場合、テーマの修正箇所は以下のタグ・要素となった。
※使用テーマはデフォルトのTwenty Ten。

  1. ヘッダー(header.php)
  2. コメント(comments.php)

ヘッダー(header.php)

先ずhtmlタグ内の要素を以下のように修正し、OGPとFacebookの名前空間の定義、prefixを追加する。

<html <?php language_attributes(); ?>
xmlns:og=”http://ogp.me/ns#”
xmlns:fb=”http://www.facebook.com/2008/fbml”
prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml" >

次にheadタグ内に取得したPluginコードを埋め込む。

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<meta property="og:site_name" content="Yukun's Blog" />
<meta property="og:title" content="<?php if (get_the_title() === 'Home') { echo "Yukun's Blog"; } else { the_title(); } ?>" />
<meta property="og:type" content="<?php if (get_permalink() === 'http://www.yukun.info/') { echo 'website'; } else { echo 'article'; } ?>" />
<meta property="og:url" content="<?php the_permalink(); ?>" />
<meta property="og:image" content="http://www.yukun.info/wp-content/uploads/EXA-i.jpg" />
<meta property="og:locale" content="ja_JP" />
<meta property="og:description" content="<?php echo mb_substr(strip_tags($post->post_content), 0, 100, 'UTF-8') . '...'; ?>" />
<meta property="fb:app_id" content="108593135872970" />
<meta property="fb:admins" content="100001238982542" />

＜後略＞

工夫したところは、私のブログの構成上はトップページでget_the_title()を実行すると”Home”になるので、その場合はブログ名に置換することや、ブログの個別ページを表示する場合はog:typeを”article”とし、トップページは”blog”とするよう、条件式を挿入したところかな。og:descriptionタグについては文字数調整＋タグを除去の上格納する。

また、bodyタグ直下にPluginページで取得した以下のコードを埋め込む。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=108593135872970";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

コメント(comments.php)

次に実際にLikeボタンやcommentボックスのコードを埋め込むが、私のブログではcomments.phpの頭にコードを挿入することで、デザイン上収まった。

<h3 id="reply-title">Facebook comments:</h3>
<div class="fb-like"
data-href="<?php the_permalink(); ?>"
data-send="true"
data-width="550"
data-show-faces="true"
data-font="arial">
</div>
<div class="fb-comments"
data-href="<?php the_permalink(); ?>"
data-num-posts="5"
data-width="550">
</div>

4. Debugツールで設定内容確認

以下のリンク先ページでブログ記事のURLを入力するとそのページの設定内容が確認できる。
Debugger – Facebook開発者
仮に問題があった場合は Warning で対処メッセージが表示される為、愚直に対応する(^_^;)

実行例

WordPress: Facebook OGP Social Plugins(Like、コメント)の設置方法

何かご質問があればお気軽にコメント頂ければと思います。

関連すると思われる記事：

WordPress: Facebook OGP Social Plugins(Like、コメント)の設置方法 is a post from: Yukun's Blog

]]> http://www.yukun.info/blog/2012/01/wordpress-facebook-ogp-plugins.html/feed 0 WordPress: 解決策→「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。」 http://www.yukun.info/blog/2011/08/wordpress-file-access.html http://www.yukun.info/blog/2011/08/wordpress-file-access.html#comments Tue, 09 Aug 2011 11:11:46 +0000 yukun http://www.yukun.info/?p=1971 Continue reading →

WordPress: 解決策→「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。」 is a post from: Yukun's Blog

]]> 事象

WordPressのプラグイン、テーマの自動更新をWebから実施する際に以下のメッセージが発生し、自動更新が中断。

メッセージ

要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。
次に進むには FTP の接続情報を入力してください。 接続情報が思い出せない場合は、ホスティング担当者に問い合わせてください。

原因・対処法

apacheユーザーにpluginディレクトリへの追加や更新権限が無い為。解決策としてはwordpressの最上位フォルダ上でchown -R apache ＜フォルダパス＞を実行しapacheの権限を付与することでOK。

関連すると思われる記事：

WordPress: 解決策→「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。」 is a post from: Yukun's Blog

]]> http://www.yukun.info/blog/2011/08/wordpress-file-access.html/feed 0 shosira さんへのお勧めプラグイン「Popular Posts」 http://www.yukun.info/blog/2008/10/recommend-wordpress-popular-posts-plugin-for-shosira.html http://www.yukun.info/blog/2008/10/recommend-wordpress-popular-posts-plugin-for-shosira.html#comments Sun, 12 Oct 2008 15:00:18 +0000 yukun http://www.yukun.info/?p=1217 Continue reading →

shosira さんへのお勧めプラグイン「Popular Posts」 is a post from: Yukun's Blog

]]> 先日、

こんなPluginどうですか？といったアドバイスも大歓迎です。
引用先

を拝見しましたので、それを受けて「Popular Posts(Author: Rob Marsh, SJ)」を推薦したいと思いますが、いかがでしょうか。

Popular Postsはその名の通り「人気の記事」を表示するプラグインです。サイドバーのウィジェットも付いており、手軽に設置できます。
案外、投稿者にとっては意外な記事がランクインすることもあり面白いですよ。

追記： 記事にするのでなく普通にコメントすればよかったf–;前の記事のノリでついポストしてしまった／(-.-)＼

関連すると思われる記事：

shosira さんへのお勧めプラグイン「Popular Posts」 is a post from: Yukun's Blog

]]> http://www.yukun.info/blog/2008/10/recommend-wordpress-popular-posts-plugin-for-shosira.html/feed 2 WordPress: Similar Posts の紹介と設定例 – 関連記事[投稿|エントリ]を表示するプラグイン http://www.yukun.info/blog/2008/10/wordpress-plugin-similar-posts.html http://www.yukun.info/blog/2008/10/wordpress-plugin-similar-posts.html#comments Sun, 12 Oct 2008 14:20:31 +0000 yukun http://www.yukun.info/?p=1216 Continue reading →

WordPress: Similar Posts の紹介と設定例 – 関連記事[投稿|エントリ]を表示するプラグイン is a post from: Yukun's Blog

]]> WordPress Plugin: Similar Posts

投稿した記事に関連する記事を自動で選択し、サイドバーを含む任意の位置に表示できる WordPress のプラグインであるSimilar Posts(Author: Rob Marsh, SJ) の設定の一例を紹介します。

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

まず、下の二つのページからPost-Plugin LibraryとSimilar Postsをそれぞれダウンロードします。

ダウンロードしたzipファイルから解凍されたフォルダをサーバのpluginフォルダにアップロードします。ブラウザからプラグイン管理ページを開き、Post-Plugin Library→Similar Postsの順にアクティベートします。

特徴

ソースを全て読んだわけではありませんが、このプラグインの特徴は、全記事からキーワードを抽出し関連度を算出し、DBの新たなテーブルに格納し直しているところだと考えます。その為、表示時間も早いですし、記事間の関連性を誘導する為に投稿者が記事に恣意的なカテゴリ・タグ付けをする必要がなくなる利点があります。ただし、設定によってはその機能を活かせなくなってしまう可能性があるので、以下に私の設定例を紹介します。

Similar Posts の設定の一例

General タブ

最初のおススメの設定項目は、

  • Match the current post’s category?
  • Match the current post’s tags?

の値をNoとすることです。YesやEvery tagにすると同一カテゴリ・タグのみから関連記事の推薦を行う設定となります。その為、タグやカテゴリを越えた横断的な推薦が出来なくなり、少しもったいないです。

Placement タブ

Output after post:

この項目をActivateにすると各記事の最後に関連記事を表示してくれます。
しかし、投稿本文と関連記事リストの間に広告を入れたい場合や表示位置を変えたい時があると思います。そういった場合はActivateせずにテンプレートの任意の場所に、

<?php similar_posts(); ?>

を挿入することでも、関連記事リストを表示することが出来ます。

Output in RSS feeds:

RSSフィードにも関連記事を表示する場合は、この項目のActivateをYESにしましょう。また、ここでParametersを初期設定で用いる場合はprefixの先頭にbrタグを追加しておきましょう。もしくは、strongタグを見出しタグ(h3やh4)に変えましょう。

というのも、もし記事の投稿の際に最後に改行を入れていない場合、strongタグの文字が本文の最終行に続けて連結されてRSSフィードに配信されます。なので、改行タグ（br）を挿入するか、見出しタグにしておいた方がちょっと見栄えが良いかと思います。もちろん、記事を投稿する際に毎度最後に空行を入れてもいいのですが、それは手間かな、と思います。

Other タブ

Relative importance of:

キーワードの重み付けの設定です。記事の本文、タイトル、タグそれぞれのキーワードの重要度を設定します。このブログの場合は、
content: 55%, title: 20%, tags: 25%
でかなりいい感じの推薦結果を得ることが出来ました。もちろん、この値は設置するブログのタイトルやタグ付けの方針によって変わってくると思いますので是非、試行錯誤してみてください。

Manage the Index タブ

日本語などマルチバイト文字を含むブログであれば、

  • Handle extended characters?
  • Treat as Chinese, Korean, or Japanese?

はYESにしましょう。

以上。こんな感じでしょうか。
今回はWordPressに関する初の記事となりましたが、↓の関連記事リストを見ると何だか頑張って関連していそうな記事を推薦してくれているように見えなくもないです（勿論、今後WordPress関連の記事を投稿すれば、この記事のリストも更新されます。

存外この推薦から新たな気づきが生まれることもあるので、とっても便利なプラグインです（「へー、その記事が関係するのか。共通点と相違点は何なんだろう？うーん、あ、確かに！」ってかんじで）。

余談ですが、DBのレコードを見たところ、どうやら本文からのキーワードの切り出しにはN-gram法が使われているようです。その為、文字コードがUTF-8であれば別途に形態素解析をしなくても、あらゆるマルチバイト言語の文章から機械的にキーワードマッチングできる単語(というよりN文字)集合を生成できるようです。勿論、単語の切り出し精度・速度は「N-gram」、「形態素解析」のどちらの方法にも一長一短ありますけれど。

作者のRob Marsh, SJさんスゴイなぁ。

関連すると思われる記事：

WordPress: Similar Posts の紹介と設定例 – 関連記事[投稿|エントリ]を表示するプラグイン is a post from: Yukun's Blog

]]> http://www.yukun.info/blog/2008/10/wordpress-plugin-similar-posts.html/feed 82