ブログ運営

ワンクリックでブログカードを差し込む方法

投稿日:

ひで

ワンクリックで外部リンクがはてぶみたいに挿入できる!

どうも こんにちわ ひで(@hidecom16)と申します

ところでみなさん。

外部のリンク先を紹介したいとき

どうしますか?

内部リンクだと有料テーマを使った場合

こんな感じで出せますよね。

[kanren postid="1598"]

このようなことを外部リンクでもやりたいと思うことがあります。

今日はワンクリックで外部リンクをはてぶ風に挿入できる

拡張プラグインをご紹介します!

簡単なのでぜひ活用してみてください!

ひで

めっちゃ便利そうだし、時短できそうだね!

Create Linkとは

こちらはChromeの拡張プラグインです。

WordPressのプラグインではありません。

Chromeを使ってる人ならだれでも簡単に導入することが出来ます。

レイアウトはこんな感じです

[voice icon="https://hide95.com/wp-content/uploads/2018/07/Odoroki_R.png" name="ひで" type="l fb"]

え、これがワンクリックで出来るのすごくない?

サムネの表示もしっかりでてるので使い勝手も良いですよね。

リンクだけを載せるよりも、はるかに見た目もGOOD!

使わない手はありませんね!

Create Linkの導入方法

Create Linkにアクセスをして

ChromeにCreate Linkをインストールします!

右上のChoromeに追加をクリックしてインストール

右上のほうに下記のようなアイコンが出来たらクリックをして

【Configure】をクリック!

次に【Formats】欄より【+】をクリック

新しく追加するところに名前とソースコードを貼り付けます

名前は今回、【HatenaBlog 右サムネ】とします。

【Formats】には下記をコピペしてください。
[box class="green_box" title="コピペしてね!"] <iframe class="hatenablogcard" style="display: block; width: 100%; height: 165px;margin: 30px 0px;" title="%title%" src="https://hatenablog-parts.com/embed?url=%url%" frameborder="0" scrolling="no"></iframe>
[/box]

これで登録は完了です。簡単でしょう!

新しく追加したものが表示されているか確認してくださいね!

外部リンクの貼り付け方法

貼り付け方法は簡単!

紹介したいサイトに飛び、Creat Linkから

先ほど作った【Hatenablog 右サムネ】をクリック!

これで紹介したいサイトのリンクをコピーすることが出来ました!

次にWordpressの記事投稿画面より

ビジュアルではなく【テキスト】画面に切り替えて

先ほどコピーしたコードを貼り付ければ完了です!

うまいこと出来てれば

良い感じのブログカードが差し込まれます。

もちろんスマホ用にも対応しおります!!

まとめ

いかがだったでしょうか!

有料テーマの場合

内部リンクを貼るときにショートコードで

あらかじめ作られていることが多いですが

外部となると対応していないことがあります。

そこで今回紹介したような

ワンクリックで外部リンクのブログカードを作成できるのは非常にありがたいですね。

これからもし、外部リンクを紹介する機会が出てきた場合

ぜひCreat Link を活用して時短してみてください!

それではこの辺で!

Sponsored Link
Sponsored Link
  • この記事を書いた人

ひで

ブロガー×フォトグラファー 残業ゼロの会社で働いているやればできる複業ブロガー 石川県の魅力をどどんとお届け!

-ブログ運営

Copyright© きまっし!いしかわ , 2019 All Rights Reserved.