Kinopyo Blog

プログラマとしてRuby, Rails, iPhone, iPad,Macなどなどと向き合う日々のログポース

Archive for the ‘WordPress’ Category

WordPress “Page”を外部リンクに設定するプラグイン:Page Links To

2012年01月03日

Page Links ToプラグインでブログにWordpressの”Page”を追加し、指定のurlを開くように設定できます。

例えば自分の場合は”About”ページをhttp://about.me/kinopyoにリダイレクトしています。

This plugin allows you to make a WordPress page or post link to a URL of your choosing, instead of its WordPress page or post URL. It also will redirect people who go to the old (or “normal”) URL to the new one you’ve chosen (301 Moved Permanently redirects are standard, but you can choose a 302 Moved Temporarily redirect if you wish).

This functionality is useful for setting up navigational links to non-WordPress sections of your site or to off-site resources.

You can also use it to create a hand-crafted menu that links to pages, posts, categories, or anything within your site.

参考サイト:

http://www.kreci.net/web-development/how-to-make-wordpress-page-link-to-any-url/

さくらVPSのパフォーマンスチューニング

2011年11月11日

さくらVPSでWordpressブログをやってます。そんなにアクセスがないはずなのに、さくらVPSに移行した当時は結構サーバが落ちました。topコマンドで見るとスワップが結構70%まで上がったりして、手動でapache再起動とかもやりました。。ネットでいろいろググッてそれなりにパフォーマンスチューニングした結果やっと安定して、同じサーバに2つのWordpressブログと一つのRailsアプリケーションを実行しています。

参考までにさくらVPSは一番安いの512MB、月1000円のプランで、平日だとこのブログの一日PVは大体500〜600です。

チューニングしてから結構時間が経ったのでだいぶ忘れました。Evernoteでのメモを貼ります。

効果が高い順で。

WordPress

W3 Total Cache プラグインが一押しです。インストールも設定も簡単ですし、一番効果があります。

ページのキャッシュ、cssやjavascriptのマージと圧縮など、結構やってくれます。実際これだけ入れても感じるほど早くなるはずです。

Apache

httpd.confを編集します。いろいろ修正してみましたが、結果下記の設定にしました。この辺はググったら結構出ますが、それぞれの環境に合わせて試行錯誤したほうがオススメです。


<IfModule prefork.c>

StartServers       5

MinSpareServers    5

MaxSpareServers   10

ServerLimit      64

MaxClients       64

MaxRequestsPerChild  50

MaxMemFree 2000

</IfModule>

PHP

/etc/php.ini

zlib.output_compression = On

APC

pecl install APC

開発者ブログに便利なキーワードや言語シンタックスなどを強調するCSS

2011年10月18日

開発者のブログではよく各言語に関する変数名やメソッド名などのようなキーワードを強調して表示する必要がありますね。「AV女優.com 開発者ブログ」を見るとき「これだっ!」と思ったCSSをから借りました、@sunomaruさんに感謝です!

CSS


em {

    font-weight: normal;

    font-style: normal;

    white-space: nowrap;

    border: 1px solid #ccc;

    padding: 0.1em 0.6em;

    background: #f9f9f9;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

}

DEMO

emタグで囲めばいいですよ〜どうでしょう〜!

WordPressにSocial Metrics for Japaneseを入れてみた、記事のTwitter、Facebook Like 、はてぶされた数を管理画面に一覧表示

2011年09月20日

今まで書いた記事のTwitterでのTweet数や、Facebookのいいね!他、Google+1などを管理画面で一覧表示してくれる

http://kachibito.net/wordpress/social-metrics-for-japanese.html

インストール

20110920現在はWordpress管理画面で検索しても出てこなかったので、手動でpluginフォルダにアップしてインストールしました。

利用

インストールするとDashboardとPluginsのサイドバーにSocial Metricsのリンクが表示され、記事がTwtter、いいね、はてブされた数が月別、カテゴリ別で見れます!

ただしlinkedinはなぜか常に1になってます。

最後に。うちの小さいブログにとってはソーシャルなど意識すぎの課題があると思います。Google Analyticsで一ヶ月で各ソーシャルプラットフォーム(Facebook, Twitter, Google+1, はてな)からのアクセスは10も行かない場合があって、90%以上がGoogle検索でやってきています。この状況を踏まえて今まで導入したソーシャルボタンとか、効果対コストは極めて低い!と感じました。

gistのソースコードをRSSにも出力できるWordPress Plugin

2011年07月03日

gistでソースをjavascriptタグで表示したらRSSには出力できません。また毎回githubから呼びこむのはパフォーマンスも悪いですね。

これらの問題を解消してくれるプラグインがEmbed GitHub Gistです。

Embed GitHub Gistはgistから内容を取得して本文に出力するためRSSでも表示できるようになります。

記述ルールはとても簡単で[]にgist id=12345のように書けば終わりです。詳細は上記のリンクで確認してください。

デフォルトのキャッシュは一日です。今のバージョン0.8ではまだ他の値に設定できませんが、簡単で十分だと思います。

10分でWordPressにコメントシステムDisqusを導入

2011年05月25日

Disqusの概要

Disqusを導入すると一切のコーディングなしでユーザがFacebook, Twitter, OpenIDでコメントすることができます。このように:

導入手順

実際の導入フローはとても簡単なので、流れだけ書きます。

  1. http://disqus.com/でアカウント登録
  2. ブログサイトの情報、メインライター、導入ブログタイプ(ここはWordpress)などの設定
  3. 自分のWordpressブログの管理画面でプラグインをインストール:Disqus Comment System
  4. Disqusプラグインの設定画面でさっきhttp://disqus.com/で登録したアカウントでログイン
  5. 必要でなれば今までのコメントをエクスポートすることもできる


既存コメントのエクスポート

既存コメントのエクスポートは時間がかかりそうで、すぐには反映しないようです。

Disqusの管理画面で確認したらステータスが”Queued for import”になってます。

すると翌日にインポートできましたよというメールがきました。管理画面でチェック:

WP Social Bookmarking Lightでブログのソーシャルブックマークボタン

2011年05月16日

もともと勉強の目的もあって当サイトのFacebookのLikeボタンやTwitterボタンを全部手書きで用意したのですが、

ブログのRSS登録者を50%増やすシンプルな6つの方法 | Last Day. jpを読んでmixiやグリーなども一応設置したほうがいいかもと思いまして実践しました。

FacebookとTwitter、はてなはもちろん、グリー、EvernoteやDeliciousなどまで対応してて便利ですよ。

WordPressプラグイン:WP Social Bookmarking Light

http://www.ninxit.com/blog/2010/06/13/wp-social-bookmarking-light/

設定

設定方法はとても簡単です。WPの設定画面でWP Social Bookmarking Lightを選択肢

下記のように必要なサービスを左にドラッグ&ドロップすればOKです。

General Settingタブ

「Singular」がDisabledにすれば記事の一覧ページにもボタンが反映するようになりますが、そうすると画面の読み込みが結構重くなるようでデフォルトのEnableのままにしています。

Facebookタブ

LikeボタンのVersionはデフォルトは「XFBML」となっていますが、XFBMLはもう廃止予定なのでiFrameに変更します。

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

2010年08月02日

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

手順

Like Button – Facebook開発者でリンクコードを取得
  • 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