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

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

 
 

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

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

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

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

これはカスタム投稿タイプの記事をテンプレートタグで出力したものですが、PCのときはこのようにー1000円は横並びになり、
PC画面
スマホ画面のときはブロック要素で上下2列になりましたよ。
スマホ画面
試してみてくださいね♪

この記事もおすすめ