![](https://life-money-create.com/wp-content/uploads/2018/05/444.jpg)
ライムスです(*^^*)
今回は、ワードプレスでストークのテンプレートを入れた際、記事を書く際に便利な様々なショートコードを入れる手順について解説していきます。
ショートコードを事前に入れておくことにより、記事を書く際に毎回ショートコードを手入力する必要がなくなりますので、非常に時間短縮になります。
テンプレートでストークを使用していてショートコードをまだ入れていない方は参考にしてください。
それでは実際にやっていきましょう!
目次
ストークの基本ショートコードの設定手順
①ストークの公式ページより、ダウンロードしたzipファイルを解凍しましょう。ダウンロードファイルはページの下の方にあります
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/6accf14bb752eb61ad17c7256dd9f406.png)
②AddQuicktagをプラグインの新規追加から追加し、有効化して下さい。
公式サイトからダウンロードする形でも大丈夫です。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/65aa84345bf00cd05df0363f2cb7355c.png)
③設定 / AddQuicktag より設定画面を開く
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/1ff1f1770621ed8272e75b88277cdfe5.png)
④設定ページの一番下にある インポート に①で解凍したファイルを選んでアップロード
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/27b7820f1c3b26de2b7cee82c611ceaf.png)
⑤すると、このようにストークで使える様々なショートコードが自動で入りますので、変更を保存してください。
![](https://life-money-create.com/wp-content/uploads/2018/05/0e62a4a85d73b9895c35c517be01a59f.png)
⑥こちらで、投稿画面の際に、ストークでよく使うショートコードを簡単に入れることができます。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/601a7819e658e71e4e8ba795538c0248.png)
作業は以上で終了になります。
ワードプレスに背景色や下線のショートコードを入れる方法
①プラグイン『TinyMCE Advanced』を新規追加で有効化してください。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/56a08699fae0643a5cb5262fc883f127.png)
②設定⇨TinyMCE Advancedをクリック。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/a643de01998ebfe28a9b35a518f79b67.png)
③必要なボタンをドラッグ&ドロップしてください。基本的には「背景色」と「下線」があれば十分です。最後に変更を保存して終了です。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/10681697f4dffdccc4dbee3bd0650cfc.png)
④こちらで、投稿画面で、ビジュアルの際に背景色と下線が追加されています。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/4b754b07cd4279aab6b7a19887edc404.png)
作業は以上で終了になります。
ワードプレスにh2やh3などのタグを入れる方法
①これらの小見出しタグは、AddQuicktagのプラグインで設定してください。設定が終わりましたら変更が保存してください。
画像のように、h2やh3タグを入れてください。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/03e62aa008a344ee1a30c508efd845c1.png)
②これにより、投稿画面でh2とh3タグをボタン一つで入れることができます。
![](http://life-money-create.com/adsense-academy-support/wp-content/uploads/2018/05/1ebc467c9a2bdd9a89c3b1982d255816.png)
作業は以上で終了になります。
好きな色をショートコードとして入れる方法
例えば、ビジュアル画面で、オリジナル色をカスタムするとします。その色を次回から保存してカスタムするにも、AddQuicktagのプラグインは非常に便利です。
①まずは、カスタムでオリジナル色を作ります。
![](https://life-money-create.com/wp-content/uploads/2018/05/49e6ec7181fc8236e848ab43e5004829.png)
②オリジナル色が作れれば、ビジュアルで一度装飾してみます。
![](https://life-money-create.com/wp-content/uploads/2018/05/269b1ca546dda0b456a574d4b8c3c674.png)
③その後、テキスト画面に切り替えると、このようにコードがわかりますので、このコードをAddQuicktagのプラグインに入れてください。
![](https://life-money-create.com/wp-content/uploads/2018/05/3ed1346178fae7e0bd6f3e30830bba6f.png)
④上記の色の場合は、このような感じで開始タグと終了タグを入れる形になります。
![](https://life-money-create.com/wp-content/uploads/2018/05/673c4e5a67949a9601274d28d478ec40.png)
作業は以上で終了になります。
ワードプレスの「STORK」で可愛らしい蛍光下線を引く方法
こちらの記事をご覧ください。