WordPressのプラグイン AddQuickTagとsnippyの違い、効率的な使い分けの方法を紹介

WordPressのプラグイン AddQuickTagとsnippyの違い、効率的な使い分けの方法を紹介

はじめに

この記事ではワードプレスでブログを執筆しているときに、タグを埋め込むプラグインを利用されている方向けになります。

おまめろぐの中では、アフィリエイトタグや、広告タグ、オリジナルのタグを

効率的に記事に埋め込む方法として、2つのプラグインを紹介しています。

1. Addquicktag

WordPressでよく使うタグ,自作ショートコードを簡単に挿入する方法!すぐにタグを出せるAddquicktagの使い方を紹介!
WordPressでよく使うタグ,自作ショートコードを簡単に挿入する方法!すぐにタグを出せるAddquicktagの使い方を紹介!
目次 1. はじめに2. AddQuicktagを使う!2.1. プラグインAddQuicktagの […]

2. Snippy

効率的に記事を書く!WordPressでタグ&コードをショートコードで呼び出すSnippyの使い方
効率的に記事を書く!WordPressでタグ&コードをショートコードで呼び出すSnippyの使い方
目次 1. はじめに 2. 1.Snippy プラグインのインストール方法 3. 2.Snippyの […]

こちらの2つになります。

2つともタグをショートコードにすることができるものですが、実は使い方には違いがあります。

今回はAddquicktagとSnippyの違いと効率的な使い分け方法を紹介できればと思います!

AddQuickTagとSnippyの違いについて

この2つのプラグインは大きな違いが一つだけあります。

それはWordpressのエディター上でソースコードを確認したときの表示のされかたになります。

AddQuickTagの見え方

こちらに関してはショートコードをいれると、ショートコードではなく、素のHTMLのコードが埋め込まれます。

まず試しにAddQuickTagで、私の自作のテキストリンクを挿入してみます。

wordpress-blog-addquicktag-snippy-chigai1

リンクという風に文字が挿入されています、

では、次にWordpressの記事編集画面の”ツール”→”ソースコード”を表示を押してみます。

wordpress-blog-addquicktag-snippy-chigai2

すると、このブログのソースコードがでてきます。確認してみると、

AddQuickTagでテキストリンクを選択→エディター上は”リンク”と表示→ソースコード上みると、登録したHTMLコードが記載されているのがわかります。

wordpress-blog-addquicktag-snippy-chigai3

では次にSnippyがどうなるのかを見てみましょう。

Snippyの見え方

Snippyに関しては、挿入をしていただくと、完全にエディター上でもソースコード上でもショートコードが表示されます。

wordpress-blog-addquicktag-snippy-chigai4

ソースコードもみてみると

そのまま先程はHTMLコードが表示されていましたが、今回はショートコードがそのまま記載されています。

wordpress-blog-addquicktag-snippy-chigai5

使い分けの方法

では上記2つの違いを踏まえてどのように使い分けるのが良いのかをご説明できればと思います。(あくまで私のご意見ですので・・・!他にいいアイデアがある方はぜひご指南いただけると嬉しいです。)

上記で記載していますが

AddQuickTagはHTMLコードがソースコードに表示される

Snippyはショートコードがソースコードに表示される

つまり、AddQuickTagは直接その場でHTMLコードをいじることができます。

逆にSnippyに関してはHTMLコードをその場で柔軟に変えることができません。

その違いから下記のように使い分けていただくのが良いかと思います。

項目 AddQuickTag Snippy
エディター上のソースコードへの表示のされかた HTMLコードが表示 ショートコードがそのまま
エディター上で編集可能化 ソースコードが直接埋め込まれるので編集可能 ショートコードなので中身は編集不可
使い分け

リンク先や、文字を変える必要があるものに使う

例)ボタンのタグを作成
リンク先と、文字列は記事ごとに変更が可能

広告のタグや、HTMLコードを編集する必要がないものに利用

例)アフィリエイトタグ
例)プロフィール情報のタグなど

 

最後に

いかがでしたでしょうか。

一見似たようなプラグインですが、実はちょっとした違いがあります。

ソースコードを直接編集することが多い方は編集する必要のないものはショートコードで表示されているほうがわかりやすくなるので、おすすめになります。

お付き合いいただきありがとうございます!

またブログ執筆をしている方でもHTML、CSS、Javascriptの基礎的な知識はもっていただくことをおすすめしております。下記記事で詳しく紹介しておりますので、気になる方は御覧ください!

TechAcademy(テックアカデミー)のプログラミング無料体験の内容・評価、メリットからできることを紹介いたします!
TechAcademy(テックアカデミー)のプログラミング無料体験の内容・評価、メリットからできることを紹介いたします!
目次 1. はじめに 2. TechAcademyとは? 2.1. 運営会社 2.2. TechAc […]

 

 

人生が変わるかも?本気でプログラミング教室に関して解説しております。


お豆ログを購読!
ブログ更新通知と今日のおまめいげんをお送りいたします
おまめろぐを少しでも応援してくれる方は
フォローしていただけると嬉しいです^^

Twitterフォローはこちらから!

 

 

 

WordPressカテゴリの最新記事