ワードプレス

【超便利】AFFINGER5の「マイボックス」その種類と使い方【WordPressブログ】

affinger-mybox-20200314_ec



今回は、このブログでも愛用中のWordPressテーマ「WING(AFFINGER5)」における…

「マイボックス」の種類と使い方

をご紹介していきたいと思います

まず「WING(AFFINGER5)」における「マイボックス」とは、例えば…

affinger-mybox-20200313_1-09

↑ こんなのです

いくつかの「既成パターン」から種類を選べるのはもちろん、それ以上にこのマイボックスが優れてる点が…

  • 自分の好きなデザインに、色やアイコンなどをカスタマイズできること

例えば…

affinger-mybox-20200313_3-top-05

↑ こちらの既成パターンから…

affinger-mybox-20200313_3-2-05

↑ アイコンだけ別のものに変えてみたり、もしくは…

affinger-mybox-20200313_3-4-03

↑ 配色も、好きなカラーコードで指定したりできます

で、今回は…

  • 「マイボックス」の基本的な使い方
  • 「マイボックス」の既成パターン

この2点について解説していきます

テンプレをもとにデザインをカスタマイズする方法については、↓ をどうぞ♪

AFFINGER5_ショートコードのカスタマイズ_アイキャッチ
AFFINGER5の各種「ショートコード」のカスタマイズ手順を解説【WordPressブログ】

続きを見る

それではさっそく見ていきましょー🐥

このブログのWordPress環境

「本気」で収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

詳細:WordPressテーマ「AFFINGER5」の購入・導入方法を1から解説

関連:【愛用】「AFFINGER5」の気に入ってる点、気になる点をガチレビュー

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

AFFINGER5における「マイボックス」の作成手順とデザインパターン

「マイボックス」の基本的な使い方【既成パターン】

pc-work-202001_01

まずは、「マイボックス」の基本的な使い方から🐥

例として…

affinger-mybox-20200313_1-01

↑ この選択してるテキスト(青い部分!)を、「マイボックス」で囲ってみたいと思います

テキストを選択した状態で…

affinger-mybox-20200313_1-02

↑ 画面上部の タグ をクリックし…

affinger-mybox-20200313_1-03

↑ ボックスデザイン > マイボックス を開きましょう。 すると…

affinger-mybox-20200313_1-04

↑ デザインパターンがたくさん出てきます

これらが、最初から用意されてる「既成パターン」です

試しに、「注意ポイント」という種類を選んでみましょう

affinger-mybox-20200313_1-05

↑ すると、選択していたテキストの上下に、「専用のコード」が挿入されます

これで、マイボックスはもう完成!

プレビューで見てみると…

affinger-mybox-20200313_1-06

↑「注意ポイント」というタイトルとアイコン付きで、テキストが網掛けボックスで囲われました🐥

ちなみに…

もう1パターンの作成手順として、「マイボックス」内のテキストを入力する前に…

タグ > ボックスデザイン > マイボックス > 注意ポイント

で…

affinger-mybox-20200313_1-07

↑ 先にコードを挿入させてから…

affinger-mybox-20200313_1-08

↑ そのあとに、上下のコード間にテキストを入力する順番でも…

affinger-mybox-20200313_1-09

↑ 結果はまったく同じです

基本的な使い方は、これでOK🐥

で、この「マイボックス」の既成パターンは、上記の「基本」以外にもいくつかあります(次パートへ!)

全パターンまとめて見ていくよ!

「マイボックス」の既成パターン

pc-work-202001_02

タグ > ボックスデザイン > マイボックス から選択できる「マイボックス」の既成パターンは、全部で9種類です

ズバリ、次の通り

affinger-mybox-20200313_2-01

ちなみに今回の「マイボックス」をはじめ、「AFFINGER5」の各種「タグ」パーツは…

  • 「ショートコード」を編集

することで、上記の各テンプレからデザインを色々カスタマイズできます

くわしくは ↓ をどうぞ♪

AFFINGER5_ショートコードのカスタマイズ_アイキャッチ
AFFINGER5の各種「ショートコード」のカスタマイズ手順を解説【WordPressブログ】

続きを見る

今回の「マイボックスの種類と使い方」については、これで以上となります

大変お疲れさまでした♪

あずき🐥

「本気」で収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

詳細:WordPressテーマ「AFFINGER5」の購入・導入方法を1から解説

関連:【愛用】「AFFINGER5」の気に入ってる点、気になる点をガチレビュー

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。