WordPress ブログカードの作成方法

目次

ブログカード作成方法

ブログカードとは

ブログカードとは「記事のタイトルや概要、アイキャッチ画像を簡単に表示するための機能」です。

[nlink url=”https://momokatu.com/programming-6/”]

上記がブログカードです。

プラグインでも作成できますが細かいデザインの調整ができません。

プラグインなしで【function.php】と【style.css】を編集して作成できます。

内部リンクと外部リンクのデザインを変えることができるので便利です。

関連記事(内部リンク)のブログカードをプラグイン無しで実装する方法[コピペ]

AddQuicktag

プラグインの【AddQuicktag】にショートコードを登録することで簡単に表示することができます。

このブログカード、図枠、動く下線などよく使うものを登録しておくとブログ記事を書くのが楽になるのでお薦めです。

私のブログカード

下記参考サイトのコードを少しアレンジでして作成しました。

気になる点はアイキャッチ画像の見え方が、デバイス(スマホ、ダブレット、PC)で異なっている(枠からはみ出ている)のですが【レスポンシブWebデザイン】の知識がないので修正できていません。

いつか修正できるようになりたい思います。

【wordpress】プラグインなしでおしゃれな内部リンクのブログカードを実装する方法

感想

プログカードは過去の記事や関連記事を紹介するのに便利な機能です。
 
ブログ自体も見やすくなるのでお薦めです。
 
参考に試してみてください。



よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

初めまして、ももです。
アラフォー2児のママ。
チアリーダー→通関士→エンジニア→Webデザイナー。
朝活と楽しい企画を考えることが好き。
プログラミング初心者が在宅フリーランスになりました。

目次