この記事ではAFFINGER6の「タイトル付きフリーボックス」の使い方について、初心者向けに解説しています。
※ アップデートにより操作画面に変更点がある可能性があります。
「タイトル付きフリーボックス」機能とは?
AFFINGER6の「タイトル付きフリーボックス」機能では下のようなボックスを簡単に作成できます。
初心者向け
こんな感じです。
「タイトル付きフリーボックス」機能の基本的な使い方
「タイトル付きフリーボックス」を使用するにはブロックツールから「AFFINGER:タイトル付きフリーボックス」を選択します。

タイトルを入力する
記事入力画面右の「タイトル」入力欄にタイトルを入力する。

初心者向け
「初心者向け」と入力してみるとこんな感じです。
アイコンを選択する
記事作成画面右「タイトル設定」のプルダウンメニューから使用したいアイコンを選択します。

初心者向け
「初心者」のアイコンを選択するとこんな感じです。
アイコンクラスの入力欄にコードを入力することでもアイコンを表示させることができます。
アイコンのコード一覧は公式マニュアルで確認できます。

公式マニュアルのアイコン一覧コードは100種類以上ありますよ。
AFFINGER6で使用できるアイコン一覧はこちらからも確認できます。
→ AFFINGER6(アフィンガー6)で使えるアイコン一覧
タイトル幅の切り替えを選択する
ボタンの切り替えで「タイトル」の幅を横いっぱいまで広げることができます。

初心者向け
「タイトル」の幅を広げるとこんな感じです。
タイトルの太字切り替えを選択する
「太字」のボタンで見出しを細字に切り替えることができます。

初心者向け
「タイトル」を細字に切り替えるとこんな感じです。
ボーダー設定で線の太さや丸みを調整する
ボーダー設定で線の太さや丸みを調整することができます。

初心者向け
ボーダーの太さを大きくするとこんな感じになります。
初心者向け
ボーダーの丸みを設定するとこんな感じです。
色設定でボーダー色を変更する
色設定でボーダー色を変更することができます。

初心者向け
ボーダーの色を緑にするとこんな感じです。
色設定でタイトル色を変更する
色設定でタイトル色を変更することができます。

初心者向け
タイトル色を白に変更するとこんな感じです。
色設定で背景色を変更する
色設定で背景色を変更することができます。

初心者向け
背景色を黄色にするとこんな感じです。
「タイトル付きフリーボックス」を使った具体的な使用例
「タイトル付きフリーボックス」を活用することで、視覚的に見やすいブログを作成することができます。
伝えたいポイントや目立たせたい内容を記述する際に活用できます。
また、「タイトル付きフリーボックス」内ではリストやテーブル・画像などの他の機能と組み合わせることも可能なので色々とアレンジすることもできます。
初心者向け
リストと組み合わせてこんな感じにすることもできます。
- あああ
- いいい
- ううう
AFFINGER6では他にも見た目のよい記事が作成できる機能があります。
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/5/14 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...
AFFINGER6:関連記事
-
-
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!
2025/5/16 AFFINGER6
AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2025/5/14
AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...
-
-
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
2025/5/16 AFFINGER6
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...
-
-
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
2025/5/16 AFFINGER6
WordPressの有料テーマであるAFFINGER6(アフィンガー6)は、「収益化に強い」と評判のテーマです。 ただ、初めてブログを始める初心者にとっては「本当に使いこなせるの?」と不安もありますよ ...
-
-
【本音レビュー】AFFINGER6の評判は?実際に使ってわかったメリット・デメリット
2025/5/16 AFFINGER6
「収益化に強いWordPressテーマ」として有名なAFFINGER6(アフィンガー6)。 ブロガーやアフィリエイターに人気ですが、「評判は本当?」「使いこなせるの?」と不安に感じる方も多いのではない ...
-
-
AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!
この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも ...