あずきです🐥
WordPressテーマ「AFFINGER」＆「STINGER」系専用の超便利なプラグイン…
STINGERタグ管理プラグイン3
の基本的な使い方について、1から解説していきます
＼ 本気でブログ収益化するなら ／
-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -
WING AFFINGER5
今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中！
まずはじめに…
この「STINGERタグ管理プラグイン3」の上位版で「AFFINGERタグ管理マネージャー3」というプラグインもありますが、「タグ管理」面においては2つとも同じです
で！
「STINGERタグ管理プラグイン3」の使い方は、3ステップになります
- 使い回したいテキストや画像の ”ひとまとまり” を「タグ登録」する
- 「タグ登録」したら、記事編集の画面でショートコードを貼りつける
- あとから内容を変更・修正したい場合は？
さっそく見ていきましょー🐥
注意
「STINGERタグ管理プラグイン3」は、クラシックエディタ推奨です（グーテンベルグはβ対応、つまり試用段階になります）
「クラシックエディタとグーテンベルグってなに…？」という方はこちら ↓
-
WordPressの「グーテンベルグ＆クラシックエディタ」とは？どっちがおすすめ？【ブログ記事編集の新エディタ・旧エディタ】
続きを見る
関連
「STINGERタグ管理プラグイン3」の導入自体まだの方はこちら ↓
-
AFFINGER5の超時短ツール「STINGERタグ管理プラグイン3」の導入方法【ダウンロード＆解凍／インストール＆有効化】
続きを見る
「そもそもタグ管理機能ってなに…？」という方はこちら ↓
-
【超時短】ブログの「タグ管理」機能とは？仕組み＆使い方から、メリット＆デメリットまで【WordPress】
続きを見る
今回の記事はこちらの章に属しています
＼ 本気でブログ収益化するなら ／
-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -
WING AFFINGER5
- ターゲットに合わせた圧倒的な最適化！
- SEO対策と広告収入UPの機能が標準装備！
- 面倒なカスタマイズも「クリック1つ」で簡単・時短！
今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中！
関連：「AFFINGER5」の購入・導入方法を1から解説
関連：「AFFINGER5」導入後にまず行うべきステップまとめ
著者
- 専業ブロガー・フリーランス -
あずき
独立3年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます
普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^
プラグインの種類によっては、導入済みのテーマや他のプラグインとの干渉などでWordPressに不具合が発生する可能性があります。 プラグインのご利用にあたっては、あらかじめのバックアップをおすすめします
Contents
AFFINGER＆STINGER系専用プラグイン「STINGERタグ管理プラグイン3」の使い方【タグ登録 ＞ ショートコードの貼りつけ】
ステップ①：使い回したいテキストや画像の ”ひとまとまり” を「タグ登録」する【WordPress管理画面 ＞ STINGERタグ から】
まずはWordPress管理画面の左側一覧から…
↑ STINGERタグ ＞ 新規追加 をクリックします
すると…
↑ このように「タグ登録」の画面が開くので、ここから「使い回したいテキストや画像のひとまとまり」を登録していきます
まずは、画面上部の…
↑「タイトルを追加」という箇所に、今回登録するタグのタイトルを入力しましょう
ここの「タイトル」とは読者さんから見られるものではなく、あくまで自分自身でタグを管理するうえでの名称になります
今回は一例として…
↑「テストタグ①」というタイトル名にしてみました
タイトルが入力できたら、つづいて少し下にある…
↑ こちらの場所で、今回タグ登録したい「使い回したいテキストや画像のひとまとまり」を入力していきます
ちなみにその下にも似たような本文入力スペースがあるんですが、間違えないための目印として…
↑ このように、本文入力欄の右上に「単発コード」と表示されているエリアが正解です
ということで、「単発コード」と書かれているこのエリア内の…
↑ 本文入力欄に、任意の「使い回したいテキストや画像のひとまとまり」を入れていきましょう
ちなみに「入力欄が狭くて入力しづらい！」という場合には、入力欄の右下にある…
↑ こちらの ◢（三角形アイコン）にカーソルを合わせた状態で、（左クリック押しっぱなしで）下方向に引っ張ると…
↑ このように、任意の高さに入力欄を広げることもできます
ということで、今回は一例として…
↑ このようなサンプルテキストを（使い回したいテキストや画像のひとまとまりとして）入力してみました
今回はこういったシンプルな内容ですが、普段の記事作成で使っているような…
- 見出し（H2、H3、H4…）
- 太字や下線などの各種装飾
- リンクテキスト
- 会話アイコン
- 画像や画像リンク
- 広告リンク
なども、当然入れられます
唯一NGなのは、この「使い回したいテキストや画像のひとまとまり」のなかに…
別のSTINGERタグ（ショートコード）
をさらに入れてしまうこと
この「入れ子」をやってしまうと、なかに入れたタグについては登録した内容（テキストや画像のひとまとまり）が画面に反映されないので注意してください
ということで…
本文入力欄への入力ができたら、お次は画面上部の…
↑ こちらの場所を見ます
目印として、右上に…
↑「タグ管理」と表示されているエリアです
このエリア内に…
↑ このように、「ショートコード」という [ ] で囲われたコードが表示されています
こちらのショートコードを、 [ ] まで含めて丸々コピーしましょう
コピーできたら、画面右上の…
↑「公開」をクリックします
「公開」というとちょっと躊躇うかもですが、この時点ではまだ実際のブログ上で反映されることはないのでご安心ください
これで【ステップ①】は完了、つづいて【ステップ②】を見ていきましょー🐥
＼ 本気でブログ収益化するなら ／
-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -
WING AFFINGER5
今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中！
ステップ②：「タグ登録」したら、記事編集の画面でショートコードを貼りつける【クラシックエディタの「ビジュアル」モードで】
【ステップ②】では、【ステップ①】で登録しておいた「STINGERタグ＝ショートコード」を記事編集の画面で貼りつけていきます
まずはWordPress管理画面から、いつも記事を作るときと同じように…
↑ 投稿 ＞ 新規追加 をクリックして、編集画面を開きましょう
編集画面を開いたら、本文入力欄の右上にある…
- ビジュアル
- テキスト
というクラシックエディタの編集モードについては…
↑「ビジュアル」のままでOKです
関連
「ビジュアルとテキストってなに…？」という方はこちら ↓
-
WordPressの「ビジュアルエディタ＆テキストエディタ」とは？【クラシックエディタにおけるブログ記事編集】
続きを見る
「クラシックエディタってなに…？」という方はこちら ↓
-
WordPressの「グーテンベルグ＆クラシックエディタ」とは？どっちがおすすめ？【ブログ記事編集の新エディタ・旧エディタ】
続きを見る
で！
肝心のSTINGERタグ（ショートコード）の貼り方ですが、いたって簡単です
【ステップ①】でタグ登録しておいた「テキストや画像のひとまとまり」を挿しこみたい箇所に…
↑（Enterキーで）1つ段落を空けて…
↑ その空いた段落に、コピーしておいたSTINGERタグ（ショートコード）を [ ] まで含めて貼りつければOK
実際のブログ画面上で見てみると…
↑ このように、ショートコードを貼りつけた箇所が「（あらかじめ登録しておいた）テキストや画像のひとまとまり」に自動で変換されました
ちなみに！
【ステップ①】で1度タグ登録した内容（テキストや画像のひとまとまり）は、あとからもちろん変更も可能です
タグ登録の内容を変更することで、そのショートコードを貼ってあるすべての記事で、その変更が瞬時に反映されます
具体的なやり方を、最後の【ステップ③】で見ていきましょー🐥
ステップ③：あとから内容を変更・修正したい場合は？【STINGERタグ ＞ STINGERタグ一覧 から】
最後の【ステップ③】は、1度タグ登録した内容を「あとから変更・修正する方法」について
WordPress管理画面の左側一覧から…
↑ STINGERタグ ＞ STINGERタグ一覧 をクリックしましょう
すると、今までタグ登録した一覧が表示されるので…
↑ 編集したい登録済みタグを選択しましょう
あとは、その内容を好きに変更・修正するだけ
おしまい♪
あずき（Twitter：@azuki_rinrin）
今回の記事はこちらの章に属しています
著者
- 専業ブロガー・フリーランス -
あずき
独立3年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます
普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^