ウサヲブログ  HOME

ウェブ制作に関わる備忘録などを綴ります

このページの位置: Home「ソースコード」の記事

アイキャッチ画像のaltを取得してif分の条件判定に使いたい

ウサヲです。

とある条件を使う必要が出てきた時に、タイトルの通りのことをしたかったのですが、ずいぶん時間がかかったので、これはやはりメモしておいた方がよかろうかと思いメモします。

Advanced Custom Fieldsを使って投稿のアイキャッチギャラリーを作ります。

ウサヲです。

ウサヲは投稿の度にシングルページにアイキャッチを表示しているのですが、その内容を密かに微笑みながら考え、作り出すことに喜びを感じています。今回ウサヲが手がけたアイキャッチをギャラリーにしてみようと思いました。長くなるでしょうが、忘れん坊ウサヲが忘れたいつかの日のために、メモします。

本文の「メディアに追加」ボタンで画像に任意のクラスを追加する

ウサヲです。

投稿の本文に、メディアを追加ボタンをポチッとして画像を追加することが頻繁にあります。こんな感じです。→google_icon

その画像の背景が白色だった時に、サイトの背景も白色だと、画像と本文の境目、区切り目がわかりづらく困ってしまいます。ウサヲの画像も例外ではありません。

そこで薄いボーダーをつけることにしました。自動的に追加した画像にボーダ用のクラスがつく、ということをフィルターフックでやってみました。

TOP