この記事ではAFFINGER6の「タイトル付きフリーボックス」活用方法を初心者向けに解説しています。
AFFINGER6：「タイトル付きフリーボックス」機能とは？
AFFINGER6の「タイトル付きフリーボックス」機能では下のようなボックスを簡単に作成できます。
初心者向け
こんな感じです。
「タイトル付きフリーボックス」機能の基本的な使い方
「タイトル付きフリーボックス」を使用するにはブロックツールから「STINGER:タイトル付きフリーボックス」を選択します。
タイトルを入力する
記事入力画面右の「タイトル」入力欄にタイトルを入力する。
初心者向け
「初心者向け」と入力してみるとこんな感じです。
アイコンを選択する
記事作成画面右「タイトル設定」のプルダウンメニューから使用したいアイコンを選択します。
初心者向け
「初心者」のアイコンを選択するとこんな感じです。
アイコンクラスの入力欄にコードを入力することでもアイコンを表示させることができます。
アイコンのコード一覧は公式マニュアルで確認できます。
公式マニュアルのアイコン一覧コードは１００種類以上ありますよ。
AFFINGER６で使用できるアイコン一覧はこちらからも確認できます。
こちらの記事もチェック！
-
-
AFFINGER６（アフィンガー６）で使えるアイコン一覧
2024/7/18 AFFINGER6（アフィンガー６）, アフィンガー６の使い方
この記事がお勧めな方 AFFINGER６（アフィンガー６）で使えるアイコンの実際表示を確認したい方 AFFINGER６（アフィンガー６）について知りたい方 ショートコード無しで使えるアイコン一覧 ショ ...
タイトル幅の切り替えを選択する
ボタンの切り替えで「タイトル」の幅を横いっぱいまで広げることができます。
初心者向け
「タイトル」の幅を広げるとこんな感じです。
タイトルの太字切り替えを選択する
「太字」のボタンで見出しを細字に切り替えることができます。
初心者向け
「タイトル」を細字に切り替えるとこんな感じです。
ボーダー設定で線の太さや丸みを調整する
ボーダー設定で線の太さや丸みを調整することができます。
初心者向け
ボーダーの太さを大きくするとこんな感じになります。
初心者向け
ボーダーの丸みを設定するとこんな感じです。
色設定でボーダー色を変更する
色設定でボーダー色を変更することができます。
初心者向け
ボーダーの色を緑にするとこんな感じです。
色設定でタイトル色を変更する
色設定でタイトル色を変更することができます。
初心者向け
タイトル色を白に変更するとこんな感じです。
色設定で背景色を変更する
色設定で背景色を変更することができます。
初心者向け
背景色を黄色にするとこんな感じです。
「タイトル付きフリーボックス」を使った具体的な使用例
「タイトル付きフリーボックス」を活用することで、視覚的に見やすいブログを作成することができます。
伝えたいポイントや目立たせたい内容を記述する際に活用できます。
また、「タイトル付きフリーボックス」内ではリストやテーブル・画像などの他の機能と組み合わせることも可能なので色々とアレンジすることもできます。
初心者向け
リストと組み合わせてこんな感じにすることもできます。
- あああ
- いいい
- ううう
AFFINGER6では他にも見た目のよい記事が作成できる機能があります。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
AFFINGER6：記事一覧
-
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2024/11/28
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内 ...
-
-
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）A ...
-
-
『SWELL』ってどうなの？-実際に利用したメリットとデメリットをガチレビュー！
2024/11/28 SWELL（スウェル）
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 １７，６００円（税込み） シンプル＆高機能なWordPressテーマ！ 最 ...
-
-
AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...
AFFINGER6の購入とインストール方法
-
-
【知っておくべき！】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択！
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を使ってみたい！ という方に ちょっと待ってください！ AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
-
AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
2024/10/18 AFFINGER6（アフィンガー６）
初心者でも大丈夫！ AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6を使うまでの手順 AFFINGER6を利用する手順は次のよ ...
-
-
AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法
2024/11/3 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
この記事ではAFFINGER６の上位版である「AFFINGER６EX」へのアップグレード方法を解説しています。 AFFINGER６EX版にアップグレードする為の条件 AFFINGER６からEX版にアッ ...
AFFINGER6の設定関係
-
-
AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
2024/10/17 AFFINGER6（アフィンガー６）
「ブログで稼ぎたい！」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...
-
-
AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
AFFINGER6にお勧めのプラグインを９つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは？ 「プラグイン」とはワードプレスを ...
-
-
AFFINGER６のアップデート方法（２パターンを解説）
2024/10/28 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
この記事がお勧めな方 AFFINGER６のアップデート方法を知りたい方 AFFINGER６の手動でのアップデート方法が知りたい方 AFFINGER６で自動更新のお知らせを設定する方法を知りたい方 AF ...
-
-
AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
ここではAFFINGER6（アフィンガー６）でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6（アフィンガー６）では簡単にGoogleアナリティクスを導入して ...
-
-
AFFINGER6：Googleサーチコンソールへの登録方法
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...
-
-
AFFINGER6のステマ規制対策-広告表記を表示させる方法
2024/7/18 AFFINGER6（アフィンガー６）
この記事ではステマ規制対策としてAFFINGER6（アフィンガー6）で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは２０２３年１０月から開始された「ステルスマーケティング」に対す ...
AFFINGER6の使い方
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2024/11/5 AFFINGER6（アフィンガー６）, アフィンガー６の使い方
この記事はAFFINGER6（アフィンガー6）の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本！見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...
AFFINGER6のデザインカスタマイズ
-
-
AFFINGER6のカスタマイズ方法-初心者向けガイド-
2024/11/21 AFFINGER6（アフィンガー６）, AFFINGER６デザインカスタマイズ
この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...