ACTION その他

WordPressテーマやプラグインが上手く動かないときのチェックポイント

テーマや関連プラグインが上手く動かないときのチェックポイントと対処法です。思い通りに動かないときはご確認ください。

※以下をご確認頂いていない方は必ずご確認下さい。

うまく動かないときのチェック事項

レイアウトが崩れる、ボタンや機能、デザインが正常に反映されないなどお問合せの80%以上が「キャッシュ」又は「使用プラグインの干渉」です。

必ず、事前に以下にて改善されないかご確認下さい。

ブラウザのキャッシュの削除(スーパーリロード)

症状の出ているページで以下の記事を参考にご利用の環境に合わせてブラウザのキャッシュの削除(スーパーリロード)を行ってください。

キャッシュとは?削除の方法(スーパーリロード) - 【公式】STINGER STORE
キャッシュとは?削除の方法(スーパーリロード) - 【公式】STINGER STORE

キャッシュとは主にブラウザなどに残された古い情報です。 一度閲覧したWebサイトの情報を残す(キャッ ...

続きを見る

キャッシュには他にも「ブラウザ」「プラグインによるもの」「サーバーによるもの」などがあり、場合によっては全てをクリアする必要があります。

キャッシュとは使用されているパソコンのブラウザに残された古い情報です。これを削除しないと最新の状態は確認できません。

プラグインの停止

1の方法で改善されない場合はご利用のプラグインが干渉している場合がございます。「外観」>「プラグイン」にて利用中の全てのプラグインを選択して「③停止」を④適用してください。

  1. 一度プラグインを全て停止(プラグインで設定しいたキャッシュや機能を全てクリアにしてから停止して下さい)
  2. 必ずキャッシュをクリア

※プラグイン自体のアンインストールで改善されたご報告もございます。

キャッシュ、minifyなど最適化系のプラグインをご利用の場合

キャッシュ、minifyなど最適化系のプラグインには独自のページキャッシュやCSSファイル等を生成する場合がございます。不具合時はこちらも必ず元の状態に戻してからご確認下さい

プラグイン停止後は必ずキャッシュをクリアしてご確認下さい

上記で症状が改善された場合は1つづつプラグインを有効化して原因となっているプラグインを特定してください。(干渉するプラグインは併用いただかないようお願いしております)

自社製プラグインのご利用もご検討下さい

WordPressバージョンの確認

上記で改善されない場合、WordPressのバージョンが動作環境に合っているか確認してください(各販売ページ記載※購入時のバージョンにより異なる場合がございます)

バージョンが低すぎる又は動作環境以上のバージョンのご利用では不具合が生じる場合がございます。

PHPバージョンは適切か?

7.3推奨 (※7.2以上必須)

PHPバージョンの確認方法

ご利用のテーマ及びプラグインバージョンによって異なる場合がございます

WordPressのバージョンは適切か?

WordPressのバージョンは「ダッシュボード」の右下で確認できます。

ご利用のテーマ及びプラグインバージョンによって異なる場合がございます※推奨・確認済みバージョンは購入時の販売ページに記載

テーマ及びプラグインは最新バージョンか?

テーマのバージョンは「外観」>「テーマの編集」>style.cssの①「version:」で確認できます。

子テーマを使用している場合は②をクリックして親テーマのバージョンも確認して下さい

最新バージョンの確認とアップデート方法

AFFINGERブロックプラグインは有効化されているか?

オリジナルのGutenbergブロック機能を使用する場合にはテーマに同梱されている「AFFINGERブロックプラグイン」をインストール、有効化する必要があります。

「AFFINGERブロックプラグイン」は各購入テーマの購入ユーザー限定ページでもダウンロードできます。

パーマリンクの更新及び形式

テーマを初めて有効化したとき、アップデートをしたときも念のためパーマリンクの更新をしてください。

更新することでパーマリンクが再構築され「AMP」や「AFFINGERタグ管理マネージャー」などのリンクが適切に生成されます。

パーマリンクは原則として「/」で終わるものをご利用下さい(※「/」で終わるもの以外ではAMP対応できません)

パーマリンクの設定ではありません。すでに設定済みの場合も②「変更を保存」をクリックすることで更新されます

子テーマの上書き設定が有効になっていないか?

「JET」などオリジナル子テーマは自動である程度のデザインが有効化されます。つまり、それは自動で設定が上書きされることを意味しています。テーマ管理及びカスタマイザーで設定が保存できない場合は子テーマ側で上書きされている可能性がございます。

ウィジェットの位置は適切か?

思わない位置に挿入されている場合、ウィジェットの配置位置がずれている場合があります。

ウィジェットの内容・設定は適切か?

ウィジェットの中身に挿入された内容が干渉している場合もございます。

一度、内容を削除してご確認下さい。

メニューは設定されているか?

「メニューに黒い点が出る」「デザインが綺麗にならない」場合はメニューが適切に設定されていない場合があります。

タイムゾーンは「東京」になっているか?

「設定」>「一般」のタイムゾーンが東京以外だと上手く動かない場合がございます。

ブラウザのバージョン等は古くないか?

ブラウザの種類(IEなど)や古いバージョンによってはCSSや機能が対応していない場合があります。

Chromeなどでも表示を確認してみて下さい。

※購入時の販売ページの動作環境を確認

テーマ管理リセット

テーマ管理を全てリセットすることで症状が改善される場合があります。

「外観}>「AFFINGER5管理」>「AFFINGER5管理リセット」

※テーマ管理内の全ての情報がリセットされますので御注意下さい

下記のプラグインを使用するとテーマ管理のデータをバックアップできます

テーマ管理のバックアッププラグイン

スライドショーが表示されない

テーマ管理の「ヘッダー」>「スライドショー機能の全停止」が有効化されているとショートコードによる一覧を含めたスライドショーが機能しません。

SNS(Twitter・Facebook・LINE)のOGPが正常に反映されない

表示速度優先(β)が有効化されていないか?

テーマ管理の「SEO」>「表示速度優先(β)」が有効化されていると、多くの機能が使用できなくなります

自身で行ったカスタマイズが邪魔をしていないか?

自身でカスタマイズをされている場合は、一度削除しても症状が出るかご確認ください。

Webフォント(FontAwesome)が表示されない

当テーマはオリジナルアイコン対応となっております。FontAwesomeご利用に関しては「WING(AFFINGER5 / STINGER PRO2)との主な違い」の「FontAwesome4.7からの脱却」をご参考下さい。

カスタマイザーが上手く動かない

  • 一度、他の値を設定して保存。再度、任意の色を設定しなおして保存
  • キャッシュを削除してブラウザを更新
  • 「全体カラー」>「リセット」を試す

AFFINGERのカスタマイザーではCSSを直接headに吐かない対策をしているためjs制御にて反映が(キャッシュなどの原因で)上手く動かない場合がございます。

またカスタマイザーのプレビュー上で表示されていても、実際の値は保存されていない場合があります。一度、他のカラー(値)で保存した後、再度別のカラー(値)を設定してみて下さい。

オリジナル子テーマ「全体カラー」を使用している場合は一部のカラーが変更できなくなります

カスタマイザーが反映されない

VPSなど独自環境によりカスタマイザーが反映されない場合はAFFINGER管理の「全体設定」>”カスタマイザー用CSSを<style>で出力”を有効化することで改善される場合がございます。

AMPについて

AMP対応に関する開発の終了

AFFINGERでは投稿ページをAMPに簡易に変更できますがコンテンツに含まれる内容は「禁止タグ」などユーザー様ご自身でも注意頂く必要があります。またデザインや機能、設定の多くはAMP自体の仕様上の制限されるため使用できません。

その他、AMP機能に関する注意事項は「AMPについて」をご参考ください※設定後は必ずAMPテストでチェックを行って下さい。

参考AMPルール

※パーマリンクの更新が必要です

タグ管理マネージャーについて

タグ管理マネージャーの不具合チェックはコチラ

サーバー設定によるエラー

販売ページ記載のとおり、動作環境と異なるPHP及びWordPressバージョンでのご利用やサーバーの仕様(VPS含め)や環境(HHVMなど)によっては正常に動かない場合がございます

エックスサーバー「XPageSpeed」について

当テーマでは「XPageSpeed(エックスページスピード)」に関して非推奨とさせていただきます。

WAF設定が有効化されていないか?

サーバーのセキュリティ設定でWAFが有効化されていると「テーマ管理」「ウィジェット」などの変更ができない場合があります。

サーバーにてWAFを無効化してください

特にロリポップではWAFによる障害が報告されています

https://kent-blog.com/lolipop-affinger5-kanri/
https://kent-blog.com/lolipop-affinger5-kanri/

続きを見る

ロリポップでWING(アフィンガー5)管理設定時に403エラーが出るときの対処法
ロリポップでWING(アフィンガー5)管理設定時に403エラーが出るときの対処法

AFFINGER4(アフィンガー)から後継機になるWING(アフィンガー5)にテーマを変更しましたが ...

続きを見る

キャッシュによる表示不具合

ConohaWINGの例

キャッシュ機能はサーバーにある場合もございます。表示不具合がある場合はこちらも無効化をお試しください。

コンテンツキャッシュ機能を使う(ConohaWING)

Xサーバーの「Xアクセラレーターver2」による不具合

Xサーバーの「Xアクセラレーターver2」でも不具合が出る可能性があります。

エックスサーバーのXアクセラレータver.2の不具合でブログにアクセスできなくなったお話

カゴヤサーバーにて「翻訳アクセラレータ」がオンになっていると抜粋表示に不具合が出る

その他、サーバーによるセキュリティやキャッシュ機能が干渉する場合もございます。無効化などもお試しください。

メモリが不足していないか?

カスタマイザーが使用できない~「サイトに重大なエラーがありました。 詳細については、サイト管理者のメール受信ボックスを確認してください。」

ブログサービスによる干渉

独立インストール型ではないブログサービス(及び外部サービス ※https://ja.wordpress.com/含む)を使用している場合、サービス独自の仕様が干渉する場合がございます。

「WordPress」というのは、サーバーにインストールする「ソフト(アプリ)」です。しかしながら、「WordPress.com」の方はアメブロやlivedoorブログのような、「ブログサービス」の一種です。

https://serverkurabe.com/wpcom-and-wordpress/

ブラウザアプリ・Chrome 拡張アドオンなどの干渉

使用しているアプリや拡張アドオンなどを全て停止の上、キャッシュを削除してお試しください

hChrome (Chromium)の拡張機能をワンクリックでオン/オフする

Deeplなどの翻訳アドオンなどは特に影響する場合がございます

表示速度について

その他、よくある御質問

ご報告 / Tweet

以下、未検証ですがトラブルに関する報告やツイートを参考までに引用しております

解決しないことは検索もしてみてね

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION, その他

【AFFINGER監修】 SEOを考慮したAI記事作成ツール

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP