WordPressの記事中に外部リンクを貼り付けるには、今までは引用ブロックを使っていました。引用ブロックを使う場合は、貼り付けるページのURLとタイトルを拾って貼り付けていました。タイトルを貼り付けるの意外と面倒で、サイトのソースのtitleタグを見つけて拾ってきていました。

意外と面倒くさい外部リンクの貼り付けを何とかしたいと思って考えてみました。

最初は、ブロックに埋め込みリンクを探してみましたが、Twenty Twenty-Twoのテーマには残念ながら用意されていませんでした。仕方ないので、プラグインを探します。見つかったのは、Pz-LinkCardというプラグインです。以下のサイトを参考にしました。あまりプラグインを増やしたくないので、これまた仕方ありません。

Zenn

[WordPress]外部リンクをカード形式で表示する方法はコレで決まり！

https://zenn.dev/swata_dev/articles/e392b9f580874b?utm_source=pocket_mylist

こちらはPz-LinkCardプラグインでリンクカードを生成しています。

Pz-LinkCardプラグインをインストールしてみましたが、こちらの要求する機能はあります。貼り付けたカードはリンクカードとか、ブログカードと言うのですね。これは知りませんでした。oEmbedをサポートしているサイトなら、リンクカードを生成してくれます。

Pz-LinkCardプラグインで生成されたリンクカードのデザインは、行間とかフォントスタイルなどが気に入らないところがありますので、スタイルシートを調整してしまいます。追加したスタイルシートは以下の通りです。Pz-LinkCardプラグインの設定も多少調整しています。

.lkc-title-text,
.lkc-domain,
.lkc-title-text {
  font-family: var(--wp--preset--font-family--system-font) !important;
}
.lkc-content>div {
  margin-bottom: 10px;
}

あとは、リンクカードを使いしていくだけと思いましたが、Pz-LinkCardプラグインのショートコードをいちいち入力していくのも、これまた面倒です。最初は再利用可能ブロックで実現しようとしましたが、こちらは登録は簡単なのですが、いちいち通常ブロックに変換するのが面倒なのでやめました。そこで、WordpressのパターンにPz-LinkCardプラグインのショートコードを追加します。

こんなコードをテーマのfunction.phpに追加します

// Pz-LinkCard リンクカードショートカットのためのパターンを登録
add_action('admin_init', function () {
  //1 パラメータの設定
  $pattern = [
    "title" => "Pz-LinkCard リンクカードショートカット",
    "categories" => ["original", "featured"],
    "descripiton" => "",
    "content" => '<!-- wp:paragraph --><p>[blogcard url=""]</p><!-- /wp:paragraph -->',
  ];

  //2 ブロックパターンの登録
  register_block_pattern($pattern["title"], $pattern);

  //3 カテゴリーの登録
  register_block_pattern_category('original', ['label' => 'オリジナル']);
});

参考にしたのはこのサイトです。こちらのソースを丸ごとコピーさせていただきました。

以上のサイトの通りに書くとパターンのカテゴリーがオリジナルだけになります。それだけではカテゴリーからオリジナルを選択してなんて作業が一つ入ってこれまたまた面倒なので、パターンの最初に表示されてくる”注目”カテゴリーにPz-LinkCard プラグインのショートカットが表示されるように追加しています。こちらでこのようにパターンにPz-LinkCardプラグインのショートカットが表示されます。

このパターンを選択すると、以下のショートカットが記事に挿入されます。

[blogcard url=""]

こちらのショートカットのダブルクォーテーションの中に外部リンクで表示したいサイトのURLを貼り付ければリンクカードが表示されるはずです。

もし、リンクカードが表示されない場合は、サイトがoEmbedをサポートされていないので諦めて引用ブロックやリンクで誤魔化しておきましょう。

Pz-LinkCardプラグインを使わなくてもWordpressのほうでリンクを貼り付けてあげれば、自動的にリンクカードを生成してくれればいいのです。現にリンクを貼り付けてあげれば、一応はタイトルやサムネール画像が表示してくれるので、一応はサイトの情報は取得してくれているのではないかと思います。しかも外部リンクがWordpressのサイトであれば、今も自動的にリンクカードにリンクを変換してくれています。すべての外部リンクがリンクカードにしてくれるように望みます。

以上、面倒なことを重なってPz-LinkCardプラグインを使ってリンクカードを生成する話しでした。

HTMLサイトをWordPressにする本

著:久保田涼子, 著:西原礼奈, 著:阿諏訪聡美

¥2,399 （2025/03/28 17:08時点 | Amazon調べ）

Amazon

ポチップ

いちばんやさしいWordPressの教本 第6版 6.x対応 人気講師が教える本格Webサイトの作り方 「いちばんやさしい教本」シリーズ

著:石川栄和, 著:大串肇, 著:星野邦敏

¥1,762 （2025/03/28 17:08時点 | Amazon調べ）

Amazon

ポチップ

なんやかんやでWordPressのサイト構築で躓くのは、PHPのプログラミングなのでした。

追記（2022年10月19日）

現在、主立ったページのあるリンクを引用ブロックからPz-LinkCardプラグインのリンクカードに手作業で変更しています。

リンクで気になったのは、あるページでリンク先がアダルトサイトへのリンクに置き換わっている箇所があったことです。おそらく、リンク先が乗っ取られたのでしょうか？　リンクを外しておきましたが、外部のリンクを埋め込む場合には注意が必要です。

追記（2022年10月31日）

最近Wordpressがアップデートしたようで、パターンの選択が味気ないUIに変わってしまった。プレビューが最初に表示されなくなったのは寂しい。

今まではパターンを選択すれば、すぐにPz-LinkCardプラグインのショートカットが選択できたのに、一度「注目」か「オリジナル」のメニューを選択しなければいけなくなった。ワンクッション動作が増えるのは、なにげに面倒である。

WordPressは、たまにこのようによく使う機能へのUIが変わってしまうのは辛い。

ずっと本ブログサイトで出ていたInternal Server Errorが出る件は、ようやく落ち着いてきました。原因は、All in One SEO Packプラグインのようでした。

“ようでした”というのは、All in One SEO Packを削除してから、Internal Server Errorが出なくなくなったというだけで、本当にAll in One SEO Packが原因がどうかはわかりません。単純にInternal Server Errorが出るからって、All in One SEO Packを削除すればいいとは限りません。

どうしてAll in One SEO Packを何でインストールしたかというと、Bing Webmaster Toolsでたくさん

説明がページのヘッド セクションにありません。

と怒られたせいで、それで<meta name=’description’ を付けようということになって、面倒なのでAll in One SEO Packプラグインでやってしまえ、ということでインストールしました。後は、キレイにTwitterに投稿した記事を共有できるということです。

All in One SEO Packプラグインを削除することにすると、<meta name=’description’ を違う方法で付けてあげなければいけません。Twitterの共有については、共有できていればいいだけですので放っておきます。descriptionのほうは、以下のサイトを参考に、Wordpressのfunction.phpでプログラムで生成してあげるようにします。

EasyRamble

WordPressでmeta descriptionを設定（プラグインなし版）

https://easyramble.com/wordpress-meta-description.html

WordPress でプラグインを使わずに、meta description を設定する方法の一例を紹介します。当ブログで使っている方法で、昨日のエントリー WordPressのmeta keywordsをカスタムフィールドで設定 | Ea…

そのまま利用するのではなく、適当に本ブログで必要なcontent=””を生成しています。

しかしながら、All in One SEO Packは重いプラグインと言いながら、これでInternal Server Errorを出すようなさくらインターネットのレンタルサーバーはいかがながものでしょうか？

さくらインターネットのレンタルサーバは、WordpressのAll in One SEO PackプラグインでSEOをバリバリやるのであれば、使わないほうがいいような気がします。自分のような、適当なブログサイトなら問題ないかもしれません。

でも、そんなことを言うのなら、もっと金を払ってスペックの高いサーバーを契約しろ、というところでしょうか。

HTMLサイトをWordPressにする本

著:久保田涼子, 著:西原礼奈, 著:阿諏訪聡美

¥2,399 （2025/03/28 17:08時点 | Amazon調べ）

Amazon

ポチップ

いちばんやさしいWordPressの教本 第6版 6.x対応 人気講師が教える本格Webサイトの作り方 「いちばんやさしい教本」シリーズ

著:石川栄和, 著:大串肇, 著:星野邦敏

¥1,762 （2025/03/28 17:08時点 | Amazon調べ）

Amazon

ポチップ

なんやかんやでWordPressのサイト構築で躓くのは、PHPのプログラミングなのでした。

追記（2020年12月22日）

相変わらず、まだInternal Server Errorはたまに出ています。All in One SEO Packプラグインが原因ではないのかな？ たまにエラーが出るくらいなので、サイトの運用には問題ないレベルだから、放っておいてもいいレベルなのかな？

その他、WordpressのテーマをTwentyTwenty-oneにしたりキャッシュのプラグインを見直したりで、アクセスがだいぶ速くなったし、よくわからない。さくらインターネットのレンタルサーバーで共有している他のユーザーのサイトに、アクセスが集中しているのだったらしょうがないな。

昔のことを思い出したけど、Wordpressはさくらインターネットのレンタルサーバーの機能を使ってインストールした覚えがある。これでWordpressのインストールや設定がしくじっているとかだと辛いかもな。

さくらインターネットから別のレンタルサーバーに移行するのも面倒だし、どうしてものやら・・・。

続きはこちらから