AFFINGER4や関連プラグインが上手く動かないときの対処法やチェックポイントです。思い通りに動かないときはご確認ください。
まず初めに!よくある3つチェック事項
レイアウトが崩れる、ボタンや機能、デザインが正常に反映されないなどお問合せの80%以上が「キャッシュ」又は「使用プラグインの干渉」です。
必ず、事前に以下にて改善されないかご確認下さい。
1. ブラウザのキャッシュの削除(スーパーリロード)
症状の出ているページでブラウザのキャッシュの削除(スーパーリロード)を行ってください。
キャッシュとは使用されているパソコンのブラウザに残された古い情報です。これを削除しないと最新の状態は確認できません。
2. プラグインの停止
1の方法で改善されない場合はご利用のプラグインが干渉している場合がございます。「外観」>「プラグイン」にて利用中の全てのプラグインを選択して「③停止」を④適用してください。
※「WP Fastest Cache」などキャッシュ系のプラグインを使用している場合は先に①キャッシュのクリアを行ってください(CSSやJSの圧縮を行っている場合はそちらもクリアしてください)。また、サーバーでキャッシュが行われている場合はそちらを停止するがございます。
3. ブラウザのキャッシュの削除(スーパーリロード)
プラグインを停止したら、改めて症状の出ているページでブラウザのキャッシュの削除(スーパーリロード)を行ってください。
4. バージョンの確認
上記で改善されない場合、WordPressのバージョン及びPHPバージョンが動作環境に合っているか確認してください(各販売ページ記載)
バージョンが低すぎる又は動作環境以上のバージョンのご利用では不具合が生じる場合がございます。
基本チェック項目
PHPバージョンは適切か?
7.1推奨(7.2まで確認済み※5.6以上必須)※推奨・確認済みバージョンは購入時の販売ページに記載
WordPressのバージョンは適切か?
WordPressのバージョンは「ダッシュボード」の右下で確認できます。
4.6以上必須※推奨・確認済みバージョンは購入時の販売ページに記載
テーマ及びプラグインは最新か?
テーマのバージョンは「外観」>「テーマの編集」>style.cssの①「version:」で確認できます。
子テーマを使用している場合は②をクリックして親テーマのバージョンも確認して下さい
パーマリンクの更新
テーマを初めて有効化したとき、アップデートをしたときも念のためパーマリンクの更新をしてください。
更新することでパーマリンクが再構築され「AMP」や「AFFINGERタグ管理マネージャー」などのリンクが適切に生成されます。
パーマリンクの設定ではありません。すでに設定済みの場合も②「変更を保存」をクリックすることで更新されます
オリジナルカスタマイザーが有効化又は無効化されていないか?
オリジナルカスタマイザーが無効化されていると一部のカスタマイザーの機能が使用できません。(有効化すると子テーマなどのCSSカスタマイズが反映されない場合があります※優先順位及びimportant指定により)
子テーマの上書き設定が有効になっていないか?
「Yasasii」「JET」などオリジナル子テーマは自動である程度のデザインが有効化されます。つまり、それは自動で設定が上書きされることを意味しています。テーマ管理及びカスタマイザーで設定が保存できない場合は子テーマ側で上書きされている可能性がございます。
Yasasii2からは子テーマ管理にて無効化できますので御利用下さい。
キャッシュが邪魔していないか?
クイックボタンが表示されないなどの原因の一つです。
キャッシュはキャッシュプラグインの他にブラウザのキャッシュがありますので、そちらを削除の上でブラウザを更新することで改善されることがあります。
キャッシュは、ブラウザがページを速く読み込むために使用されます。Cookie とキャッシュはいずれも、ウェブの閲覧をより快適にするために役立っています。
ブラウザのキャッシュと Cookie を消去すると、ウェブサイトの設定(ユーザー名やパスワードなど)が削除されます。サイトによっては、すべての画像をもう一度読み込む必要があるため、表示されるまでに少し時間がかかる場合があります。
メモ
他のプラグインが干渉していないか?
申し訳ございませんが無数に存在する他社製のプラグインとの競合は保証、サポートをしておりません。干渉する場合は併用頂かないようお願いしております。
- 一度プラグインを全て停止(プラグインで設定しいたキャッシュや機能を全てクリアにしてから停止して下さい)
- (念の為、キャッシュをクリア)
- 症状が改善される場合は1つづつ有効化して原因プラグインを特定
※プラグイン自体のアンインストールで改善されたご報告もございます。
自社製プラグインのご利用もご検討下さい
ウィジェットの位置は適切か?
思わない位置に挿入されている場合、ウィジェットの配置位置がずれている場合があります。
ウィジェットの内容は適切か?
ウィジェットの中身に挿入された内容が干渉している場合もございます。
一度、内容を削除してご確認下さい。
メニューは設定されているか?
「メニューに黒い点が出る」「デザインが綺麗にならない」場合はメニューが適切に設定されていない場合があります。
タイムゾーンは「東京」になっているか?
「設定」>「一般」のタイムゾーンが東京以外だと上手く動かない場合がございます。
AFFINGER管理リセット
テーマ管理を全てリセットすることで症状が改善される場合があります。
「外観}>「AFFINGER4管理」>「AFFINGER4管理リセット」
※テーマ管理内の全ての情報がリセットされますので御注意下さい
Webフォント(FontAwesome)が表示されない
当テーマはFontAwesome4.0対応となっております。現在、FontAwesomeは5.0に変更になりましたので表示できないアイコンがございます。
https://fontawesome.com/how-to-use/upgrading-from-4
カスタマイザーが上手く動かない
AFFINGERのカスタマイザーではCSSを直接headに吐かない対策をしているためjs制御にて反映が(キャッシュなどの原因で)上手く動かない場合がございます。
全体カラー設定
- 全体カラー設定で「全体的に反映」が有効化されていないか?
- 「カスタマイザーをリセットする」で全ての値を初期値に戻せます
※全体カラーを「(3)初期値として設定」した場合は一度ブラウザを更新(再読み込み)する必要があります
設定が上手く反映されない場合の対処法
- ブラウザを更新する
- 他の値で設定、保存してから改めて再設定してみる
便利プラグイン
Customizer Export/Import:カスタマイザーの値をエクスポート及びインポート
AMPについて
AFFINGERではAMPに簡易に変更できますがコンテンツに含まれる内容は「禁止タグ」などユーザー様ご自身でも注意頂く必要があります。「AMPについて」も必ずご参考ください
設定後は必ずAMPテストでチェックを行って下さい。
参考AMPルール
※パーマリンクの更新が必要です
ampページにてロゴ画像のheightタグが記述されていないエラー
http://the-money.net/amp-height-error/
サーバー固有のエラー
ロリポップなどサーバー固有のエラーも確認されています
タグ管理マネージャーについて
その他、よくある御質問
AFFINGERのFAQなども御確認下さい