画像の上に半透明の帯とテキストを表示

アイキャッチ画像の上に半透明の帯と記事タイトルをテキスト表示最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。
おしゃれですよね!

また、文字部分は画像ではなくテキストなんです。
テキストでの表示は、後々に文字部分だけを編集したい場合にも簡単に対応できますし、SEO的にも良いと思います。
ほんの少しCSSをいじれば実現可能ですので、とてもオススメです。
今回はこの画像の上にテキストを表示する方法を紹介したいと思います。

固定ページや投稿記事ごとに個別のCSSとJavaScriptを追加


WordPressの固定ページや投稿記事に個別にcssを追加するWordPressのテーマのスタイルシートとは別に、固定ページや投稿記事に個別にCSSやJavaScriptを指定・追加したい場面があると思います。
とても難しそうな感じがしますが、実は簡単にできるのです。

今回はそんな便利な方法を紹介します。

プラグインは使わないで、テーマ編集の画面でfunction.phpを編集する方法です。