ルクセリタス【定型文登録】と IMEオプション【単語登録】で効率よく記事作成する方法

パソコンには予測変換やよく利用する単語を追加で登録できる機能があります。

記事作成で頻繁に使う用語や HTMLのコードなど入力ミスなどで綴りを間違えてしまわないように。
また、効率よく記事作成するためなど、活用はさまざまですが
このような単語登録を利用して記事作成を時短できれば嬉しいですよね。

今回は ① Luxeritas の定形文登録を使ったHTMLコードの登録と使いかた
② パソコンの IMEオプション機能単語の追加登録する方法をまとめていきます。

contents - 目次 -

1. Luxeritas 定形文登録機能
2. CSSのコード指定と HTML
- 2.1. CSSを作成する
- 2.2. 投稿画面で記述する HTML
3. 定型文登録を作成する
4. パソコンの単語登録の機能を利用する
- 4.1. 単語登録のしかた
- 4.2. ユーザー辞書ツール ― 単語の編集 ―
  - 4.2.1. 実際に使ってみる！

Luxeritas 定形文登録機能

こちらの WordPress テーマ Luxeritas（ルクセリタス）では定型文登録という機能があります。
囲み枠を例に見ていきます。定型登録しておくと投稿画面から簡単に囲み枠を指定することが出来ます。

テキスト画面で見てみるとこのようなHTMLコードが表示されています。
これが本来毎回記述するコードになります。

この <div ~ のコードを覚えるのは大変ですが定型文登録することで
HTML のコードの書き込みをかなり省略できるのが分かります。

CSSのコード指定と HTML

囲み枠をサイトに表示させる場合は、囲み枠や文字の装飾など css（スタイルシート）に作成するところから始めます。
先ほどの例で使用した基本枠の囲み枠のコードを参考に見ていきます。

この CSSで設定した"基本の枠"はこんな感じです。
この枠は２重線の指定と文字の色とサイズの指定しています。

CSSを作成する

CSSで設定する囲み枠は .~ -box というコードで始まり今回は基本枠ということで normal-box となります。

CSSのコード指定では どこに・何を・どのように という情報を指定していきます。

normal-box1 には枠の余白や線の幅・線種・線の色など
normal-box1 p には 枠内の行間・余白についての指定をしています。

囲み枠の作成などに関する記事は別でまとめていますのでこちらを参考頂ければと思います。

投稿画面で記述する HTML

HTMLの記述のしかたでは投稿画面に書き込むコードが書かれていて
記事内に取り入れたい CSS (囲み枠) を < > 本文 </ > というコードで呼び出します。

コードの始まり < > と 終わり </ > の間に囲み枠を付けたい文章を入れるという形になり
コードの名前 normal-box1 と囲み枠を表すコード div との組み合わせによって呼び出すことが出来ます。

まだ CSS を設定されていない方はこちらの基本枠をベースに作成してみてください。

.normal-box1{
/*boxの指定*/
border: 10px double #a4d5bd;
margin: 0 0.5em 1.5em ;
padding: 0.8em;
display:inline-block;
/*文字に関する指定*/
font-size: 14px;
color: #2f4f4f;
}
/*box内での段落の設定*/
.normal-box1 p{
line-height: 1.5em;
margin: 0.5em;
}

.normal-box1{

/*boxの指定*/

border: 10px double #a4d5bd;

margin: 0 0.5em 1.5em ;

padding: 0.8em;

display:inline-block;

/*文字に関する指定*/

font-size: 14px;

color: #2f4f4f;

}

/*box内での段落の設定*/

.normal-box1 p{

line-height: 1.5em;

margin: 0.5em;

}

定型文登録を作成する

記事内で使用する HTMLコードを定型文登録していきます。

ダッシュボード画面の Luxeritas から定形文登録を開きます。

定形文登録の新規追加から登録していきます。
作成した定型文を編集したい場合は、編集から画面を開くことができます。

ラベルの設定

一度作成したラベル名は 変更出来ません！
変更したい場合は削除して再作成する形で変更してください。

囲み型での定型文登録

< > 本文 </ > の形式の HTMLコードは囲み型として使用すると簡単に変換できます。ビジュアルエディタ画面でマウスを左クリックした状態でスライドさせ囲みたい文章をマークします。

補足情報 ‼

囲み型で登録した場合、コードの間に文章を入れることができます。

今回のような囲み枠や文字のカスタマイズ・アンダーラインなどはこの囲み枠を使用します。

先ほどの HTMLのコードを記述します。
コードの始まり < > と 終わり </ > の間に文章となるわけですので
囲み型 にチェックを入れ上段のボックスに初めのコード < ~ >下段のボックスに </div> とだけ記述します。
これで囲み型のコード登録完了です。