KAZU
2017年からAFFINGERを使い続け、複数の有料テーマも試してきたサイト運営者。
THE AFFINGERでは、AFFINGERのデザイン、表示設定、カスタマイズを中心に、実際の運営で使える情報を発信。
裏側ではAIと融合した運営にも取り組み、AIエージェントを使った検証・改善・サイト制作の自動化も進めている。
【設定2つ】AFFINGERのサムネイル画像サイズを大きくする手順（記事一覧/サイドバー）
という悩みを解決します。 AFFINGER6には、サムネイル画像を大きくする設定があるので、そこを変更するだけでサムネイル画像は大きくなります。 イメージとしては以下のような感じです。 大きさ変更イメージ ただし、サムネイル画像を大きくすることによるデメリットもあります。 そこで今回は、サイドバーのサムネイル画像を大きくする設定と、それに伴うデメリットもあわせて解説します。 サイドバーのサムネイル画像を大きくする設定 サイドバーのサムネイル画像を大きくするための設定は「テーマ管理（AFFINGER 管理） ...
AFFINGER購入特典まとめ｜中身を全部その場で試せます
AFFINGER7の購入特典には、「公式特典」と「限定特典」の2種類があります。 公式特典は、AFFINGERが用意しているプラグインなど。どこから買っても同じものが付きます。 公式特典の中身と、購入ルートによる違いは「AFFINGER7の購入方法」でまとめています。 限定特典は、紹介しているサイトが独自に用意しているもの。サイトごとに中身がまったく違います。 このページで紹介するのは、後者の当サイト限定特典です。 中身は全部、私が自分のサイトで使うために作った自作ツールです。なので、ほかでは手に入りませ ...
保護中: AFFINGER6「ドロップシャドウ」の適応ID及びCSSクラス一覧
この投稿はパスワードで保護されているため抜粋文はありません。
AFFINGER6「番号付きリスト」の数字を途中から始める方法
番号付きリストの数字を途中から始める方法について解説します。 使用するのはブロックエディタです。 よくあるのが、カラムを使って番号付きリストを横並びにするパターン。 例 一番目の説明二番目の説明三番目の説明 四番目の説明五番目の説明六番目の説明 七番目の説明八番目の説明九番目の説明 手順としては簡単で、番号付きリスト設定の「初期値」を変更するだけでOK。 ただし、「スタイル」によっては、途中から始められないものもあります。 そこらへんも詳しく解説していきますね。 番号付きリストの数字を途中から始める方法 ...
AFFINGER6「マイブロック」便利な使い方｜記事作成を効率化するショートコード活用術
そんな疑問をもっている方に向けて、AFFINGER専用機能「マイブロック」活用術 を解説します。 私自身、AFFINGERを長年使ってきて「マイブロックをどう使うか」で記事の執筆スピードも、デザインの統一感も大きく変わると実感してきました。 基本的な登録・挿入方法 ショートコードを使った共通化 効率化のための運用テクニック まで、他の記事では紹介されていない実践ノウハウをまとめています。 この記事を読めば「もう1回同じ設定を繰り返す手間」から解放され、記事執筆がグッと楽になりますよ。 AFFINGER6「 ...
【図解あり】AFFINGER6のタイトル付きフリーボックスの使い方（初心者でも簡単）
今回は、AFFINGER6専用ブロック「タイトル付きフリーボックス」を使いこなす方法 を解説します。 「タイトル付きフリーボックス」は、旧名称「見出し付きフリーボックス」と呼ばれていた機能です。 記事の中で強調したい部分を、見やすく・わかりやすく装飾できる便利なブロックです。 本記事で扱う内容 基本の使い方 写真つきでの操作手順 アニメーションを使った応用例 初心者の方でも理解できるよう、順を追って丁寧に説明していきます。 この機能を使うには、以下の条件が必要です。 使用エディタ： ブロックエディタ（Gu ...
AFFINGER6「メモボックス」の基本的な使い方と活用テクニック【初心者向け】
今回は、ブロックエディタでAFFINGER専用メモボックス（メモブロック）を使いこなす方法（基本編）として解説していきます。 メモボックスは2種類に分かれます。 段落スタイルのメモボックス AFFINGER専用ブロックのメモボックス ここでは、AFFINGER専用ブロックのメモボックスの使い方について、詳しく解説していきます。 段落スタイルのメモボックスの使い方については、以下の記事に詳しく書いているので、2種類を使い分けたい方はぜひチェックしてください。 使用するのは「ブロックエディタ」です。「クラシッ ...
AFFINGER6の「マイボックス」を使いこなそう（基本編）
今回は、ブロックエディタでマイボックスを使いこなす方法（基本編）として解説していきます。 マイボックスとは、AFFINGER6の専用ブロックのひとつです。 AFFINGER6で使えるボックスの中でも「マイボックス」は使い勝手がいいのでよく使います。 ここでは、AFFINGERの使い方にまだなれていない方でもわかるように、写真とアニメーションを使ってわかりやすく解説していきます。 使用するのは「ブロックエディタ」です。「クラシックエディタ」は使用しません。 AFFINGER6専用「Gutenbergプラグイ ...
ドロップシャドウの「適応ID及びクラス」を個別に設定する方法
ドロップシャドウとは、文字や画像に対する視覚効果のひとつで、対象の輪郭の脇に影が落ちているような演出を行うことです。 簡単に言うと、影を演出することで浮いているように見せられる効果のことです。 AFFINGER6は、ドロップシャドウを追加したい装飾ブロックを、ピンポイントで設定することができます。 段落スタイルのボックスとAFFINGER専用のボックスにメリハリをつけたい！ドロップシャドウありとなしをうまく使い分けたい！AFFINGER6を使っている他の人と差別化したい！ という方はぜひ参考にしてください ...
カスタムボタンに 影＆ドロップシャドウ をつける方法
AFFINGER6のカスタムボタンには、「影」または「ドロップシャドウ」をつけることができます。 「影」と「ドロップシャドウ」はまったく別物。 簡単に説明すると、 「影」→ボタンが立体的に見える「ドロップシャドウ」→ボタンが浮いて見える という違いがあります。 それではそれぞれの設定を解説していきます。 カスタムボタンに「影」をつける手順 カスタムボタンに影を追加するのは、ブロック編集の「レイアウト・デザイン設定」にて行います。 １．新しい段落に「/カスタムボタン」と入力し、カスタムボタンのブロックを挿入 ...