ヨガスクールの中の人が教える、ブログのつくり方

AFFINGER5

AddQuicktagの設定|AFFINGER5を最強にするプラグイン

2020-10-17

アイキャッチ

本日は記事作成、特に装飾について時間短縮できる便利な WordPress プラグインを紹介します。

それが「AddQuicktag」です。

本ブログはWordPressの有料テーマ「Affinger5(アフィンガー5)」を使ってるので、元々記事制作の装飾はかなり簡易化されてますが、「AddQuicktag」と組み合わせるとさらに記事作成が高速化されます。

 

✓記事の内容

  • 記事装飾とは? ブログは見た目が大事
  • AddQuicktagのとは? AFFINGER5がもっと便利になるプラグイン
  • Addquicktagの設定&設定方法|一度登録したら後は簡単

ではさっそく見ていきましょう。

 

「AFFINGER5(アフィンガー5)」の購入を検討している人にも参考になりますよ!
うこじ

 

 

記事装飾とは? ブログは見た目が大事

ブログは文章が大事なのはもちろんですが、上手な文章と読みやすい文章はイコールではありません。

「うわっ…、このブログ読みづら…」

と思ったら、一瞬で「戻る」ボタンを押していたっていう経験、皆さんにもあるかと思います。

つまり、「この記事は読みたくないぞ!」という感情は、「一瞬の見た目」で決まってしまいます 。

 

だから、見た目はとても大事

そして、文章の装飾や色、デザインで損をしてるブログってめちゃめちゃ多いです。

 

でも、記事装飾をちゃんとしようとすると「HTML」とは「CSS」とかっていう知識が必要になってきます。

 

うわ、そういう難しいの分かんないです

 

そんなブログ初心者さんのために用意されているのが、WordPressの有料テーマ「AFINGER5(アフィンガー5)」です。

 

「HTML」や「CSS」とった知識がなくても、

ココがおすすめ

これはダミーです

こんなのや

 

ココがおすすめ

これはダミーです

こんなのがクリック数回で簡単に作成できます。

 

Affinger5(アフィンガー5)の特徴|簡単に記事装飾ができる

WordPressの有料テーマ「AFFINGER5(アフィンガー5)」についてもう少し説明しておくと、特徴はずばり

  • おしゃれな記事装飾がたくさんある

というところ。

 

「AFFINGER5(アフィンガー5)」には150種類はあると言われてます

読みやすいブログを見つけたら、そこで使われている装飾と近いものを選んでいくだけで、簡単に読みやすいブログを作ることができます。

 

下記にサンプルページを用意しました。

アイキャッチ
【150種類以上】AFFINGER5(アフィンガー5)記事装飾パーツ一覧

WordPressの有料テーマ「AFFINGER5(アフィンガー5)」には、ほんと数えきれないほどの記事装飾パーツが備わっています。 本記事では、その中のほんの一部を紹介。 AFFINGER5(アフィ ...

続きを見る

 

Affinger5(アフィンガー5)のイケてないところ|機能が多すぎ…

「AFFINGER5(アフィンガー5)」の良くない点は、先に伝えた特徴と反対になりますが

  • たくさんありすぎて探すのが大変
  • 慣れるまでに時間がかかる

となります。

 

この悩みを解決してくれるのが、今回紹介する「AddQuicktag」です。

 

AddQuicktagとは? AFFINGER5がもっと便利になるプラグイン

WordPressプラグインの「AddQuicktag」を簡単に説明すると

  • 記事装飾のショートカット

です。

記事装飾パーツが豊富な「AFFINGER5(アフィンガー5)」と組み合わせて使うと最強です。

 

例えば、下記の装飾を「AFFINGER5(アフィンガー5)」だけの機能で装飾しようとすると下記の通り。

ポイント

  • この装飾をAFFINGER5(アフィンガー5)で作るには

 

step
1
装飾したいテキスト箇所を選択

装飾したいテキスト箇所を選択

 

step
2
「ボックスデザイン」から「ポイント」を選択

「タグ」から「ボックスデザイン」→「マイボックス」へと進み、「ポイント」を選択。

「ボックスデザイン」から「ポイント」を選択

 

step
3
編集画面を「テキストエディタ」に切り替え

 

step
4
再び装飾したい部分を選択

再び装飾したい部分を選択

 

step
5
チェックボックス(番号なしリスト)を選択

チェックボックス(番号なしリスト)

 

step
6
再び編集画面を「ビジュアルエディタ」に切り替え

「ビジュアルエディタ」に切り替え

 

step
7
装飾したいテキスト箇所を選択

装飾したいテキスト箇所を選択

 

step
8
「番号なしリスト」ボタンをクリック

「番号なしリスト」ボタンをクリック

 

step
9
「太字」ボタンをクリック

「太字」ボタンをクリック

 

なかなか工数がかかります。

 

これを「AFFINGER5(アフィンガー5)」×「AddQuicktag」で行うと下記の通り。

step
1
装飾したいテキスト箇所を選択

 

step
2
編集画面の「Quicktags」から「黄色いBOX」を選択

 

以上となります。

※「黄色いBOX」は私が分かりやすいように付けたタイトルです。

 

工数が「9」から「2」に減りました。

簡単です。

 

AddQuicktag の設定方法|一度登録したら後は簡単

これよりインストール&設定方法を解説します。

まずはプラグインのインストール作業から。

 

AddQuicktag をインストール

「AddQuicktag」のインストール手順は下記の通り。

  1. WordPressプラグインにアクセス
  2. 検索窓に「AddQuicktag」と入力
  3. AddQuicktagをインストール
  4. AddQuicktagを有効化

全部で4つの工程、簡単です。

 

step
1
WordPressプラグインにアクセス

「プラグイン」から「新規追加」をクリック

「プラグイン」から「新規追加」をクリック

 

step
2
検索窓に「AddQuicktag」と入力

検索窓に「AddQuicktag」と入力

 

step
3
AddQuicktagをインストール

「今すぐインストール」をクリック

AddQuicktagをインストール

 

step
4
AddQuicktagを有効化

「有効化」をクリック

「有効化」をクリック

 

以上でインストール完了です。

 

AddQuicktag にお気に入りの装飾を設定

続いて「AddQuicktag」にお気に入りの装飾を設定しましょう。

手順は下記の通り。

  1. 「設定」より「AddQuicktag」を選択
  2. 4つの入力箇所に入力
  3. 「変更を保存」をクリックして設定完了

順番に解説しますね。

 

step
1
「設定」より「AddQuicktag」を選択

「設定」より「AddQuicktag」を選択

 

step
2
❶~❹を入力

❶~❹を入力

 

❶ボタン名:

好きな名前で登録できます。

ここで決めた名前が、編集画面に表示されます。

自分で区別できるように決めてください。

 

❷開始タグ:

例えば、文字を太字にする時って <b>はじめまして</b> と書くんですが、 この初めの<b>の部分が開始タグの部分になります。

先ほど作成した例で解説すると下記の部分になります。

開始タグ

 

❸終了タグ:

先ほどの続きで、文字を太字にする時は <b>はじめまして</b> と書くんですが、 この終わりの</b>の部分が終了タグです。

先ほど作成した例で解説すると下記の部分になります。

終了タグ

 

❹「チェックマーク」をチェック:

一番右のチェックマークの所にチェックを入れます。

 

step
3
「変更を保存」をクリックして設定完了

「変更を保存」をクリックして設定完了

 

以上で設定完了です。

最後に、「AddQuicktag」を使った装飾方法をご覧ください。

 

まとめ|「AddQuicktag」×「AFFINGER5」は最強です。

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

今回は記事作成の時間を大幅短縮できるWordPressプラグインの「AddQuicktag」を紹介しました。

本記事では「Affinger5(アフィンガー5」との組み合わせで説明したので、別のテーマを使用している場合は登録する際のコードが変わってきます。

このあたりは「HTML」や「CSS」の知識が必要になってきますが、超難しいというほどでもありませんのでチャレンジしてみるのもいいかもしれません。

 

とはいえ、「AFFINGER5(アフィンガー5)」には本当にたくさんの使える記事装飾パーツが登録されてますので、初心者の方はこちらの導入をおすすめします。

率直に、私も購入してよかったと思ってます。

 

本日は内容は以上となります。

本記事が誰かのブログライフの助けになれればうれしいです。

  • この記事を書いた人
ucozi

ucozi(うこじ)

ヨガスクールの中の人。WEB集客のほか、ヨガ情報サイトの企画・立ち上げやWEBライター養成講座などのコース開発を行ってます。 本ブログは「ヨガインストラクターのためのブログの始め方」をメインテーマに、ヨガ関連情報を発信しています。

-AFFINGER5
-, , , ,

Copyright © ucozi.com , All Rights Reserved.