エス技研WordPress専科

WordPressの基本的な使い方から SEOの対応、プラグイン情報、カスタマイズ方法を解説します。


AddQuicktagを使って WordPressの投稿を楽にする

      2014/10/05

AddQuicktagを使って投稿を行う

 

AddQuicktagって何?

 
WordPressの入力画面にオリジナルのタグボタンを追加し、クリック一つでタグを編集できるようにするプラグインです。
 
投稿や固定ページの入力画面の情報にある「b」「i」などのボタンはあらかじめ決まっていますが、AddQuicktagを使うことで「h2」「h3」などのタグが追加で欲しいなぁ、という要望をかなえてくれます。
また、タグの追加だけではなく、よく使うキーワードを登録しておけばボタン一つで編集することもできるようになります。
 
また、このツールは、設定情報をエクスポート、インポートができるようになっていますので、一度設定をしてしまえば、違う WordPressに引っ越しをするときにそのままの情報を移すことができたり、ほかの方に設定情報を渡すこともできます。
 
 

AddQuicktagのインストール方法

 
WordPressのプラグインのインストールの解説は「WordPressプラグインの3つのインストール方法解説」に記事を書いていますので参考にしてください。
 
 

AddQuicktagの設定方法 Ver:2.2.2

 
AddQuicktagは、結構な頻度でバージョンアップしているようで、しかも、管理画面の項目も増えていっているようで、現在のバージョン(Ver:2.2.2)での項目の説明が分かるサイトがあまりなかったためにこの記事を書きました。
 
設定画面へは「設定」-「AddQuicktag」で行けます。
 
20140117_wp_1
 
ボタン名:入力画面のボタンの名称として表示される名前
ラベル名:上記のボタンにマウスオーバーした時に表示されるテキスト。分かりやすい説明などを入力するといいかも。
開始タグ:ボタンを押したときに編集される開始タグ。「<h2>」とか。
終了タグ:ボタンを押したときに編集される終了タグ。「</h2>」とか。
アクセスキー:いわゆるショートカットキー(下記に追記あり。)
順番:表示されるボタンの順番を決める数値。途中で入れ替える可能性を考えると、10、20、30といった感じで入力しておく方が便利かも。
ビジュアルエディター:ビジュアルエディタ側にもボタンを表示するかどうか
post:投稿記事の入力画面に表示させるかどうか
page:固定ページの入力画面に表示させるかどうか
comment:コメント欄の入力画面に表示させるかどうか
edit-comments:コメントの編集画面の入力画面に表示させるかどうか
:上記 5つのチェックボックスに一斉にチェックを入れる、外すの処理
 
 
アクセスキーについては、あまり明確に書かれている記事がなく、設定の方法、使い方はよく分かりませんでしたが、アクセスキーとはショートカットキーのようです。
ショートカットキーについては理解できましたが、どう設定するのかまでは分かりませんでした。
 http://web-marketing.zako.org/blog/wordpress-keyboard-shortcuts.html
 
 
WordPressの投稿を楽にするプラグインです。
デフォルトの投稿画面では、利用できるタグはあらかじめ決まっていますが、そのタグを追加するプラグインです。
詳しくは、下記に書きましたので参考にしてください。
 
 

AddQuicktagの使い方

 
タグを編集したいところにカーソルを合わせ、ボタンをクリックすることで「開始タグ」が編集されます。
また、カーソルを移動させてもう一度ボタンをクリックすることで「終了タグ」が編集されます。
(ボタンを押すと「開始タグ」「終了タグ」が交互に編集されます。)
 
また、もう一つの使い方は、タグで囲みたいテキストを選択した状態でボタンをクリックすると、選択していたテキストの前に「開始タグ」、後ろに「終了タグ」が編集されます。
 
 

登録しておいた方がよさそうなタグの例

 
このプラグインを使うのに、どういうタグを登録しておけば?という方もいらっしゃるでしょう。
そこで、こんなタグはどうでしょうか?というアドバイスです。
 
先にも書きましたが、「<h2>~</h2>」「<h3>~</h3>」といったタグは、SEOを考えるうえで非常に重要なタグになりますので、あらかじめ登録しておくといいでしょう。
 
また、divタグによく使う classを設定したものを登録しておくのもいいでしょう。「<div class=”light”>~</div>」など。
 
このサイトでは、プログラムなどのソースコードをきれいに見せるために「Crayon Syntax Highlighter」というプラグインを使っていますが、それを指定するためのタグ「[php mark=””]~[/php]」などを登録しておくといいでしょう。
(「mark=””」のダブルクオーテーションの中身がなくても特にエラーにはなりませんので、そこまで書いておく方が便利でしょう。)
 
「Crayon Syntax Highlighter」についての記事は「WordPressのCrayon Syntax Highlighterの使い方」に記事を書いています。
 
 
逆に、こんなのも登録しておくと便利ですよ!というものがあれば、ぜひぜひ教えてください!!
 
 

実は私は使っていない...

 
これだけ説明しておきながら、実は私はこのプラグインをあまり使っていないんです。
私はテキストファイルに記事を書き溜めており、それをコピペで投稿していますのでこのプラグインの使いどころがなかったんです...

 - WordPressの基本設定

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload the CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

Better Delete Revisionを使って WordPressのリビジョンを削除する方法

自動的に溜まるリビジョンは Better Delete Revisionを使うことで簡単に削除することが出来ます。表示の重さを軽減したり、バックアップファイルのスリム化に貢献します。

WordPress初心者向け フォルダ構成・データベース構成解説

BackWPupその11。バックアップを取るために必要なファイル、データベースの解説をします。

WordPressの Link Managerでブックマーク(リンク)の管理を行う

ウィジェットのブックマーク(リンク)はプラグイン化された「Link Manager」を使って設定します。その使い方の解説です。

WordPressのコメントスパム対策 3つのプラグイン

対策なしではコメントスパムがやってきます。その対策方針としてプラグインを提示しながら解説します。いずれかの対策は必須です。

FC2からWordPressに引越しの際のデータ加工方法の解説

FC2からWordPressに引越しの際にデータを加工する必要がありますが、その加工方法の詳細を解説。秀丸の正規表現による置換を使い作業時間も軽減する方法や加工のポイントも解説。

テキストエディタ秀丸で正規表現による置換の方法の解説

秀丸で正規表現による置換を行うポイントを紹介。置換をしながら特定のキーワードは置換せずに置換結果に残す方法を実例を上げながら解説しています。

BackWPupでバックアップ・設定したJobの実行、ファイル一覧

BackWPupその4。バックアップ設定した Jobを実行する方法、ログの一覧、保存されたファイル一覧の解説です。

WordPressの管理画面ログインURLファイルにBasic認証を設定する方法解説

管理画面のログインURLにBasic認証を追加することでさらなる極めて高いセキュリティ向上の方法を解説します。

Captchaを使って WordPressのコメントスパム対策をする

コメントスパム対策として入力させない対策の一つとしてCAPTCHAという方法がありそれを簡単に実装できるプラグインCaptchaの解説です。

FC2からWordPressに引越でcanonicalとmeta refreshで転送設定

FC2からWordPressに引越する際の転送設定はcanonicalとmeta refreshの設定でユーザへもGoogle検索エンジンにも引越し情報を伝えられます。