ブログ記事を書く際に、とても便利なプラグインである「AddQuicktag」
いちいちめんどうなコードを入力せずに、一度登録してしまえば次からはワンタッチで呼び出すことが出来るプラグインです。
ちょっと設定がめんどくさかったりしますが、少しづつ出来るようになっていきましょう!
AddQuicktagのインストール
- 「AddQuicktag」をペースト
- アイコンを確認
- 今すぐインストール
![AddQuicktag](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/3a2b63a9f9f3a1e04c0830a0eb1f6025.png?resize=1024%2C342&ssl=1)
そして「有効化」します。
![AddQuicktag](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/c01dfc6288736f87281c393cdc8b9e9b.png?resize=1024%2C463&ssl=1)
次は設定です。
AddQuicktagの設定と使い方!
AddQuicktagの役目は、デフォルトで存在するクイックタグでカバーできない所を作れるということ。
こんな感じで、すでにマーカー線などのクイックタグはデフォルトで存在しますよね。
![AddQuicktagの設定と使い方!ショートコードをマスターして記事作成効率化!](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/325eb969041c50611319e91561f77059.png?resize=662%2C324&ssl=1)
ではここに無いクイックタグが使いたい!と思った時に、自分の好きなようにショートコードを登録して、クイックタグに出来るというのがこのプラグインです。
たとえば僕は、
というようなことがこのプラグインで出来るようになります。
AddQuicktagの設定
では、たとえば先程の「枠で囲う」とうショートコードの設定方法はどのようになるのか、解説していきます。
まずは「設定」→「AddQuicktag」とクリック!
![AddQuicktag](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/85b7524efbe533e9f87ea0741722b7aa.png?resize=706%2C1014&ssl=1)
そして「開始タグ」と「終了タグ」コードを分けて入力します。
![AddQuicktag](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/dfc98bf0fed17868a35caf836b4bc098.png?resize=1024%2C574&ssl=1)
枠線のショートコードの開始タグ
<div style="background: #e4f7e9; width: 90%; border: 1px solid #adadad; height: 100%; padding: 9px; margin-left: 10px;">
枠線のショートコードの終了タグ
</div>
これで設定したら「変更を保存」を押して終了です。
(※一例です。コードは様々あるので、自分が設定してみたいコードをググると色々出てきます。)
実際に記事を書く時にクリックして呼び出せるようになります。
![AddQuicktag](https://i0.wp.com/www.katotatsu.com/wp-content/uploads/2019/02/9f62d7c16a7c1aaa22f710496d63eb3f.png?resize=1024%2C556&ssl=1)
めちゃくちゃ便利ですね!
そして最近は、ブログテーマにすでに何個かこのようなショートコードが搭載されているものも増えています。
自分の好きなようにブログ記事を装飾できる、記事を読みやすくすっきりさせることが出来る。
これらはすべて読者への価値提供に繋がる部分なので、ぜひマスターしていきましょう!