Kinopyo's Blog

I love this game.

Archive for the ‘WordPress’ Category

WordpressブログにFacebook Likeボタンを追加しました

2010年08月02日

WordPressブログにFacebookのLikeボタンを追加しましたので、メモとして取っておきます。

手順

Like Button – Facebook Developersでリンクコードを取得
  • Layout Stylebutton_count
  • Width90に。
  • Get Codeで貼り付けるコードを取得
WordPress記事リンクを組み立て

各ページごとにLikeボタンが欲しいので、こんなファンクションを作りました。中のiframeのソースはFacebookから取得したコードで、修正したのが2点あります。

  • href=のURLをget_permalink()で取れた記事のURLに置き換えます。
  • margin-bottom:-8pxでレイアウトの調整を行ないます。
// facebook like button
function fbLike() {
	$link = get_permalink();
	echo "
	<iframe src='http://www.facebook.com/plugins/like.php?href=".$link."&layout=button_count&show_faces=true&width=90&action=like&colorscheme=light&height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:90px; height:21px;margin-bottom:-8px;' allowTransparency='true'></iframe>
		";

}

後はfbLike()を読んだだけでLikeボタンが表示されます。

はてなブックマークエントリをブログに設置

2010年07月21日

http://b.hatena.ne.jp/guide/blogpartsにて自分のサイトの人気エントリーをブログパーツとして設置できます。

手順にしたがってブログのURLを入力して簡単の設定を行ったあとは貼り付けるコードが生成されるため、それをブログにコピペすればOKです。

できたらこんな感じです。なぜか画像が暗くなっちゃいました。

hatena-bookmark-entry

Wordpress 3.0

2010年06月23日

Wordpress3.0がリリースされました。

使っているプラグインがまだ3.0対応していないので、

急いで更新してはいませんが楽しみです。


ブロギングプラットフォーム、WordPressが3.0版、通称「Thelonious」へとアップデートしました。それにより、モダンなデザインとなったデフォルト画面、バルクプラグイン、新テーマ、インストールアップデーターなどが追加されました。バグの修正と機能向上も、あわせて行われています。

http://www.lifehacker.jp/2010/06/100618_wpbpubnlbu.html

ブログを多言語に対応するWordpressプラグイン:qTranslate

2010年06月21日

qTranslateを試しました。

ブログを多言語に対応する上でとても便利なプラグインです。

これからは日本語、英語、中国語で記事を書いていきたいと思います。

まだカスタマイズができてないので、

整理できたら投入メモとか書きます。

WPテーマGlowing Amberに二番目のサイドバーを追加

2010年01月17日

本文はWPテーマGlowing Amberに二番目のサイドバーを追加する方法を紹介します。

Glowing Amberは今現在このブログで使われているテーマです。

見た目がいいデザインがいいのですぐインストールしましたが、

簡単にカスタマイズするメニューがなくて少し不便を感じました。

マニュアルもなく、作者が提示したURLにも無効となっています。。。

二番目のサイドバーを追加する方法

  • Main Index Templateのindex.phpかSingle Postのsingle.phpを編集します。

それぞれブログのトップページ、個々の記事ページのファイルです。

  • サイドバーを追加したい場所で下記コードを挿入します。

<div id="left">

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left')) : ?><?php endif; ?>

</div>

例えば左に追加したい場合は

<div id=”mainbody-l”>の前に上記コードを挿入します。

  • <div id=”mainbody-l”>を<div id=”mainbody-lr”>に変更

これはid=mainbody-lrにwidthが適切に設定されているからです。

  • Stylesheet (style.css)で幅を編集

104行目近くにある#mainbody-lr と#left, #rightのwidth値を編集すればOKです。

これでWidgetsメニューでSidebar Leftが使えるようになります。

iPhoneで閲覧に最適にしてくれるWPプラグイン – WPTouch

2010年01月02日

iPhoneでうちのブログを見ている割合をGoogle Analyticsで確認しました。

12月で1.68%でした。

僅かな割合なんですが、それでもうれしいです。

Blog-Browsers-and-OS

WPTouch

WPTouchはiPhone閲覧に最適にしてくれるWPプラグインです。

インストールするだけでもうOKです。

設定メニューも簡単で、とても使い易いです。


以下iPhoneでこのブログを見る際のスクリーンショットです。

今のところFollow Meのプラグインがうまく表示されませんが、

これはFlashがiPhoneではサポートされてないからです。

初期画面:記事一覧

記事概要

記事詳細

カテゴリ、タグ、コメント

記事にコメントが追加された際ブログの閲覧者にメールで通知するプラグイン

2009年12月13日

閲覧者がコメントする際にチェックボックスにマークしておくことで、

さらにコメントが追加された場合、メールで知らせてくれるプラグインです。

閲覧者が自分のコメント以降に追加されたコメントを把握できるようになります。

wordpress-plugin-subscribe-to-comments

ダウンロード

http://txfx.net/wordpress-plugins/subscribe-to-comments/でダウンロードか、

WordPress管理画面から「subscribe-to-comments」を検索してインストールする

カスタマイズ

初期設定ではメールの本文が英語となっています。


それを日本語にカスタマイズしてみました。

管理画面でsubscribe-to-commentsプラグインを編集します。

「There is a new comment on the post」で検索すれば一発で見つかります。

そのあたりの英語を自分が好きな言葉に置換すればOKです。


以下自分のサンプルです。


There is a new comment on the post
新規のコメントが投稿されました。
See all comments on this post here
すべてのコメントを確認するには下記のリンクをクリックしてください
Author
お名前
Comment
コメント
To manage your subscriptions or to block all notifications from this site, click the link below
コメント閲覧を管理、このサイトからの通知をブロックするには下記のリンクをクリックしてください


修正後のメール本文はこんな風になりました。

WordPress記事に、はてなブックマーク数を表示

WordPress記事にはてなブックマーク数を表示する方法です。

プラグインのわざわざインストールする必要はなく、

一行のコードで簡単に実現できるものです。

コード

<a href="http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>"><img src="http://b.hatena.ne.jp/entry/image/<?php echo get_permalink(); ?>" alt="" /></a>

挿入箇所

Word Pressの管理画面内「表示 -> テーマエディタ」で下記ファイルを修正します。

  • ブログホームページのファイル(index.php)
  • アーカイブ、カテゴリ、タグなどのファイル(archive.php)
  • 単一記事のファイル(single.php)

サンプル

例えば記事のタイトルの横にブックマーク数を表示させたい場合は「title」キーワードを検索して、

<h2><?php the_title(); ?></h2>の中に上記コードを貼りつければOKです。

こんな感じに修正します。


<h2><?php the_title(); ?><a href="http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>"><img src="http://b.hatena.ne.jp/entry/image/<?php echo get_permalink(); ?>" alt="" /></a></h2>

WordPressにはてな記法を適用するプラグイン


Warning: fsockopen() [function.fsockopen]: php_network_getaddresses: getaddrinfo failed: Name or service not known in /home/sites/chicappa.jp/users/kuron.jp-kinopyo/web/blog/wp-content/plugins/wp-hatena-notation/core/HttpSocket.php on line 95

Warning: fsockopen() [function.fsockopen]: unable to connect to ~~:80 (php_network_getaddresses: getaddrinfo failed: Name or service not known) in /home/sites/chicappa.jp/users/kuron.jp-kinopyo/web/blog/wp-content/plugins/wp-hatena-notation/core/HttpSocket.php on line 95

Wordpressブログにはてな記法を適用するプラグインを紹介します。

はてな記法に慣れたら結構手軽にブログを書けます。

Wordpressにそのはてな記法のプラグインがあります。

インストール

  1. WordPressにはてな記法を導入するプラグインにてダウンロード
  2. サーバにアップロード(blog/wp-content/pluginsフォルダに)
  3. ダッシュボード→プラグイン→インストール済みでアクティブすればOK
  4. 設定画面の「Posts -> WP HatenaNotation」で適用する時間範囲を決める、するとその時間以降の記事に対して有効になる

hatena-notation-plugin

この例で言うと、2009年11月30日以前のはてな記法で書かれて記事は対象外となる意味です。

まだ対応してない機能

http記法のphp_network_getaddresses: getaddrinfo failed: Name or service not knownは現時点まだ対応予定の状態です。

WordPress Flexible upload pluginのWarning: call_user_func_array() [function.call-user-func-array]

2009年12月11日

エラー詳細

Flexible uploadのプラグインを使うときに出たエラー内容です。

Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, 'feed_links_extra' was given in ***/***/wp-includes/plugin.php on line 339

回避方法

blog/wp-content/plugins/flexible-upload/flexible-upload-wp25.phpに以下のコードを追加


function media_admin_css() {  

	wp_admin_css('css/media');  

} 

バージョン情報

  • WordPress : 2.8.6
  • Flexible upload: 1.1.3

参考サイト

WordPress2.6のFlexible upload 1.13不具合解消

Get Adobe Flash playerPlugin by wpburn.com wordpress themes