Simplicity2のトップページでアイキャッチ画像の上にカテゴリを表示する方法

閲覧所要時間: 約 1

MIZUHODSC_0292_TP_V4

プラグインも使わずCSSだけでアイキャッチ画像の上にカテゴリを表示する方法2通りの紹介

イメージとしてはこんな感じになりますが今回紹介するものはカテゴリ別に色は変えれません

 20180124085751

説明はザックリいきます

1つ目のやり方はstyle.cssに以下をコピペで追記するだけでOKです

子テーマのstyle.cssでOKです。

2つ目のやり方もstyle.cssに以下をコピペで追記するだけでOKです

ザックリと行きましたがどちらでもお好きな方を1つstyle.cssに追記すれば良いです!
次回はカテゴリの色を変えるやり方や関連記事、関連タグのアイキャッチ画像にカテゴリを表示する書きたいと思います

 関連記事-こちらもどうぞ

 タグ関連記事

20140329142107

wordpressのアイキャッチ画像の意味が理解出来ました

アイキャッチ画像のお話 今までwordpressを使ってなんかアイキャッチ画像と言うものが理解出来たような出来ていないようなモヤモヤした感じでした。 やっとではありますがようやく理解出来たと自負し...

記事を読む

20160415143032

STINGER7のpowerd byを変える

STINGER7のpowerd byを変えるのに手間取ったので備示録しておきます STINGER7のpowerd byを変えるには JSのフォルダーの中にあるbase.jsを探します! ...

記事を読む

20170719235441

Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きます。。。 アイキャチ画像は要らなくてテキストだけならShortcodes Ultimateを使う方法が一番良いかと思います。 ...

記事を読む

20161029113222

Simplicity 2.3.0 安定版が出ましたよ!

更新がかなり早いので見落としていましたwww かなり前になるけどSimplicity 2.3 安定版 が出ていましたね! もうあえて説明するまでもないくらい知名度のあるテーマで無料...

記事を読む

20160414162918

最新記事にNEWマークをつける

Simplicityのテーマを使って最新記事にNEWマーク 上の画像のように新しい記事にNEWマークがつきます ソースは以下で配布しています http://codepen.io/Hidekichi...

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
MIZUHODSC_0292_TP_V4.jpg
Simplicity2のトップページでアイキャッチ画像の上にカテゴリを表示する方法

プラグインも使わずCSSだけでアイキャッチ画像の上にカテゴリを表示

PAK153125619_TP_V4.jpg
Simplicity2でヘッダーと記事との間に余白が出来る!

1、スライドインを使うと500px位の余白が出来る! 2、完全レ

20180121041301.jpg
simplicity2のグローバルメニューにアイコンを入れる方法

simplicity2に簡単コピペで出来るサンプルをザックと書き残

20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

→もっと見る


スポンサードリンク