スポンサードリンク
当ブログでリンク貼り付けに利用しているのは<Embed>です。
スポンサードリンク
目次
リンクを貼りたいが、、、
ブログを書いていて、リンクを貼りたいときって
けっこうありますよね。
そんなとき、原稿にURLだけを貼り付けても
単なる文字の羅列でリンクしてくれません。
WordPressでは“link”という設定ができるのですが
いまいち見た目がパッとしません。
そんなとき、いろんな人のブログで見たのが
「はてなブログカード」という貼り付け方。
これがいいな、と思い、使おうかなと思ったものの
ググってみると「〜〜〜プラグインを入れて、〜〜〜」と
記述がありました。
「不具合が出ても知りません」的な記述があったりして、
よくわからないプラグインを入れて不具合が出ても
いやだし、どうしようかな、と思っていたときに
ぐうぜん見つけたのがこのサイト。
<Embed>です。
Embedly makes your content more engaging and easier to share | Embedly
これ、めちゃくちゃ簡単にリンクが貼れて、
しかもタイトルに手を加えることもできます。
以下、紹介していきます。
リンクコード作成&貼り付け
まず、<Embed>のサイトを開きます。
そして、この矢印部分をクリックします。
![スクリーンショット 2016-01-17 17.25.43.png スクリーンショット 2016 01 17 17 25 43](https://ishitax-blog.jp/wp-content/uploads/2016/01/cf267f1b8d47c0f392d96da512888a69.png)
すると、“CodeGenerator”というページになるので、
この矢印のところにリンク先のURLを入力します。
![スクリーンショット 2016-01-17 17.25.50.png スクリーンショット 2016 01 17 17 25 50](https://ishitax-blog.jp/wp-content/uploads/2016/01/d83cc764fd2e7861f02ca3e103f0bffd.png)
京都のバターチキンカレーの記事を貼ってみます。
![スクリーンショット 2016-01-17 17.25.56.png スクリーンショット 2016 01 17 17 25 56](https://ishitax-blog.jp/wp-content/uploads/2016/01/aabd887e43276c53481b01e52d3b4348.png)
すると、自動的に下にスクロールして
リンクを貼るカードのプレビューが出てきます。
![スクリーンショット 2016-01-17 17.26.01.png スクリーンショット 2016 01 17 17 26 01](https://ishitax-blog.jp/wp-content/uploads/2016/01/449fb0497db4b5d42448ac1cc279e30c.png)
この状態で、下にスクロールすると、
貼り付けるためのコードがあるので、
それをコピーすれば、リンクを貼ることができます。
![スクリーンショット 2016-01-17 17.26.50.png スクリーンショット 2016 01 17 17 26 50](https://ishitax-blog.jp/wp-content/uploads/2016/01/d06cb765b1429b362b27c97fdc62c097.png)
リンク画像をいろいろ加工できる
しかし、リンクを貼ったときに本文がずらずらと
出てほしいことって少ないですよね。
実は、このままだと本文の文章が貼り付けられてしまうのです。
![スクリーンショット 2016-01-17 17.26.08.png スクリーンショット 2016 01 17 17 26 08](https://ishitax-blog.jp/wp-content/uploads/2016/01/67b174c774345d4a86bc2f0d2be8f51f.png)
この下の文章を消すときは、まず文章の上でクリックします。
すると右上に「×」が出てくるので、
![スクリーンショット 2016-01-17 17.26.14.png スクリーンショット 2016 01 17 17 26 14](https://ishitax-blog.jp/wp-content/uploads/2016/01/b110f81f3244db2c828bd612ba034d17.png)
ここをクリックするだけです。
![スクリーンショット 2016-01-17 17.26.22.png スクリーンショット 2016 01 17 17 26 22](https://ishitax-blog.jp/wp-content/uploads/2016/01/511cfcd209389f82b20f61f18f316954.png)
画像を小さくするときは、画像の上にカーソルを合わせます。
すると、左下に「縮小マーク」が出てくるので、
![スクリーンショット 2016-01-17 17.26.27.png スクリーンショット 2016 01 17 17 26 27](https://ishitax-blog.jp/wp-content/uploads/2016/01/9a145419d24cc046ffd612a8f560c440.png)
ここをクリックします。
![スクリーンショット 2016-01-17 17.26.43.png スクリーンショット 2016 01 17 17 26 43](https://ishitax-blog.jp/wp-content/uploads/2016/01/a0960a3492eecde880e14673644ebf01.png)
この状態でコードを取得します。
![スクリーンショット 2016-01-17 17.26.50.png スクリーンショット 2016 01 17 17 26 50](https://ishitax-blog.jp/wp-content/uploads/2016/01/d06cb765b1429b362b27c97fdc62c097-1.png)
そして、これをWordPressの原稿画面にペーストすると、
![スクリーンショット 2016-01-17 17.27.04.png スクリーンショット 2016 01 17 17 27 04](https://ishitax-blog.jp/wp-content/uploads/2016/01/3f754d5ee68d4e7d7669bba68c69f3a5.png)
ブログ記事上にリンクが貼り付けられました。
![スクリーンショット 2016-01-17 17.27.10.png スクリーンショット 2016 01 17 17 27 10](https://ishitax-blog.jp/wp-content/uploads/2016/01/b815268fa2018404e149de6ed3f43f76.png)
さらに、このリンク画像の横のタイトルに手を加えることもできます。
タイトルをクリックすると、色が反転します。
![スクリーンショット 2016-01-17 17.27.18.png スクリーンショット 2016 01 17 17 27 18](https://ishitax-blog.jp/wp-content/uploads/2016/01/9f00033970c03acac0ef700b811f19cc.png)
ここで、リンク先の情報を補足します。
![スクリーンショット 2016-01-17 17.27.25.png スクリーンショット 2016 01 17 17 27 25](https://ishitax-blog.jp/wp-content/uploads/2016/01/687a91dc703853ca9c7090df1af0f724.png)
そして、コードを取得、ペーストすると、
![スクリーンショット 2016-01-17 17.27.30.png スクリーンショット 2016 01 17 17 27 30](https://ishitax-blog.jp/wp-content/uploads/2016/01/ed5f20b94aea362264616b1b71161610.png)
無事にリンク先の案内が書き加えられました。
今回のリンク先は、こちらの記事に貼り付けました。
仕上がりチェックはこちらからどうぞ。
カレー探訪 〜タンダーパニー〜 | 歩々是道場 〜脱力系税理士の熱血blog〜
<追記>
こちらのページに進み、
Bookmarklet: instantly generate a Card for any web page. | Embedly
このブックマークレットをブックマークバーへ。
すると、ブックマークバーに『+Embed』の表記が出てきます。
これでOKです。
あとは、リンクを貼りたい記事を開いた状態で上のボタンをクリックすれば、
こんな窓が出てくるので、下のURLをコピーして記事に貼り付けるだけです。
カレー探訪 〜自由軒〜 | 歩々是道場 〜脱力系税理士のblog〜
とっても楽ですね。
==============================
【編集後記】
日曜の午後、蔦屋書店ルクア1100は激混みでした。
初めて「4th Lounge」を有料で利用しましたが、
喧噪から離れてとても快適でした。
有料化によってより満足度が高い空間になりました。
【昨日の一日一新】
蔦屋書店内 「4th Lounge」
==============================
石田 修朗
最新記事 by 石田 修朗 (全て見る)
- 記念日に滝に行ってきた話 - 2020-09-01
- 【写真】2020年6月の活動報告 - 2020-07-05
- 【備忘録】2020年5月の姫路城写真活動報告 - 2020-06-01