「ただいま」の挨拶よりも電源スイッチONのが先な、そんな日常を綴る『ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』へようこそ。XP/Vista/7の話題。ver0.0.1」をお試し公開してみます。目次これは何?基本は、ショートコードにurlを指定するだけカードの外見を変更できる設定画面の入り方サムネイル画像とサイトアイコン(ファビコン)の取得リンクカードの中身はDBに記録しておきます注意点まずはお試しこれは何?WordPressで記事を書いていると、参考になったサイトへのリンクを書いたりします。通常だとリンク先のサイト名を記述してリンク設定して、枠で囲んだり、文字の大きさを変更したりしていると思います。文字だけだとさみしいので、URLからサムネイル画像を取得してくれるプラグインを組み合わせたり、ブックマークレットでブログカード形式で表示できるHTMLを出力していることもあると思います。このプラグインは、記事内にショートコードを記述すると、リンク先をブログカード形式で表示してくれるものです。docomoの「dマガジン」。「前回試したとき」は「ちょっと思ってたのと違う(^-^;」という感じで継続に至らずでした。あれからしばらく経ったのと、...popozure.info2014.12.13こんな感じで表示してくれます。基本は、ショートコードにurlを指定するだけ標準ではショートコード「blogcard」が指定されているので、ぽぽづれ。「ただいま」の挨拶よりも電源スイッチONのが先な、そんな日常を綴る『ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』へようこそ。外部サイトの場合は、クリックすると「新しいウィンドウ(タブ)」で開きます。自サイト内の場合は、そのままページが切り替わります。カードの外見を変更できるこのプラグインでは、このブログカード形式のものを「リンクカード」と呼びます。設定画面があって、このリンクカードの外見を変更することができます。リンクカードのまわりの余白を調整したり、幅と高さが変更できます。枠の太さや、リンクカードの四隅を丸めたり、影を付けることができます。サイト名(ドメイン名)後ろ、もしくはタイトルの後ろに、「ツイッターのツイート数」「フェイスブックのシェア数」「はてなブログのブックマーク数」を表示させることができます。(ツイッターのツイート数は2015年10月から使用できなくなるようです。その場合、表示されないか、最後に取得した状態の数字が出続けます。)タイトル文字、URL、抜粋文、サイト名を表示する文字の色や、サイズが変更できます。「外部リンク」と「内部リンク」とで、カードの背景色を別々に設定することができます。標準では「外部リンク」は青→白のグラデーション、「内部リンク」は黄土色→白のグラデーションです。指定するものがそのまま使用できるため、標準のようにグラデーションを設定したり、画像URLを指定することで好きな画像で表示できます。内部リンクの場合にはマスコットキャラの画像を使う、といったことができます。カード設定」という項目が増えます。ここから、外見などの設定を行えます。カード管理」という項目が増えます。こちらからは、キャッシュされているリンクカードの内容が確認できます。ページングしていないので、取得されただけ「ズラー」っと表示されます。「記事ID」には最初に表示されたときの記事IDが表示されています。他の記事でも使われている可能性はありますが、1つしか表示されません。今のところありませんが、プラグインをアンインストールすると、キャッシュのテーブルは削除されます。自サイト内の記事については、サムネイル画像としてアイキャッチ画像、サイトアイコンはWordPressの関数により取得しています。WordPressテーマによりアイキャッチ画像を設定していない場合などは、キャプチャ画像を作成するWebAPIを利用することができます。外部サイトについては、サムネイルは「取得しない」、サイトアイコンは「WebAPIを利用する」が標準になっています。サムネイル画像についても「WebAPIを利用する」に変更することで、リンクカードに画像を表示することができます。Capture」を利用するURLを記述してあります。「WebAPIを利用する」にする場合には、プラグイン利用者(もしくはサイト)がサービスを利用することとなりますので、利用規約などを確認してから使うようにしてください。ほかのWebAPIを利用することもできます。WordPressのキャプチャ画像作成APIを利用する場合には、「サムネイル画像の取得API」を「http://s.wordpress.com/mshots/v1/%URL%?w=100」に書き換えます。サイトアイコン画像の取得には、「Hatena::Fivicon」を利用するURLを記述してあります。WebAPIによって取得できるサイトと取得ができないサイトがあるので、ほかのAPIに変更することができます。GoogleのAPIにしてみる場合には、「ファビコンの取得API」を「http://www.google.com/s2/favicons?domain=%DOMAIN%」に書き換えます。リンクカードの中身はDBに記録しておきますショートコードにはURLしか書いていないのですが、実際には「タイトル」「抜粋文」なども表示されます。URLを元にリンク先サイトから取得してくるのですが、リンクカードを表示するたびにリンク先へアクセスしているのでは、相手サイトへ負荷をかけることとなります。そこで、一度取得した「タイトル」や「抜粋文」は、データベースに保存しておき、次回の表示からは相手サイトへアクセスせずに表示します。「ツイート数」「シェア数」「はてブ数」などのソーシャルカウントを取得するのにも非常に時間がかかるため、一度取得したソーシャルカウントは一定期間、データベースへ記録しておきます。このため、相手サイトが閉鎖・移転をした場合にも、「タイトル」「抜粋文」は当時のものが残り続けます。ソーシャルカウントについても、数時間~数日は実際のものと異なる場合があります。当プラグインは「Pz-HatenaBlogCard」を使っていた場合に、そのまま乗り換え、または戻ることができることを想定しています。「Pz-LinkCardをインストール→有効化→ショートコードが違う場合には今まで使っていたものに変更→Pz-HatenaBlogCardを停止」という手順で行うことで、カードが表示できない時間を最低限にできます。戻る場合も、「Pz-HatenaBlogCardを有効化→Pz-LinkCardを停止」という手順で切り替えられます。Pz-LkCへ切り替えた直後は、リンクカードを初めて表示するたびに、相手サイトへのアクセスが発生します。同じサイトの複数のページへリンクしている場合には、負担をかけることとなるので、ご注意ください。初回表示するリンクカードが多い場合、しばらくの間、自分のサイトが非常に重くなることがあります。お試し当サイトでしばらく使用してみました。その際に見つかった細かなバグなどは修正しましたので、とりあえず公開してみます。プラグインをアップロード」として、ダウンロードしたZIPファイルを指定してインストールしてください。現在、ここからはダウンロードできません公式プラグインディレクトリからダウンロード願います一応、動作確認はしていますが、アクセス数の多いサイトなどで同時アクセスがあった場合の挙動など、当サイトでは実験できないこともあるため「お試し版」として公開します。念のためサイトのバックアップなども取ってから使っていただけると、なお良いと思います。(心配性)不具合や要望などありましたら、この記事にコメントか、ツイッター「@popozure」までお知らせいただければ、なるべく対応したいと思っています。コピーぽぽろんをフォローする2この記事を書いた人ぽぽろん「ただいま」の挨拶よりもパソコンの電源を入れる方が先なパソコンおたく。プログラミングもするけど、パソコンを触っていること自体が趣味。ぽぽろんをフォローする2ぽぽろんぽぽづれ。リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」を公式プラグインディレクトリにて公開中です。ぽぽろんPHPリンクをカードにするプラグインを作ろう!(5)metaタグを取得する引き続きリンク先のタイトルと概要文を取得します。リンク先から取得したHTMLを見て、OGPの情報を取得しました。ぽぽろんWordPress[WPプラグイン]ログイン履歴を保存する「CrazyBone(狂骨)」を使ってみたWordPressが使われているサイトにadminでログインを試みる攻撃がある...なんて事もずっと言われているわけですが、ここ数か月特に見聞きする機会が増えた気がします。ぽぽろんPz-LinkCard[Pz-LkC][1.6.5]リンクをカード形式で表示するプラグイン更新。文字ふちどりなどリンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。最新版ver1.6.5を公式プラグインディレクトリで公開しました。ぽぽろんPz-LinkCard[Pz-LkC][2.0.0]リンクをカード形式で表示するプラグイン更新。エディタのボタン追加など。リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。最新版ver2.0.0を公式プラグインディレクトリで公開しました。外部リンクを「はてなブログカード」に置き換えて表示させるWordPressプラグイン「Pz-HatenaBlogCard」。コメントをキャンセルメールアドレスが公開されることはありません。(44)クリックされた回数:1963最近のコメントぽぽろん2019年12月1日おぼれさん、コメント&ご指摘ありがとうございます。おぼれ2019年11月28日有意義な記事で助かります。ぽぽろん2019年11月17日本日公開のVer2.3.1でビジュアルエディタのボタン機能を改善しました。ユーザーマニュ2019年11月16日Fn+B:Breakキーと同じ機能があります。ぽぽろん2019年11月9日コメントありがとうございます。@popozureSNSフォローボタンぽぽろんをフォローする2ぽぽづれ。(44)クリックされた回数:1963最近のコメントぽぽろん2019年12月1日おぼれさん、コメント&ご指摘ありがとうございます。おぼれ2019年11月28日有意義な記事で助かります。ぽぽろん2019年11月17日本日公開のVer2.3.1でビジュアルエディタのボタン機能を改善しました。ユーザーマニュ2019年11月16日Fn+B:Breakキーと同じ機能があります。ぽぽろん2019年11月9日コメントありがとうございます。etc)74機器構成11タイトルとURLをコピーしました。