リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。

最新版ver1.7.7を公式プラグインディレクトリで公開しました。

ver1.7.6→ver1.7.7修正点

2017年1月19日に公開したver1.7.6の不具合修正版です。

[link url=”https://popozure.info/20170119/10927″]

アクティベートに失敗する不具合の修正

ver1.7.5→ver1.7.6で、内部リンクの画像取得に関して、使用している関数をget_the_thumbnail()から、wp_get_attachment_image_src()へ変更しました。

この取得方法でチェックが甘かったため、アイキャッチ画像が設定されていないテーマを使用している等、アタッチメント画像が無かった場合にエラーが発生していました。

これを修正しました。

その他

サイトが重くなる等の不具合報告もあるため、継続調査いたします。

何かありましたら、コメント欄や、ツイッターアカウント「ぽぽろん＠ぽぽづれ。（@popo68k）」もしくは「ぽぽづれ。（@popozure）」までご報告ください。

では、この辺で。

リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。

最新版ver1.7.6を公式プラグインディレクトリで公開しました。

このプラグインについて

WordPressでリンクをブログカードっぽく表示したりするプラグインです。

[link url=”https://popozure.info/pz-linkcard”]

WordPress4.4でURLを直書きするとインラインフレーム（iframe）でカードっぽく表示される機能が実装されました。（リンク先もWordPress（4.4以上）である必要があったり、レイアウトの変更はスタイルシートをいじる必要があります。）

また、現在、当サイトでも使用している、わいひら（@MrYhira）氏作成のテーマ「Simplicityシリーズ」などでもブログカードの機能があります。

iframeタグを組み込むブックマークレットを使用する方法や、function.phpに組み込む方法など、リンク先をブログカードを表示する方法はいくつかあります。

そういったものを比べて自分の使い方とかに合った方を使うとよいと思います。

当プラグインはショートコードを使用するため面倒ではありますが、その代わりに今後同じような高機能なプラグインが見つかった場合は乗り換えが簡単です。

また、ショートコードが好きなものに変更できるので、今まで使用していたプラグインから乗り換えてくるのも簡単です。

デフォルトのテーマは敢えて奇抜な感じにしていますが、気分やテーマに合わせた外観にすることが出来ます。

ver1.7.5→ver1.7.6変更点など

2017年1月16日に公開したver1.7.5からのマイナーバージョンアップです。

[link url=”https://popozure.info/20170116/10918″]

設定画面にメモ追加

外部リンクのタイトルや抜粋文はデーターベースにキャッシュ（一時保存）されており、これを編集することで紹介文として好きな文章をカードに表示することができます。

この他にもショートコードの「開け」と「閉じ」を使ってタイトルや抜粋文を変更する方法があります。実はこの機能は他のプラグインの互換性のために用意したものなのです。

実は「titleパラメータ」でタイトル、「contentパラメータ」で抜粋文をその記事内で変更出来るのですが、この機能の知名度が低い気がしたので設定画面に明記しました。

サムネイルのサイズ指定

今までサムネイル画像は100px×100pxで固定でしたが、ようやっと横幅が指定できるようになりました。

縦幅は「カードの高さ」が最大になります。

大きな画像で目立つカードを作ることもできます。

枠線を選べるように修正

今まで枠線は「黒線／1px」とかリストから選ぶだけでした。

知識が要らないという点では良かったと思いますが自由度が低かったため、枠線の色、枠線の種類、枠線の幅を選べるように修正しました。

枠線を8pxとかにして、線のスタイルを「点線」、色を背景と同じ「白」にするだけでユニークな見た目になります。

「かんたん書式設定」に「縫い目」を追加

「スティッチ（縫い目）」と呼ばれている効果を追加しました。

色のセンスは…無いので、良い色があったらリクエストください！Σ(ﾟロﾟ)oﾞ

外部サイトのサムネイル取得、準備中･･･

実は内部的には実装済でテスト済です。

OGPもしくはTwitterカードに指定している画像URLから画像を取得します。

でも、毎回リンク先サイトさんにアクセスしていると負荷がかかってしまうので、100×100のJPEGで保存して、次回からは自サイト内から画像を表示する仕組みです。

この機能を有効にした場合、画像キャッシュを更新する仕組みを作っていないのでどんどんファイルが溜まっていきます。

1リンク（画像）あたり2～3KBなので、通常のレンタルサーバーであれば問題は無いと思います。

好奇心で試してみたい方は、「lib/pz-linkcard-settings.php」の658行目と660行目の「disabled=”disabled”」を消すだけで設定画面で外部リンクのサムネイル画像の「直接取得」が選べるようになります。

[php title=”lib/pz-linkcard-settings.php” start-line=”656″ mark=”3,5″]<select name=”properties[ex-thumbnail]”>
<option value=”” <?php if($this->options[‘ex-thumbnail’] == ”) echo ‘selected=”selected”‘; ?>><?php _e(‘None’, $this->text_domain); ?></option>
<option value=”1″ <?php if($this->options[‘ex-thumbnail’] == ‘1’) echo ‘selected=”selected”‘; ?> disabled=”disabled”><?php _e(‘Direct’, $this->text_domain); ?></option>
<option value=”3″ <?php if($this->options[‘ex-thumbnail’] == ‘3’) echo ‘selected=”selected”‘; ?>><?php _e(‘Use WebAPI’, $this->text_domain); ?></option>
<option value=”13″ <?php if($this->options[‘ex-thumbnail’] == ’13’) echo ‘selected=”selected”‘; ?> disabled=”disabled”><?php _e(‘Use WebAPI ,If can not direct’, $this->text_domain); ?></option>
</select>[/php]

「直接取得」という表記ですが、外部リンクの場合だけキャッシュの仕組みを通るようにしてあります。

その他

今回は、以上です。

指定したURLのOGP情報やTwitter情報を取得して、JSONで返したり、画像をキャッシュしておいて返却するWebAPIも作れることが分かったのですが、公開するとアクセス負荷に耐える自信が無かったりします。

そもそも画像をリンク先サイトから取得して、100px×100pxのJPEGで保存する仕組みはなかなかグレーです。OGPとかTwitterカードとして公開している画像で、当のfacebook社やTwitter社も画像をキャッシュしているので、大丈夫そうではありますが、厳密には「著作権者から言われたら削除する準備」が伴っていないと、サービスとして提供するのはなかなか難しいところと解釈しています。

では、この辺で。(^-^)o

リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。

最新版ver1.7.5を公式プラグインディレクトリで公開しました。

このプラグインについて

WordPressでリンクをブログカードっぽく表示したりするプラグインです。

[link url=”https://popozure.info/pz-linkcard”]

WordPress4.4でURLを直書きするとインラインフレーム（iframe）でカードっぽく表示される機能が実装されました。（リンク先もWordPress（4.4以上）である必要があったり、レイアウトの変更はスタイルシートをいじる必要があります。）

また、現在、当サイトでも使用している、わいひら（@MrYhira）氏作成のテーマ「Simplicityシリーズ」などでもブログカードの機能があります。

iframeタグを組み込むブックマークレットを使用する方法や、function.phpに組み込む方法など、リンク先をブログカードを表示する方法はいくつかあります。

そういったものを比べて自分の使い方とかに合った方を使うとよいと思います。

当プラグインはショートコードを使用するため面倒ではありますが、その代わりに今後同じような高機能なプラグインが見つかった場合は乗り換えが簡単です。

また、ショートコードが好きなものに変更できるので、今まで使用していたプラグインから乗り換えてくるのも簡単です。

デフォルトのテーマは敢えて奇抜な感じにしていますが、気分やテーマに合わせた外観にすることが出来ます。

ver1.7.4→ver1.7.5変更点など

2016年10月19日に公開したver1.7.4からのバージョンアップです。

[link url=”https://popozure.info/20161019/10914″]

バージョンアップ時にゴミデータの削除

過去のバージョンにて重複データが作成されてしまう不具合があったため、アクティベート時／バージョンアップ時に重複データを削除するようにしました。

重複していた場合、一番古く取得したものが残ります。

設定画面の項目整理

機能追加したもののほとんどが設定画面の一番下にある「詳しい人向け（Debug）」の項目に追加されていたため、「詳しい人向け」の項目が多くなってしまいました。

実装から時間が経って安定して動作しているのを確認できたため、それぞれ適した項目に移しました。

「定型書式」の名称を変更

「定型書式」を選択することで、細かい面倒な設定をしなくても、「セロテープを貼ったような効果」や「紙がめくれたような効果」を設定することができました。

その代わりに他の設定項目に優先されて書式が適用されます。

この機能の名称を「定型書式」から「かんたん書式設定」に直して、一番上の項目にしました。

行間設定

タイトル、URL、抜粋文の行間設定が行えなかったため、使用しているテーマによっては文字が重なってしまったり、行間が開きすぎてしまったりしました。

行間の広さを設定する項目を追加しました。

カード管理画面での内部サイトの判定方法を変更

今までは取得時にサイトURLと同じものに「内部リンク」である印を付けていたため、サイト移転などをしたときに内部リンクと外部リンクの判定が一致しないことがありました。

カード管理画面で表示するときに外部リンクか内部リンクかを判断するように改善しました。

カード管理画面でリンク切れなどの確認ができるように機能追加

リンク先の記事内容を取得したときと状態（ステータス）が変わっているものについて、赤字で表示するようになりました。

また、「更新あり」をクリックすることで状態が変わっているものだけの一覧が表示されます。

リンク切れのときにリンクを無効にするように機能追加

最後に確認したステータスが「404 Not Found」もしくは「410 Gone」のときにリンクを無効にします。

「5xx」番台のサーバーエラーは復帰する可能性があるのでリンク無効にはしていませんが、「403 Fobidden」など、追加するコードを検討中です。

内部リンクのキャッシュが正常に作成されない不具合を修正

メイン部分のプログラムを見直したときに不具合が生じていました。

これにより内部リンクのときにキャッシュを優先にしていない場合でもアイキャッチ画像（サムネイル）が表示されないことがありました。

内部リンクでキャッシュ優先時の処理を変更

内部リンクをキャッシュ優先にした場合の処理を見直しました。

画像URLはキャッシュから取得するので、あとでアイキャッチを変更しても画像が変更されなくなりました。

カード管理画面から「再取得」を行うか、「編集」から画像URLを直接変更してください。

（画像URLは変更できない見かけになっていますが、ダブルクリックすると変更できるようになります。）

URL末尾のスラッシュを無視する設定を追加

ver1.7.0で「ドメイン名のみのときに末尾のスラッシュを除外する」機能を実装しましたが、今回はドメイン名のみ以外のときも有効にできるようにしました。

リンク切れを一定時間ごとに確認

リンク先サイトが取得時は「200 OK」だったのに、「403 Not Found」になってしまった場合などに、お知らせする機能「アライブ チェック (alive check)」を実装しました。

「リンク切れ」そのものをチェックする機能では無く、記事内容取得時とステータスが変わっているもののステータスコードを赤字で表示する機能となります。

現在は1時間に1件ずつ確認する設定となっています。数件しか登録していない場合、一日に数回、何百件も登録しているとなかなかチェックしない状態となっているので、見直ししていこうと思います。

「403 Not Found」になったときに、WordPressに登録している管理者用メールアドレスにメールする機能も考えています。

アイディアなどあれば、ツイッターなどで教えていただけるとそういう実装になるかも知れません。

その他

今回は、以上です。

久々に「バージョンアップ」という感じでした。

特にアライブチェック（リンク切れ確認）が実装できたのが良かったです…！Σ(ﾟロﾟ)oﾞ

では、この辺で。(^-^)o