テーマ専用ショートコードを使う

WordPress5.0以降でClassic Editor（旧エディタ）を使う方法

ショートコードとは

ショートコードとはWordPressでページを投稿する際に利用できるマクロ機能です。
HTMLやPHPなどの長く複雑なコードもショートコードが事前に設定してあれば、記事を投稿する際には短く簡単なコード（ショートコード）を記述するだけで自動的に変換されます。

例えば、このようなモーダルウィンドウを設置するためには

通常は以下のような長いHTMLコードを記述する必要があります。

<a class="waves-effect waves-light btn modal-trigger" href="#modal-ID">タイトル</a>
<div id="modal-ID" class="modal">
　　<div class="modal-content">
　　　　<h2>タイトル</h2>
　　　　<p>コンテンツ</p>
　　</div>
　　<div class="modal-footer">
　　　　　<a href="#" class="waves-effect waves-green btn modal-action modal-close">確認</a>
　　</div>
</div>

しかし、ショートコードを使えば簡単に記述することが可能です。

[modal title='タイトル' close='確認' id='modal-ID'] コンテンツ [/modal]

最初からショートコードが用意されているWordPressテーマはほとんどありません。通常、ショートコードを使う際にはプラグインを利用するか、 テーマフォルダ内のfunctions.phpを編集して独自のショートコードを追加して利用します。

しかし、プラグインは海外製のものが多く設定も英語で解りにくい場合が少なくありません。 また、自分でテーマフォルダ内のfunctions.php を編集する場合には相当の知識がないと設定が難しく、間違った設定をすると最悪テーマそのものが動かなくなってしまう場合さえあります。

Dolce & VivaceのWordPressテーマは、HTMLやPHPなどの知識がない方がプラグインを使わなくてもWordPressをもっと便利に扱えるよう、 テーマ専用のショートコードをたくさんご用意しています。 フォントの色やサイズ、よく使うリストや表、さらにはデザイン性の高いLightboxやモーダルウィンドウなどを投稿画面から簡単に呼び出して使うことができます。

自分で独自のショートコードを設定したい！というWordPress上級者の方は 【 WordPress上級者向け設定 】 にてテーマ専用のショートコードを無効にすることで、プラグインや独自のショートコードと競合せずにテーマをご利用頂けます。

テーマ専用ショートコードの使い方

テーマを適用すると自動的に専用ショートコードが有効になっていますので、設定等は必要ありません。
記事に画像を入れるのと同じ感覚で、投稿画面のドロップダウンから目的のショートコードを選択するだけで簡単に挿入して頂けます。

挿入されたショートコードのデフォルトのテキストや数字を必要に応じて書き換えて下さい。
各テーマ専用ショートコードの見本やテキストや数字の変更方法については下記のページを参考にして下さい。

【 ショートコード一覧 】