有料記事

AFFINGER6のブロックエディタ投稿画面を実際の画面に合わせる「editor style css」を適用させるカスタマイズ

「editor style css」をご存知ですか？普通のスタイルシートとは違い投稿画面にスタイルを読み込ませるCSSのことです。 AFFINGER6は「クラシックエディタ」「ブロックエディタ」の両方で使用することができます。この機能によりeditor style cssが必ずしも反映されなくなってしまっています。（必要な部分以外は捨てている感じです。）今回のカスタマイズは実際見てもらったほうが早いと思います。カスタム前カスタム後記事の書きやすさやブログの楽しさがかなり変わってくると思います。 ...

AFFINGER6でトップページのヘッダーメニューやロゴをフルサイズで表示するカスタマイズ

AFFINGER6ではトップページを簡単にカスタマイズすることができます。サイト型の設定記事は当サイトでも複数執筆していて、どの記事も人気です。 AFFINGER6｜トップページをブログ型からサイト型にカスタマイズ AFFINGER6｜ヘッダーエリアに動画を流してトップページをオシャレにする！ AFFINGER6｜動画を背景に設定してサイトに動きを加えるこれらの設定はAFFINGER6の機能だけで実装することができます。ここでは、本当に細かい事ですが「ヘッダーをフルサイズに調整するCSS」を紹介しま ...

AFFINGER6で記事ごとに個別CSSを設定するカスタマイズ

カスタマイズをする際にスタイルシートを使ってカスタマイズをすることは多いと思います。 AFFINGER6のCSSについては「AFFINGER6｜スタイルシート（style.css）を編集する時の注意点について」で解説しています。 https://affinger418.com/affinger6-style-css/ スタイルシートの使い方トップページや固定ページなど、個別でCSSを当てるには様々な方法があります。もちろんネットで検索しても出てきます。プラグインを使う function.phpへ記述 ...