WEB Lab

ブログカード風リンクの作り方:内部リンク&外部リンクどうやる?

2025/09/15

当サイトの記事は広告を含む場合があります。


さっそくタイトルの件!

SoReSiA|地球を遊ぶHappy検証Lab

あれ?どうやるんだっけ????

と、すっかり忘れてしまったので、
きっとまた忘れているだろう未来の私のために、やり方をメモって置いておこうという、極めて個人的な目的のための記事ですm(_ _)m

この記事でクリアになる疑問!

知りたい!内部リンクをブログカード風に表示させる編

自分のサイトの別ページリンク(内部リンク)は、簡単にブログカード風にできる?

まさかの結果に!←大袈裟(サクッ答えに飛ぶ!

知りたい!外部リンクをブログカード風に表示させる編

他のサイトのリンク(外部リンク)をブログカード風リンクにするには?

ただURLを打つだけではNG😣プラグインが必要っぽい。。。

無料プラグインはある?やっぱりAFFINGER用のプラグインを購入する方がいいのか?!?!

ふふふ、それはねぇ〜(サクッと答えに飛ぶ!

ここまでの経緯を。

とりあえず、2025/09/15に初稿をメモってます。

当サイト使用テーマなどの情報

当サイトで使用しているWordPressテーマはAffinger6EXでございます。

\ WordPressテーマならこれ! /
高速&高機能、SEOに強い有名テーマ!豊富なカスタマイズ機能で「可愛い」から「信頼感」まで、ターゲットに刺さるサイトを作成できます!

\ 本気で集客・収益化を目指すなら! /
AFFINGER6の最上位版「AFFINGER6 EX版」と、サイト運営に欠かせない最強プラグイン4つがセットになった超お得セット!

ことの発端は――

Affingerを作ってらっしゃる会社さんが、Affingerユーザー向けに特典配布したり、販売しているプラグインが数々あります。
で、WordPressのプラグイン自動更新では、自動的にアップデートされないものがあるのですねー。

今日、ふと確認してみたところ、

SoReSiA|地球を遊ぶHappy検証Lab

うぉッ、Affinger系のプラグイン、ことごとく古いバージョン使ってたワ!

と分かったのです。

ので、一つ一つ、公式サイトから最新プラグインデータをダウンロードしては私のサイトにアップロードし、アップデートしていて――
目に留まってしまったのですヨ。

Affinger6専用の、他サイト(外部サイト)をブログカード風に簡単に表示させるプラグイン!

Affingerユーザーとして、過去にも何度も検討した記憶があって。
でもまだ購入していない現実。。。

SoReSiA|地球を遊ぶHappy検証Lab

えーと、私はなぜこのプラグインをスルーしてるんだっけ???

。。。。。うぅぅむむむ、、、、、、、思い出せない!

ま、スルーしても特に困らなかったから、なんだと思うわけなのだけど。。。。
なぜ購入しない道を選んでいるのか、その理由も未来の私のためにメモっておきますm(_ _)m

SoReSiA|地球を遊ぶHappy検証Lab

Affinger6専用のプラグインを購入する方が、やっぱり簡単でいいの?!?今こそ投資すべきタイミングか?!?


さあ、検証いってみよー!

内部リンク=このサイトの別記事をリンクさせる検証!

記事URLを、ブロックエディタにベタに貼ってみる。

SoReSiA|地球を遊ぶHappy検証Lab

うぉッ!な〜んだ!
URL貼るだけで、自動でブログカードっぽく表示されるようになってるジャン!!! 😆

ハイッ!
自分のサイト(内部リンク)の問題、早々に終了です😂
(↑の記事書いてた頃より、アップデートしてるってことですねーありがたい!)

AFFINGERなら、内部リンクのサムネイル表示をアレンジできる!

AFFINGER管理 > 全体設定 > サムネイル画像設定で変えられるヨ!
(2025/09/15時点で最新ver.のメニュールートです。)

SoReSiA|地球を遊ぶHappy検証Lab

\ WordPressテーマならこれ! /
高速&高機能、SEOに強い有名テーマ!豊富なカスタマイズ機能で「可愛い」から「信頼感」まで、ターゲットに刺さるサイトを作成できます!

外部サイトのリンクを検証!

外部サイトはプラグインでブロックカード風に!

過去に作成した記事を確認してみたら、クラシックエディタにショートコード貼って、ブロック風に表示させてたみたい。

SoReSiA|地球を遊ぶHappy検証Lab

ということは、何かしらのプラグイン使ってるのねワタクシきっと。
(ちゃんと調べるかぁ。。。。)

ということで。

使っていたのは、Pz-LinkCardというプラグインです!無料です!ありがとうございます!

しかも過去に、Pz-LinkCardについて記事を書いていたという😅


で。

Pz-LinkCardプラグインを利用して、外部サイトのリンクをブログカード風にするステップ!
コレだ!(ぶっちゃけがちな当サイトに対して、“外面”な姉妹サイトを貼りますw)
⬇️

クラシックエディタを挿入して、ショートコードを作成だ!

SoReSiA|地球を遊ぶHappy検証Lab

ホップ↓

SoReSiA|地球を遊ぶHappy検証Lab

ステップ↓

SoReSiA|地球を遊ぶHappy検証Lab

ジャーン↓

外部サイトのトップページへのリンクだと、こう表示されます。↓↓

アイキャッチサムネも出ました!👏👏👏

SoReSiA|地球を遊ぶHappy検証Lab

ていうか、クラシックエディタ使わなくても、
ショートコードをそのままブロックエディタに貼ればいいのでは?

クラシックエディタ使うと、しょっちゅうエラー表示が出て、毎回ヒヤッとするのよねぇ。。。
だから、できれば使わずに済ませたい!

ということで――

ブロックエディタに、ベタにblogcard url=のショートコードを貼ってみる。

ブロックエディタ → カスタムHTML →blogcard url=のショートコードを貼ってみる。


なるほど。

SoReSiA|地球を遊ぶHappy検証Lab

結論!
ブロックエディタに、ただベタ貼りしても、カスタムHTMLでも、どっちでもヨシ!

とすれば、わざわざカスタムHTML挿入するワンステップを挟むより、
そのままショートコードを貼った方が楽だし、それで!って結論です!

まとめ!

外部リンク:プラグイン→ショートコード

無料で使えるプラグインPz-LinkCardz!

こちらをインストール!

そして、ショートコード⬇️

[blogcard url="ここにリンクしたい外部サイトのURL"]

を、ブロックエディタにベタ貼りする!

内部リンク:URLベタ貼り vs プラグイン生成ショートコード

内部リンクの記事URLのベタ貼りがこちら。

内部リンクをショートコードで貼ってみる。

URLコピペするだけの楽さをとるか?!
or
ショートコード←ワンステップ手間がかかってでも、内部リンクと外部リンクの表示のさせ方の統一感をとるか。。。。。。

SoReSiA|地球を遊ぶHappy検証Lab

ここは好み、こだわりによるってところヨね〜。


ということで。
未来の私くらいにしか役に立たなさそうな記事で大変恐縮でございますが!
置いておきます。


あなたの全ての瞬間が、たくさんのLovelyでHappilyに満ちますように!
Have a Lovely and Happily Life💫

\ WordPressテーマならこれ! /
高速&高機能、SEOに強い有名テーマ!豊富なカスタマイズ機能で「可愛い」から「信頼感」まで、ターゲットに刺さるサイトを作成できます!

\ 本気で集客・収益化を目指すなら! /
AFFINGER6の最上位版「AFFINGER6 EX版」と、サイト運営に欠かせない最強プラグイン4つがセットになった超お得セット!
  • この記事を書いた人
SoReSiA

MIKAと申します。

SoReSiA(ソレでシアわせになったか?!)検証ラボへようこそ!
東に波動を上げるモノあれば、ソッコー買って即試し。西に目醒め加速のメソッドあれば、学び検証したくてたまらない!
な感じで、“地球ライフ▶︎ハッピー攻略ログ”を(誰に頼まれたわけでもなく、全て自腹で好きに楽しくw)スピ度高め&あけっぴろげ感満載に綴ってます☆
地球をシアワセに遊び尽くせ!

オススメ!

-WEB Lab