2017年6月21日

WordPressでキーボード風装飾で、表示する方法です。

ABC1Shift

ポイントは以下2点です。
 1.CSSの編集
 2.記事での使い方


1.CSSの編集

WordPressの追加CSSの設定メニューで以下の定義を追加します。

ーーーーーーここからーーーーーー
kbd{
border-style:solid;
border-width:3px;
border-color:#eeeeee #999999 #999999 #eeeeee;
background-color:#cccccc;
font-size:95%;
margin:0px 1px;
padding:1px 3px;
}
ーーーーーーここまでーーーーーー

2.記事での使い方

上記のような表示は、以下の入力になります。

<A><B><C><1><Shift>

 ※変換防止のため  は、全角を使用して表記しています。

使用例(手書き風下線も合わせて使用すると…)
ここで、Ctrl+x削除してください。