プラグインTwitterFacebookLINELINECopy記事内でボタンを使ったり、文字の独自装飾をしたい場合に、CSSでデザインを記述しますが、そのままではコードを手書きしてCSSクラスを指定してやらなければなりません。今回は、そういった煩わしさを無くし、エディタでワンクリックで装飾可能にする「AddQuicktag」プラグインのご紹介です。登録したタグを使うプラグインを準備プラグイン名:AddQuicktag↓をクリックすると「Copy」ボタンが出ます。AddQuicktagプラグインの新規追加からプラグイン名称で検索し、インストール→有効化します。項目には必須と任意があり、以下は必ず入力する必要があります。開始タグ必須項目に入力がなくても登録は完了しますが機能しません。必須ではありませんが、以下も必要な個所にチェックしないと機能しません。どこで使うか(チェックボックス)登録する際に入力する項目を順番に見ていきます。赤字になっている項目だけ入力すればタグとしては機能します。ボタン名(必須)わかりやすい名前をつけます。ダッシュアイコン(任意)ダッシュアイコン横のアイコンを押して選択する事で、ボタン名の前にアイコンを入れる事ができます。設定した例ラベル名(任意)ラベルについては、マウスが乗った時に出る説明のようですが、機能しませんでした。※上記は説明の為に、手入力で「titleタグ」を入れていますタグを入力(「開始タグ」必須)既にスタイルシートに記述してあるCSSコードがあれば、そのクラス名をHTMLタグで記述します。class="クラス名">終了タグ</div>1行装飾:DIVタグ部分装飾:SPANタグアクセスキーと順番(任意)アクセスキーはショートカットキーの事ですが、IEにしか対応していないようなので無視で。任意項目なので、何もしなくてOKです。順番については、ここに数字を入れるとビジュアルエディタのプルダウンされる内容が順番通りに表示されます。こちらも任意ですので未入力でもOK。どこで使うか装飾ボタンをどこに表示するかを設定します。通常の記事編集画面での装飾に利用するには、ビジュアルエディター、post、pageの3つ、またはテキストエディタを使わない場合は、ビジュアルエディターの1つでも可。右の「チェックマーク」のボックスをチェックするとすべてにチェックが入ります。すべてにチェックをしなくても、使う場所だけにチェックを入れればOK。それぞれは以下の通りビジュアルエディター:投稿画面・固定ページのビジュアルモードpost:投稿画面のテキストモードpage:固定ページのテキストモードattachment:メディア編集時comment:管理画面のコメント返信edit-comments:管理画面のコメント編集widgets:ウィジェット(ウィジェットで利用するには別途プラグインが必要)ひとつずつ登録まとめて登録する機能はないので、ひとつずつ「変更を保存」を押して登録します。登録したタグを削除する削除したいタグの項目をすべて削除して「変更を保存」を押します。デフォルトで表示されるボタンを非表示にする初期表示されているタグも、使わないものは簡単に非表示にできるのでエディタ画面がスッキリします。ここで非表示にチェックを入れても、テーマによっては表示されるタグがある可能性もあります。拡張コードボタン拡張されたデフォルトのコードボタンです。デフォルトのコードボタンの前に様々な言語のプルダウンメニューを追加し、コードタグにクラスとして含ませます。エンコーディング・デコーディングを行うボタンを追加する記事の内容としてコードをそのまま表示したい際などに利用。ファイルをインポート・エクスポート既に他のサイトでこのプラグインを使っている場合は、その定義ファイルをエクスポートし、別のサイトにインポートする事で、タグをひとつずつ設定しなおさなくても登録が簡単に行えます。エクスポートエクスポートファイルはJSON形式で以下のように日付が入ってダウンロードされます。addquicktag.-dd-mm-yyyy.json例:addquicktag.-09-09-2019.jsonインポートダウンロードしたJSONファイルを「インポート」からアップロードします。エクスポートした環境に登録されているタグがすべて自動で登録されます。エクスポートした環境のタグにCSSクラスが指定されている場合は、対象の装飾CSSコードのコピーも必要です。装飾CSSコードは、子テーマのスタイルシート(style.css)に記述します。登録したタグを使う記事の編集画面から簡単に選択出来ます。装飾したい文字を選択した状態で「Quicktags」をクリックし、プルダウンで選択します。テキストエディタでは、それぞれの装飾タグがボタンで表示されます。指定した文字列を検索し、指定した文字列に置換してくれるプラグインです。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。日本語が含まれない投稿は無視されますのでご注意ください。検索CSS等のコードコピーはコード右上のCOPYからどうぞ。