24以上の理由コードが機能しない＆それを修正する方法

公開: 2013-08-21

私は常に最初にコードをテストして機能することを確認しますが、コードが壊れていなくても、自分自身と他のユーザーの両方にとって機能しないことがある理由はたくさんあります。

コードが機能しない理由のいくつかを次に示します。

  1. ブラウザのキャッシュをクリアするのを忘れた：ブラウザが実際に古いコードを含む古いバージョンのページを表示しているため、CSSを変更しても、実際には機能しないと思うかもしれません。 ブラウザのキャッシュをクリアして確認してください。
  2. サーバーキャッシュをクリアしませんでした：一部のマネージドホスティングプロバイダーは、非常に積極的なサーバー側キャッシュを使用しています。 WPEngineは、CSSの変更がサイトに表示されるまでに実際には数日かかる可能性があることを意味していることを私は知っています。 これらの変更は実際には機能しますが、フロントエンドで変更を確認できないため、機能しないと思います。 サーバーキャッシュをクリアし、サーバー側のキャッシュまたはキャッシュプラグインを使用してコードをローカルでテストします。
  3. 関数ファイルにCSSコードを貼り付けました： CSSコードは、サーバーにインストールされているPHPプロセッサによって読み取られることを意味する開始PHPタグを含む関数ファイルでは正しく機能しません。
  4. PHPをスタイルシートに貼り付けました：PHPコードは、サーバーにインストールされているPHPプロセッサではなく、ブラウザによって読み取られる.cssファイルでは機能しません。
  5. ヘッダースクリプトとフッタースクリプトにPHPまたはCSSを貼り付ける：ヘッダースクリプトとフッタースクリプトのボックスを含むテーマは、PHPスクリプトではなく、GoogleAnalyticsトラッキングとライブチャットスクリプト用のJavascriptを簡単に追加できるようにします。
  6. Webページからコピーして、テーマエディタに貼り付けました。アポストロフィが向きを変えて、サイトを壊す死の白い画面が表示される可能性がある非常に一般的な間違いです。 常に生のコードをコピーし、Notepad ++などのテキストエディタを使用してファイルの最後に貼り付けます。
  7. すべてのコードをコピーしませんでした：クラスを含まない、または閉じ括弧がないCSSコードのブロックをコピーすると、コードが機能しなくなります。 したがって、唯一の問題が角かっこまたはセミコロンを残したことである場合、コードは正しくないと思うかもしれません。
  8. すべてのコードを貼り付けなかった：上記と同じで、時々発生します。
  9. テーマで古いフックを使用するときに新しいフックを使用しました。新しいサイトで古いXHTMLマークアップを実行しているサイトにループフックを含むコードを使用しても機能しません。 コードは古いサイトでは機能するため、壊れることはありませんが、HTML5では機能しません。子テーマが有効になります。
  10. テーマで新しいフックを使用するときに古いフックを使用：上記と同じ
  11. コード内のクラスをサポートしていない古いブラウザの使用：一部の古いブラウザは特定のCSSクラスをサポートしていないため、コードは記述された内容を実行しません。 複数のブラウザをインストールしてコードをテストしたり、ブラウザ間の互換性のために無料のオンラインツールを使用したりできます。
  12. コード内のクラスをまだサポートしていない最新のブラウザバージョンを使用する：一部の新しいブラウザは一部のCSSクラスをサポートしていません。つまり、コードは古いブラウザで機能しますが、ベータ版を使用しているため、サポートされていないと思われるかもしれません。蜂だけがリリースされたバージョンまたは最新バージョン。
  13. 開始PHPタグをコピーして、関数ファイルに貼り付けました。PHPスニペットには通常、開始PHPタグが含まれていますが、すでにそのタグが含まれている関数ファイルに貼り付けないでください。 これが発生した場合、エラーメッセージが表示され、サイトが破損します。これは、タグを削除するだけで簡単に修正できます。 これが、WordPressのエディターを使用するのではなく、テキストエディターを使用してコードを実際のファイルに貼り付けることが常にベストプラクティスである理由です。 実際のファイルにコードを追加すると、簡単に再度開いて問題をすばやく取り除くことができます。これは、プログラミングエラーが発生するとサイトからロックアウトされるため、テーマエディターを使用している場合には当てはまりません。
  14. 1つを選択するのではなく、両方のソリューションをコピーして貼り付けます。多くの投稿やフォーラムには、同じ問題を解決する複数のコードスニペットが含まれています。 同じことを行う2つのコードスニペットを貼り付けると、サイトが破損する可能性があるため、コードが破損していると思われる場合がありますが、そうではありません。 一度に1つのスニペットのみを使用してください。
  15. 関数コードをテンプレートファイルにコピーする：子テーマ関数ファイルではなく、テンプレートファイルで使用するように記述されたPHPコードが見つかる場合があります。 テンプレートコードは、通常、PHPの開始タグと終了タグでラップされているため、関数ファイルで常に機能するとは限りません。 カスタム関数は、通常、テーマによっては、プレートファイルで機能しないことを意味するものではありません。 コードを貼り付けるファイルを正確に知っていることを確認してください。そうしないと、コードが機能するときに機能しないと考えてエラーが発生する可能性があります。
  16. コードを上書きするプラグインがインストールされています。PHPコードを上書きするプラグインの中には、フィルターとフックを備えたコードが機能しない場合があることを意味するものがあります。 この例は、Genesis SimpleEditsプラグインです。 投稿情報と投稿メタをカスタマイズできるこのプラグインがインストールされている場合、投稿メタまたは投稿情報フィルターを含む同じことを行うためにPHPコードを追加しても機能しません。 実際には機能しているのにコードが機能しないと思うかもしれません。問題を解決してコードを機能させるために必要なのは、プラグインを非アクティブ化することだけです。
  17. PHPコードを使用してレイアウトを条件付きで変更するこのコードは、GenesisbbPress接続プラグインも使用するbbPressを使用する一部のテーマでは機能しません。 このプラグインはGenesisフィルターにフックします。これは、PHPコードが条件付きでレイアウトを変更するために行うのと同じことであるため、コードを上書きしても機能しません。
  18. HTML 5子テーマでのXHTML CSSクラスの使用–例：#contentは、.entry-contentを使用するHTML5子テーマでは機能しません。
  19. XHTMLテーマでのHTMLマークアップの使用– .site-headerはXHTMLマークアップを実行しているサイトでは機能しないため、＃headerを使用する必要があります。
  20. フロントページテンプレートコード–フロントページテンプレートのコードは、デフォルトの閲覧設定を使用している場合にのみ機能します。 これらの設定を変更し、フロントページとして静的ページを選択すると、フロントページテンプレートのコードは機能しなくなります。
  21. メディアクエリの後にCSSを追加–メディアクエリの前にカスタムCSSを追加することをお勧めします。そうしないと、機能しない場合があります。
  22. すでにスタイル設定されているクラスを変更するためのCSSの追加–スタイルシートの最後にCSSを追加して、デフォルトですでにスタイル設定されている既存の要素のスタイルを変更しました。 この例は、ウィジェット領域を変更して、デフォルトで注目ページウィジェットを使用するようにスタイル設定されている場合に、Genesis注目投稿ウィジェットを使用する場合です。 CSSは異なる場合がありますが、使用しているクラスは異なります。 デフォルトのCSSを変更して、注目のページウィジェットのスタイルを長くし、注目の投稿ウィジェットのスタイルのみを設定するようにします。
  23. ホームページテンプレートコード– home.phpテンプレートファイル内のコードは、デフォルトの閲覧設定を使用する場合にのみフロントページで機能します。 フロントページとして静的ページを使用する場合、ドロップダウンメニューからブログページテンプレートを選択していない場合、コードは投稿ページ（ブログページなど）でのみ機能します。 （ブログページテンプレートを含むテーマにのみ適用されます）。
  24. 誤って変更されたCSSが他のCSSを壊す–メンバーがカスタムレイアウトを作成するためのコードをインストールしましたが、コンテンツの幅を変更するCSSが機能しなかったため機能しませんでした。 彼らは、以前に！importantを使用して追加した他のCSSが、新しいCSSの動作を妨げていることを発見しました。

上記のコードは、投稿情報フィルターを上書きするため、Genesis SimpleEditsプラグインもアクティブにしている場合は機能しません。

現時点で私が考えることができるのはそれだけですが、このリストに追加できるコードが機能しない（しかし実際には機能する）理由は他にもたくさんあると確信しています。

関連記事

  • コードを再公開する前に考慮すべき5つの重要なポイント