【AddQuicktag】WordPressショートコードや装飾タグを一発挿入プラグイン

WordPressプラグインAddQuicktag（アドクイックタグ）の「インストール方法」「設定」「使い方」を紹介していきます。

クイックタグを使えば、下記のように投稿・固定ページなどにオリジナルのボタンを追加できます。

1. はじめに

WordPressの新エディタ（Gutenberg）ではAddQuicktagが非常に使いにくいです。

旧エディタに戻すために「Classic Editor」をインストールしましょう。
※新エディタに慣れている方は、インストールしなくてOKです。

それではインストール方法をご説明します。

これで完了です。とくに設定をする必要はありません。

それではAddQuicktagのインストール方法を見ていきましょう。

2. インストール方法

3. 画面の見方

各項目を説明していきます。

クイックタグの追加と削除

※ショートカットキーはIEでしか使えません。

クイックタグの表示場所

必要な表示場所にだけチェックを入れましょう。

（よく分からない方は、すべてチェックしても構いません）

デフォルトのクイックタグを非表示にする

使わないものは非表示にする事をオススメします。

拡張コードクイックタグボタン

pre

拡張コードボタンです。様々な言語のプルダウンメニューを追加できます。

通常では使わないのでチェックを入れなくて構いません。

htmlentities

下記のようにHTMLタグをそのまま表示させたい時に使います。

<span class=”red b”>文字を赤くする</span>
<span class=”small”>文字を小さくする</span>

こちらも通常では使わないのでチェックを入れなくて構いません。

エクスポート

設定データを出して保存できます。

バックアップやサイト複製をしたい時に使いましょう。

インポート

設定データを入れて使えるようにします。

エクスポートしたファイルを入れましょう。

4. 使い方

ここでは使い方の説明をしていきます。

まずはクイックタグの追加をしてみましょう。

クイックタグ追加方法

クイックタグの使い方

ここではテキストエディタでの使い方を説明していきます。

5. エクスポート・インポート

ここではエクスポート・インポート方法を説明しています。

エクスポート方法

クイックタグの設定をエクスポート（保存）しましょう。

インポート方法

クイックタグの設定をインポート（復元）しましょう。

6. カスタム投稿でも使いたい【応用】

ここからは応用編です。（カスタム投稿を利用していない方は読み飛ばしてOKです）

カスタム投稿でも使えるようにするには、functions.phpをカスタマイズする必要があります。

警告

functions.phpは一度編集に失敗するとサイトが表示されなくなります。必ずFTPツールを使ってphpファイルのコピーを保存しましょう。
　
※functions.phpは使用中テーマのフォルダにあります。

参考 FTPツール「FileZilla」の使い方とおすすめの設定HPcode

ではカスタマイズの方法を説明していきます。

//AddQuicktagをカスタム投稿で表示させる
add_filter( 'addquicktag_post_types', 'my_addquicktag_post_types' );
function my_addquicktag_post_types( $post_types ) {
	$post_types[] = 'onecolumn_lp';
	return $post_types;
}

参考サイト
参考 【Wordpress】カスタム投稿タイプでAddQuicktagを使えるようにするウェブの触手

7. SANGOユーザー専用クイックタグ

サルワカ（公式ページ）ではSANGOユーザーのために、2つのクイックタグが配布されています。

1からクイックタグを作るのが面倒だという方は、下記の公式ページからダウンロードしましょう。

8. よくある質問

クイックタグが反映されない

クイックタグの表示場所に、チェックが入っているか確認しましょう