【簡単】WordPressで「はてなブログ」のようなリンクを作る方法

ブログカード

WordPressのブログで、「はてなブログ」のような「文章と画像をあわせたリンク」。こんな感じの
 ↓↓↓

ブログカード

  ※出典:http://staff.hatenablog.com/entry/2014/09/03/153938

を作れないかなぁ~と思っていたのですが、やり方が分かりましたので、まとめました。

想像以上に簡単でビックリですよ…。



■君の名は…?

この「はてなブログ」のような「文章と画像をあわせたリンク」の名称ですが、いろいろネットで調べてみて分かったのですが、

  • ブログカード
  • Embedカード
  • WordPressの「Embed」機能

というような名前で呼ばれているみたいです。
 ※「embed」とは英語で「埋め込む」という意味

■ WordPressブログカードの作り方

WordPressにブログカード(Embedカード)を実装する方法はいくつかあることが調べて分かりました。

  1. phpやCSSに手を加える
  2. プラグインを導入する
  3. WordPressの「Embed」

しかし、(1)は超大変だし、(2)のプラグインはブログが重くなるリスクがあるので避けたいところ…。

で、いろいろ調べると(3)の『WordPressの「Embed」』という超簡単な方法を発見することができたんです!

■超簡単!WordPressの「Embed」とは?

このWordPressの「Embed」ですが、実行するためには、1つだけ条件がありました。

それは「WordPressのバージョンが4.4以降」であることです。たったこれだけ…。

■やることは、URLを記載するだけ!

通常サイトへのリンクは「<a href=××××>」のようなリンクを記載すると思います。

しかし、WordPressの「Embed」の場合は、WordPressの編集画面で「URL」を記述するだけで良いのです!

では、実際にどういうことか見てみましょう。

通常のリンクの場合は…

<a href=”http://xn--9ckkn0019c8wwb.jp/blog-access-up” target=”_blank” rel=”noopener”>私が実践して効果大だったブログアクセスアップ3つの方法</a>

上記のような感じで記述すると思います。

WordPressの「Embed」の場合

WordPressの編集画面で、下記のような「URL」をそのまま記述するだけで良いのです。

http://xn--9ckkn0019c8wwb.jp/blog-access-up

■これが実際のブログカード!

このように「URL」を記述するだけで下記のように「ブログカード」が表示されます。

私が実践して効果大だったブログアクセスアップ3つの方法

どうですか?
簡単すぎてビックリでしょ?

【まとめ】WordPressで「はてなブログ」のようなリンクを作る方法

以前から、この「ブログカード」を実装してみたい!と思っていたんですが、難しそうだし調べるのも大変そうだし…ということで何もしていませんでいた。

しかし、調べてみて、こんな簡単にできるなんてビックリしました!やっぱり、興味を持ったらすぐ調べるべきですね!やはり行動力が大切!と反省です…。

このブログカードの実装で、通常のリンクよりは見た目が断然良くなったので、クリック率が上がってPV数もアップするかな?と期待しています。

ブログ アクセスアップ関連記事

 → 【月間2万→10万PVへ】ブログがアクセスアップした7つの方法

 → ブログ100記事で検索からアクセス数増えるって噂は本当?

 → ブログ記事更新すると何日ぐらいでアクセス数は増えるの?

 → 私が実践して効果大だったブログアクセスアップ3つの方法

 → ブログでどんな記事を書いたらアクセス10倍に増えるか分かった!

 → ブログ100記事書いて変わったこと悪い事も正直に書きます

 → あなたのブログは大丈夫?スマホ対応しないと検索順位は下落する?

 → Facebookとブログ連携(連動)してアクセス数アップ

リンクの作り方 関連記事

内部リンクって何?ブログのアクセスアップに関係あるって聞いたんだけど…?

ブログ記事に内部リンク貼るだけで突然アクセスアップするって噂は本当?

【初心者でも簡単にできる!】ページ内でジャンプするリンクの作り方

アドセンス 関連記事

 → XeoryBaseで「head」タグってどこにある?

XeoryBaseで「head」タグってどこにある?

 → 【2017年10月】アドセンス審査に1日で合格したコツは?

【2017年10月】アドセンス審査に1日で合格したコツは?

 

 

スポンサーリンク

SNSでもご購読できます。

コメントを残す

*