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

 

みなさんは知っていましたか？
私は知りませんでした。
カスタムフィールドにhtmlが使えることを知って小躍りしましたが、まさか管理投稿画面のフォームから入力するタイトルにも使えるなんて。
もちろん使えるのは、ビジュアルエディタではダメで、テキストエディタだけなんですけどね。
たぶん。試してないけどきっとそう。

タイトルにhtmlを入れてレスポンシブ

トップの画像のように、投稿画面のh1タイトル入力場所に、クラスをつけたspanを入れてみました。
このクラスには以下のようなcssを設定しました。

	/*スマホ幅のみブロック要素*/
/*767px以下のデバイスに読み込み*/
@media(max-width: 767px){	
.d-sm-b{
		display:block;
	}
}

これはカスタム投稿タイプの記事をテンプレートタグで出力したものですが、PCのときはこのようにー1000円は横並びになり、

スマホ画面のときはブロック要素で上下2列になりましたよ。

試してみてくださいね♪