WordPressテーマ：アフィンガー５の便利な機能　その３【ボックスデザイン５選】

この記事の信頼性

この記事を書いている僕は、アフィンガー５を使用してこのブログを運営している、アラフィフ・ハゲ・ブロガーです。あ、ハゲは関係ないですね。(笑)

今回はアフィンガー５の便利な機能の中から、【ボックスデザイン】をご紹介。種類が多く、色の変更などカスタマイズもしやすいので、記事作成のつよ～い味方になりますね。

アフィンガー５の便利な機能として、これまでに以下の記事もご紹介しています。

＜＜WordPressテーマ：アフィンガー５の便利な機能　その１【スライドショー】＞＞

＜＜WordPressテーマ：アフィンガー５の便利な機能　その２【切替タブ】＞＞

参考記事

WordPressテーマ：アフィンガー５の便利な機能　その１【スライドショー】

続きを見る

参考記事

WordPressテーマ：アフィンガー５の便利な機能　その２【切替タブ】

続きを見る

それでは、始めていきますね。

【アフィンガー５】便利なボックスデザイン５選

ボックスデザインには様々な種類がありますが、僕がよく使うものは以下のデザインです。

①ボックスデザイン＞マイボックス＞ポイント

コレはこんな感じのデザインですね。

デフォルトのデザインは、灰色でどうも見栄えが良くないので、僕の好きなピンクに変えてみましょう。

文字と枠線をピンクにしてみました。ついでに、枠線を少し太くしてみました。コードは以下のようになります。

 shortcode
[st-mybox title="ポイント" fontawesome="fas fa-check-circle" color="#ff00ff" bordercolor="#ff00ff" bgcolor="#ffffff"
borderwidth="3" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
 

②ボックスデザイン＞マイボックス（＋CSSクラス）＞メモ（枠・下線あり）

このデザインは、こんな感じですね。

デフォルトはやっぱり灰色でイマイチな感じですね。変えましょう。ピンクに(笑)

ちょっとやりすぎましたかね(笑)　コードは以下のようになります。

 shortcode
[st-mybox title="メモ" fontawesome="fa fa-file-text-o" color="#ff00ff" bordercolor="#ff00ff" bgcolor="" borderwidth="3"
borderradius="5" titleweight="bold" title_bordercolor="#ff00ff" fontsize="" myclass="st-mybox-class st-title-under"
margin="25px 0 25px 0"]

③ボックスデザイン＞見出し付きフリーボックス＞ポイント

コイツはこんな感じのデザインになっていますね。

デフォルトは灰色・・・ではなく、黄色ですね。ようやく灰色から脱出しました(笑)　黄色もいいのですが、やはり・・・ここは・・・ピンクで！！

ピンクはいいですね。落ち着きます(笑)　皆さんは、お好みの色に変更してください。コードは以下のようになります。

 shortcode
[st-midasibox title="ポイント" fontawesome="fas fa-check-circle faa-ring animated" bordercolor="#ff00ff" color=""
bgcolor="#FFFDE7" borderwidth="" borderradius="5" titleweight="bold" myclass=""]

④ボックスデザイン＞マイボックス（＋CSSクラス）＞チェックリスト（ドット下線）

このボックスのデザインは、こんな感じです。

再び、安定の、灰色(笑)　もちろんカスタマイズしますよ。あの色に・・・

チェックボックスの数は自由に増減できます。コピペするだけです。

⑤ボックスデザイン＞pre:shortcode

コレはショートコードをコピペしてもらうのに、便利なボックスです。こんなやつですね。

 
hagenyan blog https://hagenyanstar.com/

残念ながら、これはカスタマイズする必要がありませんね。ピンクにすると分かりづらいですから(笑)

アフィンガー５のその他のボックスデザイン、タグ、スタイルの一覧は、以下の記事から確認できます。

お気に入りのボックスデザインでブログを華やかに！

ボックスデザインをうまく使うことで、記事を読みやすくすることができますね。読者に伝えたいことを要点をまとめて示すこともできます。

文字装飾に、マーカーを使用されている方は多いですね。アフィンガー５にデフォルトの色以外のマーカーをカスタマイズする方法は、以下の記事でご紹介しています。

＜＜【ワードプレステーマ：アフィンガー５の追加タグ】マーカーにお好みの色を追加するカスタマイズ＞＞

参考記事

【ワードプレステーマ：アフィンガー５の追加タグ】マーカーにお好みの色を追加するカスタマイズ

続きを見る

黄緑色のマーカーや、オレンジ色のマーカーも作ることができます。もちろんピンクも(笑)

アフィンガー５は、充実したタグ機能、スタイル機能を持つすぐれたワードプレステーマです。僕はブログ開設当初は無料テーマを使用していましたが、アフィンガー５にテーマ変更しました。自分の好きなようにカスタマイズできるのが一番の魅力だと思ったからです。

アフィンガー５で、世界に一つだけの、自分だけの、オリジナルなブログを作ってみませんか？　詳しい機能、価格などは以下のリンクからご覧ください。

今回は以上になります。最後までお読みいただき、ありがとうございました。