MENU

AddQuicktagの使い方や設定方法を紹介【ショートコードが作れます】

AddQuicktagの使い方や設定方法を紹介【ショートコードが作れます】
イルカ

こんにちは。ブロガーのイルカです。

【AddQuicktag】はショートコードを作成することができるプラグインでして、記事を書く際にはとても便利なプラグインです!

この記事を訪れてくれているあなたは【AddQuicktag】の存在は知っているけど、使い方がわからないと考えているのではないでしょうか?

そんなあなたに向けて、この記事では【AddQuicktag】の使い方や設定方法について紹介します!

イルカ

【AddQuicktag】を使用することで、ブログ記事作成の時間も短縮できます!

目次

AddQuicktagの使い方や設定方法を紹介します。

【AddQuicktag】はショートコードを作成できるプラグインです。

【AddQuicktag】を使うことで、記事作成の時間を大幅に短縮できるんですね!

では、早速【AddQuicktag】の使い方と設定方法を紹介します!

まずは【AddQuicktag】をインストールして有効化します!

【❶ ワードプレス管理画面から【プラグイン】➡︎【新規追加】➡︎【AddQuicktag】と検索してインストールします。】

【AddQuicktag】をインストール
【AddQuicktag】をインストール

【❷ インストールしたら【有効化】します。】

【AddQuicktag】を有効化
【AddQuicktag】を有効化

【❸ 有効化したら【設定】をクリックします。】

【AddQuicktag】の設定
【AddQuicktag】の設定

【❹ 【設定】をクリックすると編集画面に移ります。】

【AddQuicktag】でショートコードを作成
【AddQuicktag】でショートコードを作成

ここで以下の項目を入力します。

ボタン名作成するショートコードの名前
開始タグ作成するコードの入力(最初から)
終了タグ(s)作成するコードの入力(最後)
チェックマーク右端のチェックマークにチェックを入れる

【❺ 【入力を終えたら【変更を保存】をクリックして保存します】

以上のやり方でショートコードが保存されます!

ショートコードが作成できましたので、早速使用してみましょう!

新しい記事を書く際に【Quicktag】という欄が表示されていると思いますので、そこから使用するショートコードを選択します。

【AddQuicktag】を使ってみる
【AddQuicktag】を使ってみる

選択したら、保存したショートコードが入力されます。

以上が【AddQuicktag】の使用方法になります!

AddQuicktagでよく使用するショートコードを紹介します。

【AddQuicktag】では、文章だけでなく以下のような使い方も可能です!

  • 吹き出し
  • 囲み枠
  • ボタン
  • 見出し

などなど。

一つずつ紹介します。

AddQuicktagで【吹き出し】のショートコードを作ろう

【吹き出し】とは以下のことを言います!

イルカ

これが吹き出しだよ!

ブログを運営していく中で、このような吹き出しがあると差別化ができたり、記事が見やすくなったりします。

ただ『毎回毎回コピペするのはめんどくさい』と考えている方は【AddQuicktag】を利用すると簡単に使用できます!

吹き出しの作り方に関しては以下の記事を参考にしてみるのがオススメです。

以下の記事から『CSS』と吹き出しのコードをコピペして利用しましょう!

>> CSSで作る!吹き出しデザインのサンプル19選

上記の記事を参考にコードを作成することで、簡単に吹き出しを作ることができます。

上記の記事以外でも【ワードプレス 吹き出し CSS】【ワードプレス 吹き出し 作り方】などと検索すれば、吹き出しの作り方が無数に出てきますので、そこからコピペして作ってみてください!

AddQuicktagで【囲み枠】のショートコードを作ろう

【囲み枠】とは以下のような枠のことを言います!

囲み枠①

囲み枠②

上記のような枠を使用することで、ブログ記事も見やすくなりますね。

この囲み枠を毎回コピペするのは大変なので【AddQuicktag】を利用してショートコードを作成すると、ブログ記事の作成もかなり楽になると思います!

囲み枠のコードに関しては以下の記事を参考にしてくみてください!

>> 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

上記の記事を参考にコードを作成することで、簡単に囲み枠を作ることができます。

AddQuicktagで【ボタン】のショートコードを作ろう

【ボタン】とは以下のような枠のことを言います!

上記にURLをつけて別ページへ飛ばす感じですね。。

具体的には以下のような感じです。

上記のボタンを押すとYouTubeへ飛ぶことができます。

上記のようなボタンを作成すると、クリック率も上がりますので、アフィリエイトする際はよく使います。

このボタンも毎回コピペするのは大変なので【AddQuicktag】を利用してショートコードを作成すると、ブログ記事の作成が楽になりますね。

ボタンのコードに関しては以下の記事を参考にしてくみてください!

>> CSSで作る!押したくなるボタンデザイン100(Web用)

上記の記事を参考にコードを作成することで、簡単にボタンを作ることができます。

AddQuicktagで【見出し】のショートコードを作ろう

【見出し】もおしゃれに作成することができます。

見出しのコードに関しては以下の記事を参考にしてくみてください!

>> CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

上記の記事を参考にコードを作成することで、簡単に見出しを作ることができます。

見出しのコードを作成し【AddQuicktag】でショートコードを作成するとブログ記事の作成も簡単になります。

まとめ

【AddQuicktag】は簡単にショートコードが作成できるプラグインです!

【吹き出し】【囲み枠】【ボタン】【見出し】などよく使うコードは【AddQuicktag】で保存しておくと楽にブログ記事を書くことができます!

【AddQuicktag】を利用して、ショートコードを作成し、ブログ記事を簡単に書きましょう!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次