×

はてなブログカードを使えるWordPressプラグインを無料公開されている方がいらっしゃるぞ!

2015年9月2日 WordPress

早いもので、ブログを書き始めて8ヶ月経ちました。

ブログを書いていると外部・内部問わずリンクを設置することも少なくありません。これまで普通にテキストリンクを設置していたのですが、何か味気ない…。

はてなブログカードで見栄えを良くしたい

はてなブログではてなブログカードを見て、「これMIGOブログで使ったら見栄えがよくなるな~」と思っていました。
はてなブログには標準ではてなブログカードを設置する機能があるようなのですが、MIGOブログは独自ドメインとWordPressで運営しているため標準でははてなブログカードの機能はありません。

自分でHTMLとCSSを使ってそれっぽくしてもいいのですが、面倒だったのでそのままテキストリンクで設置し続けていました。

はてなブログカードを使えるWordPressプラグインPz-HatenaBlogCard

「何か楽にはてなブログカードを使える方法ないかな~プラグインとかあればな~」

と思っていたら…ありました。

ぽぽろんさんが運営されているブログ「ぽぽづれ。」で、はてなブログカードを使用できるWordPressプラグインPz-HatenaBlogCardを公開してくださっております。しかも無料配布

無料で使えて、不具合対応・バージョンアップなど頻繁に行っています。
なんというお方…神様かなにか?

早速プラグインを使って「ぽぽづれ。」へリンクを飛ばしてみました。どうですか?はてなブログカードぽくて見栄えが良くなりました。
面倒くさがりで楽したい人にぴったりのプラグインです。

Pz-HatenaBlogCardのここが便利

Pz-HatenaBlogCardは下記のような便利なポイントがあります。
※詳しい使い方は「ぽぽづれ。」のほう掲載されているのでそちらをご覧ください。

いちいち細かいタグ打ちが不要

プラグインも何も使用せずに、はてなブログカードを再現するには無駄に長いhtml、CSSをコーディングしたり逐一テキストや画像を用意したり、なかなか面倒な作業が不要です。

[bc url="http://migo-media.com/"]

このプラグインでは、上のようなあらかじめ用意されたショートコードにURLを入れるだけでOKです。(頭のbcは管理画面で任意に変更したものです。)

内部リンクと外部リンクとで見栄えを変えられる

内部リンクと外部リンクURLで自動的に判別して見栄えを変えてくれます。

– 内部リンク –

このタグは本当に必要!?WordPressの不要なタグを削除してソースコードをすっきりさせよう!
数多くのウェブサイトでWordPressが利用されています。WordPressは、ブログを運営する上で必要とされる機能が備わっており、その機...

– 外部リンク –

背景色や画像の位置などに変化を与えて、内部リンクと外部リンクの見た目の差別化が可能です。

CSSを自動生成可能(オリジナルのCSSに切り替えも可能)

デフォルトのCSSが自動生成され、設定画面から細かい指定(枠線、幅、余白、テキストの右・左・中央寄せなど)ができます。また、自動生成したCSSではなく、自分で用意したCSSを指定することも可能です。

ファビコンの画像取得APIを実装

リンク先のファビコン画像を自動的に取得するAPIが実装されています。ショートコードを1行書くだけでファビコンを自動取得できます。

WordPressの投稿・固定ページ編集画面でボタンを設置

テキスト編集画面にショートコードを挿入するクイックタグを追加してみました。プラグインなどを使っても良かったのですが、あまりプラグインを使いすぎてもサイトパフォーマンスが悪くなるので、今回はfunction.phpにクイックタグをを追加するコードを記述しました。

下記コードをfunction.phpに追記します。

<?php
function custom_add_quicktags() {
    if (wp_script_is('quicktags')){
?>
    
<?php
    }
}
    add_action( 'admin_print_footer_scripts', 'custom_add_quicktags' );
?>

ボタンをクリックするとurlを入力してリンクを設置できるようにします。

【参考】クイックタグAPI – WordPress Codex 日本語版

おわりに

お手軽にはてなブログカードを使えるようになりました。
こんなプラグインを作れるようにスキルを上げて、ブログでもスキルを披露できたらと思います。

関連記事