WordPress にヘッダーとフッターのコードを含める方法
公開: 2022-09-19WordPress システムは、コーディングの専門知識がなくても、あらゆる種類の機能を実行できるようにする優れた機能を果たします。 一方、状況によっては、WordPress にヘッダーとフッターのコードを組み込んで、3rd-bash の製品やサービスに独自の機能を埋め込む必要がある場合があります。
これの最も一般的な使用シナリオは、Google アナリティクスをインターネット サイトに組み込むことです。 そうは言っても、これを実行したい理由は他にもたくさんあります。おそらく、このタスクを実行したい理由がすでにわかっているかもしれません。
このチュートリアルでは、WordPress でヘッダーとフッターのコードを増やす 2 つの方法を紹介します。 ただし、最初に、最初の領域でこれを行う必要がある種類の説明を表示します。
サイトのヘッダーとフッターの余分なコードで実現できること
典型的な Web サイトは、テキスト ドキュメントのように、いくつかの異なるコンポーネントに分解されます。
- ヘッダ。 サイトのヘッダーには、多数の「事前読み込み」情報、および Safe Sockets Layer (SSL) 証明書、暗号化、JavaScript などに関する詳細が含まれています。
- フッター。 これはヘッダーに関連する方法で動作しますが、代わりにページの下部に配置されます。
- 全身。 サイトに実装するパフォーマンスのほとんどは、記事の「本文」内にあります。 これは、WordPress ダッシュボード内のほぼすべての小さな要素の主な集中部分であり、全体的なボディは Web サイト ページに表示される内容を表します。
サーバーは、頭、人体、フッターの順で Web ページを読み込みます。 これは、ヘッダー内のコードが最初に読み込まれることを意味しますが、フッター コードは他のすべてのものの直後に読み込まれます。
日常的なコード スニペットのユース ケース
ソーシャル メディアおよび Look for Engine Optimization (Web サイトのポジショニング) アプリケーションでは、通常、WordPress にヘッダー コードを挿入する必要があります。 これは、何百もの Web ページがその直後に到着するすべてのものをログに記録するときに、それらの人々の専門家サービスがある程度優先されなければならないためです。
これは CSS コードの場合と同様の条件です。これは主に、Web サイトがどのように表示されるかを決定するためです。 これがフッターにある場合、スタイルが表示される直前にレイアウトのバリエーションの配列が表示されます。
JavaScript は、現代のインターネット Web サイトを作成し、全体像を把握し、対話するのに役立ちますが、(技術的な意味では) 重要な部分ではありません。この種の JavaScript をフッターに配置すると、さまざまな状況で効率が向上します。 、そのオプションがある場合は、実際にそれを使用する必要があります。
実際には、多くの追加の使用例があり、WPKube Web サイトの追加の投稿でそれらをより深く扱います. それでも、通常の WordPress の苦境では、Web サイトのヘッダーとフッターの要素を理解する必要はありません。 これを行うには、手を汚すか、屋外の援助に電話する必要があります。
WordPress にヘッダーとフッターのコードを含める方法 (2 つの方法)
投稿の緩和以上に、WordPress でヘッダーとフッターのコードを増やす 2 つの方法を保護しようとしています。 この 2 つは複雑ではありませんが、一方を超える人物が必要です。
- プラグインを使用して、コードを Web サイトの適切な部分に組み込むことができます。
- あなたは自分の
capabilities.phpファイルにコードを含める立場にあり、サイトの情報にアクセスする方法についてさらに知識が必要です。
動機については、すぐに明らかにする予定です。
1. プラグインを使用してヘッダーとフッターにコードを追加する
WordPress で何かを実行したい場合は、プラグインがその役割を果たします。 ほとんどの場合、WordPress Web サイトのデフォルトとしてプラグインを検討します。 このように、WordPress にヘッダーとフッターのコードを含めたい場合は、埋め込みコード プラグインが最適です。
これは、当社の姉妹サイトである DesignBombs が開発した代替手段であり、完全で特定の Web ページまたは投稿としてインターネット サイトにコードを挿入するための迅速かつ簡単な方法を提供します。
これを使用するには、通常の WordPress の方法でプラグインをインストールして有効にします。 この手順が完了すると、ダッシュボードに新しい[設定] > [埋め込みコード]ソリューションが表示されます。
このモニターでは、2 つのテキスト スポットを見つけます。1 つはヘッド用、もう 1 つはフッター用です。 入力したコードが HTML 内のどこに配置されるかについてのヒントも得られます。
この楽器を採用するのはとても簡単です。 コードを入力したら、変更を保存します。 これにより、世界中の (つまり、巨大な Web サイト) レベルでコードが追加されます。 とはいえ、コードを含めることができるのは、人物の記事または Web ページだけです。 これは、ブロック エディターを介して行うことができます。必要なメタボックスと選択肢は画面の下部にあります。
埋め込みコードは私たちが選択したプロセスであり、最小限の手間で使用する必要がありますが、必要なメリットを得ることができる別の方法もあります. 次にこの人に見えます。
2. コード スニペットをfeatures.phpファイルに組み込む
すべての WordPress セットアップは、ベスト ステージまたはトピック特定のリスト内に専用のcapabilities.phpファイルを取得できます。 これにより、コードのスニペットを組み込んで、WordPress のパフォーマンスを向上させることができます。 一方、開始する前に完全に把握して準備しておく必要のある前提条件がいくつかあります。
- セキュア ファイル転送プロトコル (SFTP) を使用して、WordPress のコア ドキュメント (拡張子は
features.phpファイル) を取得します。そのため、購入時にこれがどのように機能するかを理解し、インターネット サイトの情報を明らかにして作業する必要があります。彼ら。 - また、問題のトピックが更新された場合に変更を保護するために、子供用テーマを使用することをお勧めします.
- 少なくとも、WordPress のフック、アクション、およびフィルターの操作認識が必要になります。 さらに、WordPress がこれらのフックを介してヘッダーとフッターにアクセスする方法を理解しておく必要があります。
SFTP の利用に関しては、WPKube に記事コンテンツのコレクションがあり、必要に応じて検討することができます。
また、WordPress 開発者フック ライブラリ、特にwp_headとwp_footerの people エントリを確認することもできますが、これはメジャーな方法で使用しないためオプションです。
ここにリストされていることから、一連の行動はいくつかの方法をとります。 まず、SFTP カスタマー内でサイトのサーバーを開き、 wp-material/themesに移動します。 ここにリストされている現在のテーマのリストを開き、適切なfunctions.phpファイルを探します。
最愛のテキスト コンテンツまたはコード エディターでこのファイルを開きたいと思うでしょう。 内部には、後続のスニペット テンプレートを配置できます。
add_action( 'wp_head', ' ' ) purpose () ?>add_action( 'wp_head', ' ' ) purpose () ?>add_action( 'wp_head', ' ' ) purpose () ?>
要するに、これはアクションフックを WordPress に追加します。