「ただいま」の挨拶よりも電源スイッチONのが先な、そんな日常を綴る『ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』へようこそ。XP/Vista/7の話題。2015.04.11リンクをカード形式にするプラグイン「HatenaBlogCard」の内部リンクの挙動を変更しました。(ver0.25)[2015/08/09追記]設定画面も付いた「Pz-HatenaBlogCard」を公式プラグインディレクトリで公開中です。Pz-HatenaBlogCardhttps://popozure.info/pz-hatenablogcard外部リンクを「はてなブログカード」に置き換えて表示させるWordPressプラグイン「Pz-HatenaBlogCard」を公式プラグインディレクトリにて公開しています。※更新があった場合には投稿記事でお知らせするとともに、このページの使い方を更新していきます。手を付けると楽しいはてなブログカード形式のリンク色々なブログなどで、外部へのリンクを貼るときにカード形式のキレイなリンクが多いので、あれこれ模索したところ、「はてなブログカード」という形式があることが分かりました。pocketsはてなブログの記事を紹介しやすくしました。URLを貼るだけで、コンパクトに整った...http://staff.hatenablog.com/entry/2014/08/29/141633はてなブログでは、さまざまなコンテンツを貼り付けできる「リンク挿入」機能を強化し、はてなブログの記事を簡単に、きれいに整った体裁で貼り付けることができるようにしました。記事貼り...この「はてなブログカード」形式は「はてなブログ」以外でも使用できるようになったらしく、HTMLコードを生成するブックマークレットを作っている方がいて、「これは便利!Σ(゚ロ゚)o゙」となりました。ブログカードをブックマークレット化してみたよHTMLコードだと、今後、別のサービスを利用したい場合などに過去の記事を書き換えないといけないため、前回、WordPressプラグインを作ってみました。users2015.02.21[po-HBC][0.1]WordPressで「はてなブログカード」を利用するプラグインを作ってみたhttps://popozure.info/20150221/6741他サイトへのリンクを「はてなブログ」の「ブログカード」形式で表示するプラグインを作ってみました。(ver0.1)設定画面も付いた「Pz-HatenaBlogCard」を公式プラグインディレクトリで公開中です。みんなどうやっているんだろう?Σ(゚ロ゚)o゙このブログでは、他サイ...というところまでが前回のおはなし。内部リンクの挙動リンク先が外部でも内部でも、「はてなブログカード」形式で表示していたため、内部リンクでもクリックすると新しいウィンドウもしくは新しいタブで開いてしまいます。このため、当ブログでは内部リンクの時には自前でカード形式表示するように公開版から修正したものを使っています。コメントにて「タブを新しく開かないようにすることは可能でしょうか?」という質問をいただいたので、公開版も同様の修正をしてみました。内部リンクの場合、カードの背景色がうっすら灰色になり、リンクを開いても新しいウィンドウやタブが開かないようになります。外部サイトは前バージョン同様、「はてなブログカード」をそのまま表示します。外部サイトも自前のカード形式にしたいのですが、キャッシュを作るのが面倒というのもありますが、はてなブログカード形式で見栄えは良いのでこのままで良い気もしています。「はてなブログ以外で『はてなブログカード』を使用するのは禁止」みたいなことになったら考えようかと思います。パラメータなど記事内に「blogcard」というショートコードを書き込むことで、リンクをカード形式で表示できます。「url」というパラメータでリンク先を指定します。url="https://popozure.info/20150301/6867"]外部サイトを指定した場合は、「はてなブログカード」が表示されます。自サイト内のリンクの場合は、うっすら灰色の「はてなブログカード」似のカード形式で表示されます。ドメイン名のところに「(内部)」と表示されます。気分や注目度でカードの色を変更したい場合、「bgcolor」を指定します。bgcolor="#fcd"]ダウンロード・使用方法など設定画面などを追加した「Pz-HatenaBlogCard」を公開しています。よろしければ、そちらの最新版をご利用ください。Pz-HatenaBlogCardhttps://popozure.info/pz-hatenablogcard外部リンクを「はてなブログカード」に置き換えて表示させるWordPressプラグイン「Pz-HatenaBlogCard」を公式プラグインディレクトリにて公開しています。※更新があった場合には投稿記事でお知らせするとともに、このページの使い方を更新していきます。0.25」のリンクも残しておきます。WordPressのプラグイン作成とか、経験が浅いので試作品扱いでお願いします。いうか、「使い勝手の良いプラグインが見つかるまでの『つなぎ』として使っておく」というのがお勧めな使い方です。下記リンクから「popo-HatenaBlogcards-20150411.zip」をダウンロードして、WordPress管理画面のプラグインから追加して、有効化してください。↓ZIPファイルダウンロードサイトからのダウンロードは終了しました。プラグインディレクトリからのインストールをお願いします。※ver0.25は最新版ではありません。記事先頭から最新版へのリンクをたどってください。詳しいインストール方法などは前回の記事を参照してみてください。users2015.02.21[po-HBC][0.1]WordPressで「はてなブログカード」を利用するプラグインを作ってみたhttps://popozure.info/20150221/6741他サイトへのリンクを「はてなブログ」の「ブログカード」形式で表示するプラグインを作ってみました。(ver0.1)設定画面も付いた「Pz-HatenaBlogCard」を公式プラグインディレクトリで公開中です。みんなどうやっているんだろう?Σ(゚ロ゚)o゙このブログでは、他サイ...設定画面などは無いので、有効化したらあとは記事中にショートコードを書くだけです。不具合などはこの記事のコメント欄に記入していただければ、なるべく対応したいと思います。自分で色々直したい人向け自分は基本的に「趣味グラマー」なので、このプラグインのほとんどは知的好奇心で出来ています。以下にプログラム修正のポイントなどを書いておきます。ほかの方への情報共有になれば幸いです。PHPやWordPressプラグインの作成は完全初心者なので、もっと効率の良い方法、正しい方法があるかも知れません。当プラグインのファイル構成は以下のとおりです。使い方などがざっと書いてあります。