情報商材 初心者 アフィリエイト ノウハウ 

さゆこの”ウシノアユミ”

プラグインAddQuickTagで面倒なHTMLタグの入力を効率化!

読了までの目安時間:約 5分

 

ワードプレスのテーマに実装されてないものを使う時HTMLタグを打ち込んで使ったりするんですけど、

 

それってすごくメンドクサイ・・(ーー;)

 

 

 

例えばわたしが最近使ったりするアンダーライン(←これ)とか、

こういう色付きの囲み

なんですけど、これをいちいちタグ手打ちとか、やってられないのでAddQuickTagというプラグインを使っています。

 

 

AddQuickTagってどんなプラグインか

 

 

さっきの色付きの囲み、HTMLタグで入力するとこうなるんですけど

<div style="padding: 16px; border-radius: 10px; margin-top: 30px; margin-bottom: 30px; background-color: #ffccff;">こういう色付きの囲み</div>

 

これをコピペしたとしてもメンドイわけですよ。

でもこのAddQuickTagを使うと自動でタグを挿入してくれるのですごく簡単に、しかも気軽に装飾が楽しめるんです。

 

 

 

 

AddQuickTagの初期設定

 

AddQuickTagはプラグインなので今すぐインストールをクリックし有効化します。そうするとワードプレス管理画面の【設定】にAddQuickTagの項目が追加されているのでそこから設定画面へと進みます。

 

 

 

必ず必要な設定はボタン名、開始タグ、終了タグ、あとはチェック項目です。

 

ボタン名はエディターに表示される名前です。

開始タグと終了タグは、テストテスト と、pinkマーカーを引いた場合は下記のようになります。

 

 

 

チェック項目ですが、画像の「ここにチェックを入れる」と書いてあるところにチェックを入れてください。(全部チェックが入るようになっています)

あとは【変更を保存】をクリックすれば設定は完了です。

 

 

 

 

 

 

残りの項目は特に設定しなくても大丈夫ですが一応ご説明だけ。

  • ダッシュアイコン

ボタン名の前に選択したアイコンが表示されます

 

  • ラベル名

テキストのボタンにマウスを乗せると表示される名前です

 

  • アクセスキー

スミマセン。これはよくわかりませんでした

 

  • 順番

表示されるボタン名の順番を変えることができます

 

AddQuickTagの使い方

 

AddQuickTagでタグを設定すると、ビジュアルエディターに項目が追加されます。

 

 

 

 

自分でタグを設定したものの一覧が出てくるので、装飾したい文字を選択してクリックするだけです。

 

 

 

 

 

テキスト側にもボタンでます。

 

 

よく使うHTMLタグを設定しておけばかなり時短になります。

 

 

まとめ

 

ワードプレスのテンプレートに初期装備として入ってないものでもAddQuickTagを使えば手軽に使うことができますし、HTMLの入力など手間のかかる作業をカットすることで作業時間の短縮にもなります。

 

最初の設定だけやってしまえばあとは楽!自分の思い通りのブログになるようにいろいろ設定してみるのもいいかもですね。

 



 

タグ : 

ワードプレス関連   コメント:4

この記事に関連する記事一覧

コメントは4件です

  1. アキモト より:

    アキモトといいます。
    ランキングからきました。
    僕もワードプレスを使用しており、プラグインを
    色々入れている所なんです。
    ご紹介していたプラグインは、まだ入れてなかったので、
    早速入れたいと思います。

    また、よらせていただきます。

    • さゆこ より:

      アキモトさん こんにちは!

      このプラグインは最近知ったんですけど
      すごく便利なのでおすすめです!

      ぜひぜひ使ってみてくださいね^^

  2. トシカズ より:

    さゆこさん、こんにちは!いつもお世話になっております。
    AddQuickTagってプラグインあるのですね。知りませんでした。
    有難うございます。今日も応援していきますね。

    • さゆこ より:

      トシカズさん こんにちは!
      いつも応援ありがとうございます^^

      AddQuickTagは便利です。
      蛍光ペン風のアンダーラインをもっと簡単に引けないかと思って
      たどり着いたのがこのプラグインです。

      ご参考になれば嬉しいです^^

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
TOPへ戻る