技術関係ブログ

今まで他のブックマークサービスのボタンを付けていたのですが、そろそろ見直しするかということで ・・・ はてなブックマーク、twitter、facebookのボタンを設置してみました。

以下、ざっくりとした設置方法です。コードを取得してWordpressのテーマに貼り付けているだけです。

はてなブックマークのボタン設置

以下サイトで設定
http://b.hatena.ne.jp/guide/bbutton

コード例
<a href=”http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>”data-hatena-bookmark-title=”技術関係ブログ”data-hatena-bookmark-layout=”standard” title=”このエントリーをはてなブックマークに追加”><img src=”http://b.st-hatena.com/images/entry-button/button-only.gif” alt=”このエントリーをはてなブックマークに追加” width=”20″ height=”20″style=”border: none;” /></a><script type=”text/javascript” src=”http://b.st-hatena.com/js/bookmark_button.js” charset=”utf-8″ async=”async”></script>

個別記事に設置するので <?php the_permalink(); ?> で指定。

twitterのボタン設置

以下サイトで設定
http://twitter.com/goodies/tweetbutton

コード例
<a href=”<a rel="nofollow" href="http://www.google.com/url?sa=D&q=http://twitter.com/share" target="_blank">http://twitter.com/share</a>” data-count=”horizontal” data-via=”mitakasound” data-lang=”ja”>Tweet</a><script type=”text/javascript” src=”<a rel="nofollow" href="http://www.google.com/url?sa=D&q=http://platform.twitter.com/"target="_blank">http://platform.twitter.com/</a><br /> widgets.js”></script>

これは個別記事のURLを持ってきてくれるので指定なし。「data-via」に入れたアカウント宛のメンションとなります。

facebookのボタン設置

以下サイトで設定
http://developers.facebook.com/docs/reference/plugins/like/

コード例
<br /> <iframe src=”<a rel="nofollow" href="http://www.google.com/url?sa=D&q=http://www.facebook.com/plugins/like.php%3Fhref%3D" target="_blank">http://www.facebook.com/plugins/like.php?href=</a><?php<br /> the_permalink(); ?</p> <div id="qhide_37958">>&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;</div> <p>width:80px; height:21px;” allowTransparency=”true”></iframe><br />

こちらも、個別記事に設置するので <?php the_permalink(); ?> 。

ブログの修正をしてて、どうしても 「<br />」を削除したかったんです。正規表現がいまいち分からないので苦戦していたのですが、なんとか削除成功したのでメモ。教えてくれた人ありがとう！

$hogehoge = preg_replace( ‘/<br(\s+\/)?>/i’, ”, $hogehoge );

「<br>」 であれば、なんとなく削除できたんですが 「<br />」 の場合、どうしたものかと悩んでました。

MOONGIFTさんを真似てPressmarkを使いソーシャルブックマーク風のメモ「技術関係メモ」を続けています。

→ WordPressをソーシャルブックマーク風に「Pressmark」

こんな噂「WordPress、クリスマス前にTumblrのレイアウトを採用か」もあるので、少しずつTumblrから移行してもいいかなと考えています。

情報を貯める場所 (2010年12月版)

iPadのReaderでGoogleリーダーに登録したフィードを読むところがスタート。

（重要度高い→低い）

・手帳
・Evernote
・Read It Later
・技術関係メモ
・tumblr

本当に大切なことは手帳に書いて、それを補助するEvernote。あとでじっくり読みたいものはRead It Laterに飛ばしてiPadで読みます。あとで読むかどうかわからないものは技術関係メモに。少し気になるレベルのものはtumblrにどんどん投げ込みます。

ここにFacebookの「いいね！」が増えてきているので、どこに貯めていこうか少し悩んでいます。

後で試したいなーと思っていたWordPressのカスタマイズが溜まってきたので備忘録です。

function.php関連

WordPressのfunctions.phpに書いておくといいかもしれないコードいろいろ
function.phpを直さなくちゃと思いながらしばらく直していません。。まずはアイキャッチ画像を追加できるようにしたかったのに忘れてました。

WordPressでのパス指定を絶対パスから相対パスに変更する方法
これもfunction.phpのカスタマイズですね。絶対パスになってるの気に入らなかったんです。

プラグイン関連

WordPress 3.0対応のとっても便利なプラグイン集
ここまで一覧になってると便利。

WordPressでTumblrライクに記事を投稿できる用に変更するプラグイン・WooTumblog
tumblrが好きなんです。あれぐらい気軽にポストできたらいいなということで気になるプラグイン。

その他

IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」
wordpressではないのですが、写真を微妙に角丸にしたいなと思っていたのでこれも気になる。

WordPreeeは長いこと愛用してきてるのですが、まだまだ知らないことや自己流になってしまっているところがありそうなので読みたいです。2010.10.05 現在Amazonで購入すると１週間ぐらい待たされるので書店で見つけたら購入しよう。

(追記：10/6）結局次の日、書店で購入しました。少し物足りないところありますが「なるほどね」と思う箇所もあり概ね満足です。これからWordPressを使ってみたい人には調度いい感じです。

WordPressを使っていると「wp_head」が吐き出すヘッダ情報が邪魔に感じるときがあります・・・例えば使っているWordPressのVer.が表示されたりするやつです。（↓こういうやつです）

<meta name=”generator” content=”WordPress 3.0.1″ />

たぶん「remove_action」で「wp_head」をフックして「generator」を削除すれば、いいんだろうなと思い、以前試してみたのですが、うまくいかなかったのでまあいいや・・・と放置したままでした。

これでうまくいかなかった。
<?php remove_action(‘wp_head’, ‘generator’); ?>
※この記述を functions.php に追加します。

そして以下の記事を読んでいたら（良いまとめ記事！）方法が書かれていたので早速実装してみました。解決してみればすごく単純なことでした。。
⇒ 22のWordPress カスタマイズ ハック

これでうまくいった。
<?php remove_action(‘wp_head’, ‘wp_generator’); ?>
※この記述を functions.php に追加します。

「remove_action」と「ad_action」を使うと、テンプレートだけでも色々出来るので凄く楽です。久々に技術関係ブログのテンプレートも色々試したくなりました。

参考：関数リファレンス remove_action
参考：関数リファレンス add_action
参考：アクションフック一覧