ブログカードでリンクを張ってみる
本当はWordpressのプラグインで実現したかったのだけど…(存在はしています…)プラグインの競合がいやだったので、ブラウザにChrome使っていることだし、Chromeのアプリを使って実現してみました。なので…カテゴリ的には本来Wordpressではないのですが…やりたいことは「Wordpressにブログカードでリンクを張りたい」だったのでWordpressにカテゴライズしました。
Chromeの拡張機能を使っているので、基本的な使い方は…リンクしたいページで「Create Link」を使ってURLをコピーして…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で「はてなブログカード」のような埋め込み機能作成 | セルティスラボ