AFFINGER を使っていて、ある日突然「デザインが崩れた」「見出しやタイトルの背景が白くなった」でお困りの方いますでしょうか？
それは、TOC+（Table of Contents Plus）のアップデートの影響かもしれません。
AFFINGER6 × Table of Contents Plus（バージョン バージョン 2309）で影響が出ます。
＼ココナラ成功パターンを詳しく見たい方は こちら をクリックしてください／
目次
デザインが崩れる例
崩れる例
実際にデザインがどのように崩れるかを見てみましょう。
基本的に白色背景が多くなり、タイトルや H1～H6 のデザインが初期化されます。スタイルの CSS が適用されなくなった感じですね。これは TOC+（Table of Contents Plus）のバージョンアップをした際に発生する場合があります。
発生する組み合わせ
| 環境 | 対象 |
|---|---|
| ACTION（AFFINGER6） | ー |
| Table of Contents Plus プラグイン | バージョン 2309 |
デザイン崩れの修正方法
修正方法
■ AFFINGER の設定で直す
AFFINGER の設定で直すことができます。WordPress の管理画面から「AFFINGER 管理」→ 「全体設定」を選択します。
- 「カスタマイザー用CSSを<style>で出力」をチェックし保存する
この方法で一発でサイト上のデザインは元に戻りますので、とても簡単です、ただし、１点デメリットがありますので注意が必要です。
デメリットは、「記事編集画面」のデザインが元に戻らない点です。
記事編集画面の見出し（H2～H6）のデザインが適用されず、素っ気ない感じのままです。
■ TOC+ をバージョンダウンする
TOC+ プラグインのバージョンを下げる（2302にする）ことで元に戻すことができます。バージョンを下げる方法です。
step
1プラグイン一覧
WordPress の管理画面から「プラグイン」→「インストール済みプラグイン」を選択します。
- 「詳細を表示」をクリックする
step
2プラグイン詳細
- 「WordPress.org プラグインページ »」をクリックする
step
3プラグイン詳細
新しいウィンドウで、プラグインのページを表示します。
- 「詳細を表示」をクリックする
step
4ファイルをダウンロード
- 「2302」を指定してダウンロードする
ファイル「table-of-contents-plus.2302.zip」がダウンロードされます。
step
5プラグインの適用（バージョンダウン）
WordPress の管理画面から「プラグイン」→「新規追加」を選択し、「プラグインのアップロード」をクリックします。
- 「ファイルの選択」でダウンロードしたファイルを指定する
- 「今すぐインストール」をクリックする
step
6インストールを実行する
- 「アップロードしたもので現在のものを置き換える」をクリックする
step
7完了
完了です。動作確認してください。
まとめ：アフィンガーのデザインが崩れた場合（TOC+ の影響）
まとめ
AFFINGER6 × Table of Contents Plus（バージョン バージョン 2309）を設定した場合にデザインが崩れます。修正するには、以下２点のいずれかを実施します。
表示が崩れたときはかなり焦りますが、地道にちゃんと対応すれば元に戻せますので、安心してください。
AFFINGER の利用方法などについてココナラにて「支援作業」を販売しております。
よかったらご利用くださいませ。
アフィリエイトを戦うなら「AFFINGER」
「Affingerタグ管理マネージャー4とPVモニター2のセット」では、
コードの管理、クリック数の計測など、アフィリエイトに役立つ解析機能が付いています。
「Affingerタグ管理マネージャー4とPVモニター2のセット」のご利用も是非ご検討ください。
- サイト全体と記事ごとのアクセス推移
- ユーザーの導線の確認
- 人気記事の把握
- アクセス元の把握
- リンクや広告の効果測定（表示回数 / クリック数）
- クリックされた記事の把握
＼気になったら、とりあえず見てみよう／
Presented By Boon Boon Blog .Com
広告の設置・収入について
当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。
