はてなブログの”ブログカード”って、なんか素敵で羨ましいなっと思っていたのですが、なんとワードプレスにも似たような機能があったのでした!

ワードプレスのブログカードは、「投稿」と「ページ」に対応できる模様。方法は、単にURLを貼るだけ。

記事タイトル、抜粋、アイキャッチ画像、ブログ名、ファビコンのセットです。

wordpress_blogcard_image_and_excerpt
ワードプレスのブログカード、アイキャッチ画像と抜粋

逆にいうと、URLをべた書きした場合、<pre></pre><code></code>などでブロックしないとブログカードが表示されてしまいます。

wordpress blogcard
ワードプレスのブログカード

びっくりしましたよ。

それでは、実験結果をば。

ワードプレスの”ブログカード”

ワードプレスのブログカードは、バージョン2.9.0ぐらいから存在しているみたいです。気づいていなかった…

参考資料: WP_Embed

他のブロガーさんの投稿やページもワードプレスで書かれたものなら埋め込み可能みたいです。

方法は、投稿かページのURLをコピペするだけ。

wordpress_blogcard_test
ワードプレスのブログカードのテスト

ためになる駐在員ブログと言えば、MMさんの「Savvyに生きる」

なぜか、自ブログのホームは<blockquote></blockquote>に内包されていました…

逆に、URLをテキストとして表示したい場合には、コピペだけだとカード化しちゃうということです。

<pre></pre>などのコードで挟んで、<pre>https://noronoron.com/counter-stop/</pre>の様に書くと、

https://noronoron.com/counter-stop/

というようにテキストのURLを表示できます。

そんなことするのは、カスタマイズ記事を書いている極限られた人だと思いますケド…

ワードプレスの”ブログカード”は、投稿と固定ページだけ(?)

ホームはなぜかblockquoteに内包され、タグとカテゴリーは(動的ページだから?)カード化しません。カード化するのは投稿とページだけの模様。

wordpress_blogcard_record_type_test
ワードプレスのブログカード、ページタイプ

ワードプレスの”ブログカード”は、アイキャッチ画像と抜粋を利用

ブログカード機能を最大限に使うとこんな感じ↓

wordpress_blogcard_image_and_excerpt
ワードプレスのブログカード、アイキャッチ画像と抜粋

ページと投稿では構成が違うみたいですね。

画像は、featured-image、つまりアイキャッチ画像から読みだしています。
紹介文は、excerpt、つまり抜粋から読みだしています。抜粋がない場合は、冒頭からとっているみたい。

私が現在使っているテーマでは、アイキャッチ画像を使うと投稿やページが痛い感じになるので、この機会に改修しました。関連記事「Twenty Seventeen、巨大すぎる”アイキャッチ画像”を非表示にする

ページの枠線の角が取れているのは、事故です。ごめんなさい。
カスタマイズのテスト中のキャプチャー画像を使ってしまいました。
角は丸くありません。

え?
ページには抜粋がない?

function.phpにadd_post_type_support( 'page', 'excerpt' );を追記すると使えるようになりますよ。

ワードプレスの”ブログカード”、サンプル

下記、実際のサンプルです。ライトグレーの枠内が貼り付けているURLで、その直下が実際の見え方サンプルです。

自ブログホーム

https://noronoron.com/

https://noronoron.com/

自ブログ固定ページ

https://noronoron.com/sitemap/

ブログの「ウラ」側

自ブログ投稿

https://noronoron.com/counter-stop/

“カンスト”に当たる英語はなさそうだよ。

自ブログタグ

https://noronoron.com/tag/100-things-to-do-in-retirement/

https://noronoron.com/tag/100-things-to-do-in-retirement/

自ブログカテゴリー

https://noronoron.com/being-a-foreigner/

https://noronoron.com/being-a-foreigner/

MMさん、「Savvyに生きる」投稿

https://savvy-life-savvy-style.com/expat-how-much-saving/

海外駐在をすると貯金は年間どれくらいできるもの?

↑この記事、情報の質もまとめ方も、すごいですよ!
カードの記事タイトルからリンクできます。

投稿者: のろのろ

ブログのカスタマイズをしては、備忘録を書いています。2017年4月にワードプレスデビューし、試行錯誤しながら寝落ちする感じのへなちょこブロガーです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください