知らなかった!!WordPressの入力フォームでタイトルにhtmlが使えること。

みなさんは知っていましたか?
私は知りませんでした。
カスタムフィールドにhtmlが使えることを知って小躍りしましたが、まさか管理投稿画面のフォームから入力するタイトルにも使えるなんて。
もちろん使えるのは、ビジュアルエディタではダメで、テキストエディタだけなんですけどね。
たぶん。試してないけどきっとそう。
タイトルにhtmlを入れてレスポンシブ
トップの画像のように、投稿画面のh1タイトル入力場所に、クラスをつけたspanを入れてみました。
このクラスには以下のようなcssを設定しました。
/*スマホ幅のみブロック要素*/ /*767px以下のデバイスに読み込み*/ @media(max-width: 767px){ .d-sm-b{ display:block; } }
これはカスタム投稿タイプの記事をテンプレートタグで出力したものですが、PCのときはこのようにー1000円は横並びになり、
スマホ画面のときはブロック要素で上下2列になりましたよ。
試してみてくださいね♪