AFFINGER

【AFFINGER】ある日突然デザインが崩れた(見出しの背景が白)TOC+アップデートの影響回避方法

広告:ページ内にてアフィリエイト広告を利用しています。

デザインが崩れた、TOC+ の影響回避

AFFINGER を使っていて、ある日突然「デザインが崩れた」「見出しやタイトルの背景が白くなった」でお困りの方いますでしょうか?

それは、TOC+(Table of Contents Plus)のアップデートの影響かもしれません。

AFFINGER6 × Table of Contents Plus(バージョン バージョン 2309)で影響が出ます。

ポイント

本記事では、

TOC+ アップデートでデザイン崩れの修復方法を解説します。

直しましょう!

おすすめ副業

\ココナラ成功パターンを詳しく見たい方は こちら をクリックしてください/

PR

デザインが崩れる例

Point.
デザインが
崩れる例

実際にデザインがどのように崩れるかを見てみましょう。

デザイン崩れの例

基本的に白色背景が多くなり、タイトルや H1~H6 のデザインが初期化されます。スタイルの CSS が適用されなくなった感じですね。これは TOC+(Table of Contents Plus)のバージョンアップをした際に発生する場合があります。

発生する組み合わせ

環境対象
ACTION(AFFINGER6)
Table of Contents Plus プラグインバージョン 2309

デザイン崩れの修正方法

Point.
デザイン崩れ
修正方法

■ AFFINGER の設定で直す

設定で直す

AFFINGER の設定で直すことができます。WordPress の管理画面から「AFFINGER 管理」→ 「全体設定」を選択します。

アフィンガーの設定画面
  • 「カスタマイザー用CSSを<style>で出力」をチェックし保存する

この方法で一発でサイト上のデザインは元に戻りますので、とても簡単です、ただし、1点デメリットがありますので注意が必要です。

デメリットは、「記事編集画面」のデザインが元に戻らない点です。

記事編集画面

記事編集画面の見出し(H2~H6)のデザインが適用されず、素っ気ない感じのままです。

■ TOC+ をバージョンダウンする

Ver.Down

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
完了

完了です。動作確認してください。

AFFINGER もっと!お役立ちテクニック

AFFINGER のお役立ちテクニックはこちら

まとめ:アフィンガーのデザインが崩れた場合(TOC+ の影響)

Point.
デザイン崩れ
まとめ

AFFINGER6 × Table of Contents Plus(バージョン バージョン 2309)を設定した場合にデザインが崩れます。修正するには、以下2点のいずれかを実施します。

ポイント

  • AFFINGER の設定で直す
  • プラグインをバージョンダウンする

表示が崩れたときはかなり焦りますが、地道にちゃんと対応すれば元に戻せますので、安心してください。

おしゃれサイト
ノートパソコン

AFFINGER の利用方法などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

アフィリエイトを戦うなら「AFFINGER」

「Affingerタグ管理マネージャー4とPVモニター2のセット」では、

コードの管理、クリック数の計測など、アフィリエイトに役立つ解析機能が付いています。

「Affingerタグ管理マネージャー4とPVモニター2のセット」のご利用も是非ご検討ください。

PR
AFFINGER TAG MANAGER
PR
AFFINGER TAG MANAGER
  • サイト全体と記事ごとのアクセス推移
  • ユーザーの導線の確認
  • 人気記事の把握
  • アクセス元の把握
  • リンクや広告の効果測定(表示回数 / クリック数)
  • クリックされた記事の把握
PR

\気になったら、とりあえず見てみよう/

詳しく見る

WordPress のテーマ「AFFINGER」の情報、テクニック一覧はこちらをクリック!

PR
―― 今日のおみくじ ――

第 16 番

吉


今日のメッセージ

16進数覚えたらカラーコードがちょっと楽。#FFFFFFで白色です。
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記