たブログ たブログは初心者のためのWordPressのブログ!

【CSS】ブログカードに「あわせて読みたい」を表示させる方法!

カスタマイズ


ブログカードに「あわせて読みたい」を表示させる方法!

このブログは、無料テーマのCocoonだったんです。

それなのに、独自のショートコードでブログカードを表示しています。

そのブログカードに「あわせて読みたい」ラベルを表示させました。


 

「あわせて読みたい」ラベルはあったほうがいい

実は、ブログカードで満足してたんです。

だけど、一言ないと、どうして欲しいの?

って感じがしたんです。

それで、一緒に読んで欲しいって意味の「あわせて読みたい」ラベルを表示させたんです。

【プラグインなし】内部リンクのブログカードを手作業で張ろう! を書いています。

 

このブログカードは、Cocoonだけではない

このブログで使っているショートコードのブログカードは、Cocoonだけではありません。

高速な無料テーマのLuxeritasでも、有料テーマのSANGOでも使ってるんです。

そのために、独自のショートコードにしたんです。

 

「あわせて読みたい」はCSSで表示できる

「あわせて読みたい」ラベルは、CSSを変更するだけで表示できるんです。

ショートコードは、カスタマイズしなくていいんです。

ショートコードのカスタマイズはCSSよりも少し面倒です。

けど、1記事ずつ修正しなくていいのは、ショートコードのメリットです。


 

ショートコードを使い続けることができる

Cocoonだけでなく、Luxeritasでも、SANGOでも、同じショートコードを使ってます。

同じショートコードを使ってると、Cocoon、Luxeritas、SANGOにテーマを変えてもいいんです。

テーマを変更しても、そのままショートコードを使い続けることができるんです。

 

微妙にCSSを調整している

ただ、Cocoon、Luxeritas、SANGOでは、微妙にCSSを調整する必要があります。

テーマを変えたら、微妙にCSSを調整するというか、コピペし直すだけなんですけどね。

どのブログというか、どのテーマでも使うのでシンプルな「あわせて読みたい」ラベルにしています。

参考記事:『あわせて読みたい』をブログカードで見せて回遊率をアップさせる方法 



タグ:

関連記事

カテゴリー: カスタマイズ



    TOP