ブログカードでリンクを張ってみる

本当はWordpressのプラグインで実現したかったのだけど…（存在はしています…）プラグインの競合がいやだったので、ブラウザにChrome使っていることだし、Chromeのアプリを使って実現してみました。なので…カテゴリ的には本来Wordpressではないのですが…やりたいことは「Wordpressにブログカードでリンクを張りたい」だったのでWordpressにカテゴライズしました。

Chromeの拡張機能を使っているので、基本的な使い方は…リンクしたいページで「Create Link」を使ってＵＲＬをコピーして…Wordpressの記事に貼り付ける感じです。

「Create Link」のインストール

GoogleのChromeのインストールが必須です…。インストールしていない人は…ほかの手段考えてください…

GoogleChromeを起動する。
ブックマークの一番左に（あるはずの）「アプリ」をクリックする。
アプリの一覧から「ウェブストア」をクリックする。
左上の「ストアを検索」テキストボックスに「Create Link」と入力し、エンターキーを押す。
拡張機能の「Create Link」の右側の「＋無料」ボタンをクリックする。
「新しい拡張機能の確認」ウインドウで「追加」ボタンをクリックする。
Chromeの右上にアイコンが追加され、インストール完了

「Create Link」の設定

ブログカードで貼り付けられるようにするためには、設定する必要があります…

Chromeの画面の右上にある「Create Link」のアイコンをクリックする。
メニューから「Configure...」をクリックする。
「Formats」の表の下の「＋」をクリックする。
「Name」の欄に適当な名前を入れる。（僕は「BlogCard」にしたよ）

「Format」に以下のソースを入力する。

<iframe style="border:none;display:block;margin:0 0 1.7rem;overflow:hidden;height:155px;width:100%;max-width:100%;" title="%title%" src="http://hatenablog.com/embed?url=%url%"></iframe>

以上で設定完了。

使い方

前出で説明したとおり、URLを取得するときに「Create Link」を使って、リンクのソースを記事に貼り付けます。

リンクを作成したいページを開く。
適当なところで右クリックして、「Create Link」→「前の手順で設定した名前（BlogCard）」をクリック。
Wordpressで作成している記事に貼り付ける。（ブログカードのhtmlが貼り付けられる）
記事が書き終わったら公開する。

参考サイト

ちなみに…以下の「Create Link」を使って作成しました…。MediaWikiユーザも便利！

Chrome拡張機能「Create Link」を使ってブログカードを適用する方法 | でこにく
 WordPressで「はてなブログカード」のような埋め込み機能作成 | セルティスラボ