AFFINGER6からAFFINGER7へのアップデート手順及び注意事項

原則としてAFFINGER6(ver202604)からAFFINGER7β及びお試し版への移行は従来どおりアップデート(AFFINGER7をインストール&有効化)頂くとAFFINGER7に切り替わります。

AFFINGER7はAFFINGER6の延長線にあるテーマとなりますので大きな修正は不要ですが以下だけご注意ください。

アップデートによる不具合等の責任は負いかねます。不測のトラブルに備え、運用中のテーマへのアップデートは必ずバックアップをお取りください。

アップデートの手順

AFFINGER6からのアップデート

AFFINGER6同様に「外観」>「テーマのアップロード」からテーマファイル(affinger.zip)をインストール、有効化します。

元のテーマ(AFFINGER6)は削除する必要はございません。そのまま上書きされます。

子テーマについて

AFFINGER7用の子テーマも用意しておりますが現時点では中身は同一のため変更しなくても問題ございません。

EX版について

「AFFINGER6」から「AFFINGER7EX」又は「AFFINGER6EX」から「AFFINGER7EX」も同様にそのまま実行できます(元テーマが上書きされます)。

但し、バージョンが離れたアップデートは仕様変更などがございますのでご注意ください。

主な注意事項

ヘッダーコンテンツについて

AFFINGER6/EX ver20251201からですがヘッダー画像エリアに表示する設定をチェックした項目のみ表示されるようにしました。

意図した表示がされていない場合はAFFINGER管理の「ヘッダー(ナビ / 画像)」>”表示コンテンツ”の設定をご確認ください。

正常に切り替わらない場合はスーパーリロード(Ctrl+Shift+R)などのキャッシュ削除をお試しください

メニューのテキスト数制限について

PCヘッダーメニューの下層ページのテキスト制限がなくなりました。

但しカスタマイザーの「PCヘッダーメニュー/横列」の”下層メニューにも反映する”を有効化するとメニューの最大幅が反映され省略されます。(※最小・最大幅はヘッダーメニュー(横列)と連動)

ヘッダーメニュー(横列)※PCについて

カスタマイザーの「PCヘッダーメニュー/横列」>”ヘッダーメニュー(横列)”の「下層メニューも表示する(横列・PC)」を有効化するとPCのヘッダーメニュー(横列)でもドロップダウンメニューが利用できます。

  • カスタマイザーの設定はAFFINGER管理にて「ヘッダーメニュー(横列)を有効化(960px以上)」が有効化されている場合のみ表示されます

グループブロック「ワイド」について

グループブロックをワイド化したときの背景色の初期値を無くしました。

カスタマイザーの値「0」について

カスタマイザーの値が「0」であった場合は従来「空(デフォルトの値を反映)」と同様の扱いだったものが「0」の扱いとなります。

ヘッダーナビゲーションの高さについて

PC及びスマホのヘッダーナビゲーションの高さ設定がカスタマイザーの「ヘッダーナビゲーション」>「パソコン(PC)」>”PCヘッダーの高さ(px)”及び「スマホ(SP)」>”スマホヘッダーの高さ(px)” に変更になりました。

お手数ですが設定されている方は再設定をお願い致します。

「FontAwesomeIcons4.7.0の読み込み」を廃止

FontAwesomeのサポートを終了いたしました。

AFFINGER7も6同様、原則としてGutenbergエディター推奨となります。表示されなくなったアイコンなどは該当するブロックで再度作成頂くと確実です。(ショートコードご利用の場合などクラス名を入力する箇所はテーマ専用のアイコンをご活用ください)

一時的な回避策

一時的な回避策として、一部のアイコンは以下をAFFINGER管理の「その他」>”コードの出力”>”headに出力するコード” に記載頂くと表示されます。

※FontAwesomeIcons4.7.0自体、バージョンがかなり古いので廃止されているものなどがある可能性がございます

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

コードブロックについて

コードブロック(及びpreショートコード)のデザインを変更しました。

Gutenberg設定の「コードブロック」でカラーモード(ダーク・ライト)を設定できます。

    CSSキャッシュ機能について

    AFFINGER管理の「その他」にある”動的CSSをキャッシュする”はカスタマイザーなどの動的なCSSのキャッシュを作成します。

    デザインやCSSが反映されない場合は「CSSキャッシュをクリア」ボタンをクリックして強制リロード(Ctrl+Shift+R)してください。

    その他の主な廃止機能について

    以下の機能が終了しております。

    • AMP機能を完全廃止
    • 「FontAwesomeIcons4.7.0の読み込み」を廃止(※FontAwesomeのサポート終了)
    • AFFINGER設定の簡易カテゴリーのカラー設定をカスタマイザーの「メニュー」パネルへ移動
    • カスタマイザーの メモボックス、スライドボックス、Webアイコンの設定を削除

    関連リンク