クイックタグで使える各種ボックスの英語見出しを、日本語や好きな文字に変更する方法を紹介します。

補足事項・質問・注意書きボックスのカスタマイズ

初めに、テキスト入力用のボックスです。

デフォルトは以下のような英語表記となっています。

ポイントをここに記述します。
質問をここに記述します。
注意をここに記述します。

◆カスタマイズ結果イメージ

box-japanese-notation-01

このように変更するには、子テーマのCSSに以下を追加してください。

/*--------------------------------------
補足事項
--------------------------------------*/
.repletion {
	border: solid 2px #5ab80e; //ボーダーの線の種類・太さ・色
	background-color: #cfedb7; //ボックス背景の色
	font-size: 15px; //ボックス内の文字サイズ
}
.repletion:after {
	left: 32px;
	content: 'ポイント'; //見出しの文字
	background-color: #5ab80e; //見出しの背景の色
	color: #ffffff; //見出しの文字色
}

/*--------------------------------------
クエスチョン
--------------------------------------*/
.question {
	border: dashed 2px #ff0000; //ボーダーの線の種類・太さ・色
	background-color: #ffefef; //ボックス背景の色
	font-size: 15px; //ボックス内の文字サイズ
}
.question:after {
	left: 32px;
	content: '質問'; //見出しの文字
	background-color: #ff0000; //見出しの背景の色
	color: #ffffff; //見出しの文字色
}

/*--------------------------------------
注意書き
--------------------------------------*/
.attention {
	border: dotted 2px #FACC2E; //ボーダーの線の種類・太さ・色
	background-color: #F5F6CE; //ボックス背景の色
	font-size: 15px; //ボックス内の文字サイズ
}
.attention:after {
	left: 32px;
	content: '注意点'; //見出しの文字
	background-color: #FACC2E; //見出しの背景の色
	color: #ffffff; //見出しの文字色
	}

それぞれのコメントを参考に色や文字を自由に変更してください。

よく使われるボーダーの種類は以下の通りです。

solid
1本線で表示されます。
double
2本線で表示されます。
dashed
破線で表示されます。
dotted
点線で表示されます。

カラーはこちらのサイトを参考に変更してください。

外部リンク・内部リンクボックスのカスタマイズ

次に、テキストリンク用のボックスです。

デフォルトは以下のような英語表記となっています。

◆カスタマイズ結果イメージ

box-japanese-notation-02

このように変更するには、子テーマのCSSに以下を追加してください。

/*--------------------------------------
テキスト付きボックス(外部サイトリンク用)
--------------------------------------*/
.links-external:before {
    content: "参考サイト"; //見出しの文字
}

/*--------------------------------------
テキスト付きボックス(サイト内リンク用)
--------------------------------------*/
.links-self:before {
    content: "関連記事"; //見出しの文字
}
.links-self:after {
    content: "ヒーラー"; //店舗名
}

Follow me

-カスタマイズ
-

ボックスの英語見出しを好きな文字に変更する
この記事はいかがでしたでしょうか。
是非Healerの最新ニュース情報を、
いいねしてチェックしてください!

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。