ワードプレス

【超便利】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環境

\ 当ブログのテーマ AFFINGER5

WING AFFINGER5 バナー01

洗練された美しいデザイン

面倒なカスタマイズもクリック1つ

今なら、タグ管理プラグイン(4,980円)の無料配布キャンペーン中!!!

【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで

著者

azuki_01

あずき@ブロガー

ブログを愛してます

フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

プロフィール

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ブログ】

続きを見る

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

大変お疲れさまでした♪

あずき🐥

\ 当ブログのテーマ AFFINGER5

WING AFFINGER5 バナー01

洗練された美しいデザイン

面倒なカスタマイズもクリック1つ

今なら、タグ管理プラグイン(4,980円)の無料配布キャンペーン中!!!

【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで

著者

azuki_01

あずき@ブロガー

ブログを愛してます

フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

プロフィール

Twitter

-ワードプレス

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.