WordPressでヘッダーとフッターのコードを追加する方法は？ （3つの簡単なステップ）
公開: 2019-05-23あなたは知っていますか？ ヘッダーは、フッターだけでなく、Webサイトの重要な部分でもあります。
あなたがWordPressの初心者またはプロであり、ヘッダーとフッターを編集または変更するのに苦労している場合は？ WordPressはそれらのファイルに簡単にアクセスできるようにしていないので。
グーグル検索コンソール、グーグルアナリティクスなどのように、ヘッダーとフッターに多くのコードスニペットを追加する必要があることを私は知っています。
心配しないでください、ここに解決策があります。 WordPressにヘッダーとフッターのコードを簡単に追加する方法について、この究極のガイドを作成しました。
はい！ 実際、WordPressでコードやファイルを編集する必要はありません。 あなたの仕事はプラグインの助けを借りて行われるでしょう。 かっこいいじゃないですか。
ヘッダーとフッターのプラグインを使用する必要があるのはなぜですか？
この質問は、ソーシャルメディアで何度か私から尋ねられました。 だから、なぜここで答えるべきではないと思いました。
ヘッダーでのみ機能するコードの多くを知っています。WordPressには、Genesis、MyThemeShop、ElegantThemesなどのテーマがたくさんあり、コントロールパネルからヘッダーまたはフッターセクションにコードを簡単に追加できます。テーマ自体の。
この種の機能を提供するテーマはほとんどありません。 ただし、配置したコードはWebサイトにとって重要であるため、テーマコントロールパネルを使用してヘッダーとフッターを追加しないことをお勧めします。 将来、テーマを変更すると、データはテーマとともに削除され、これらのコードがないと、サイトに技術的なエラーが表示される可能性があります。
新しいテーマをインストールした後、コードを再度配置する必要があります。 したがって、ここでは、テーマを変更するたびにコードを何度も追加できるソリューションがあります。
しかし、テーマ自体にヘッダーコードとフッターコードを追加できないテーマについてはどうでしょうか。
次に、テーマを変更した場合でも常に保存されるプラグインを介してコードを簡単に追加するための、最も簡単で時間の節約になるガイドを紹介します。
コードスニペットの種類
- Google、Bing、Yandexなどの検証コード。
- GoogleAnalyticsコード
- スキーマスニペット
- ウェブマスターの確認コード
- その他のコード…
最良の方法は、ヘッダーとフッターにコードを追加するための追加のプラグインを使用することです。そのため、テーマのファイルを編集せずに、さまざまなコードを必要なだけ追加できます。 そして、このプラグインは初心者に最適です。 単にコピーして貼り付けます。 簡単じゃないですか？
ヘッダーとフッターを追加するための4つの最高のプラグイン
1.ヘッダーフッターを挿入します
Insert Headers and Footersは、 wpbeginnerである最も信頼できる会社のプラグインです。これは、カスタムコーディングなしで、前述のセクションにアナリティクス、ウェブマスターなどのヘッダーコードとフッターコードを追加するための最良かつシンプルなプラグインです。
WordPressダッシュボード→プラグイン→新規追加→「ヘッダーフッターの挿入」の検索→インストール→アクティブ化→お楽しみください
特徴
- セットアップが簡単
- 簡単なコード挿入（コードをコピーして貼り付ける）
- 任意のコードを追加できますHTMLとJavaScript
- ヘッダーとフッターのコードを追加する
2.デジタル解放によるヘッダーおよびフッタースクリプト
これは、WordPressとWordPressの投稿にカスタムヘッダーとフッターを挿入するために入手できる最高のプラグインの1つです。 私は実際にこのプラグインを自分のWebサイトで使用しており、このプラグインの使いやすいパネルが大好きです。
このプラグインを使用して、他のプラグインとは異なるすべてのブログ投稿とページにカスタムヘッダーとフッターコードを挿入することもできます。 ほとんどのブロガーは、このプラグインを使用して、カスタムヘッダーとフッターコード、およびブログ投稿にFAQスキーマを追加し、それは彼らにとって魅力のように機能します。
WordPressダッシュボード→プラグイン→新規追加→「ヘッダーとフッタースクリプト」の検索→インストール→アクティブ化→お楽しみください
特徴
- セットアップと使用が簡単。
- 簡単なコード挿入（コードをコピーして貼り付ける）
- すべての投稿とページにカスタムヘッダーとフッターのコードを追加します。
- ヘッダーとフッターのコードを追加する
3.ヘッド＆フッターコードマネージャー
シンプルなインターフェースでコンテンツの上下にコードスニペットを追加する99台のロボットのプラグイン。 コードを間違った場所に配置することを心配する必要はありません。 テーマを変更している間、データを失うことはありません。 サイトに読み込まれているコードを簡単に追跡できます。
WordPressダッシュボード→プラグイン→新規追加→「ヘッダーとフッターのコードマネージャー」を検索→インストール→アクティブ化→お楽しみください
特徴
- このプラグインはカスタム投稿タイプをサポートします
- ショートコードを使用して、Webサイトのどこにでもコードを配置できます
- 混乱を避けるために、すべてのスニペットにラベルを付けます
- ページに無制限のスクリプト/コードを追加するか、無料で投稿してください
4.ヘッダーおよびフッタースクリプト
次に、このプラグインを使用して、必要なコードを<head>または</body>と<footer>の前に挿入します。 このプラグインは、カスタム投稿タイプにコードを追加するのにも役立ちます。 しかし、それが提供していないことの1つは、PHPコードを挿入できないことです。
WordPressダッシュボード→プラグイン→新規追加→「ヘッダーとフッタースクリプト」の検索→インストール→アクティブ化→お楽しみください
特徴
- 任意の投稿またはページの<head>にコードを挿入します
- CSSとJavascriptを<head>に挿入します
5.ヘッダー、フッター、ポストインジェクション
この単一のプラグインで単独で実行できるのに、分析、Facebook、WebマスターなどのコードをWebサイトに追加するために5〜10個のプラグインをインストールする必要があるのはなぜですか。 コードをコピーして貼り付け、このプラグインに追加するだけで、プラグインが機能します。
WordPressダッシュボード→プラグイン→新規追加→「ヘッダーフッターポストインジェクション」の検索→インストール→アクティブ化→お楽しみください
特徴
- このプラグインはAMPと互換性があります
- 明確に定義されたモバイルおよびデスクトップインジェクション
- ネイティブPHP対応
- 投稿とページの構成を分離できます
WordPressの「ヘッダーフッターの挿入」の使用方法
そこで、ここでは、Webサイトで「ヘッダーフッターを挿入」をわずか数分で使用する方法を段階的に示しました。 これで、1つのプラグインが10よりもうまく機能するようになりました。では、始めましょう…
ステップ1
そのため、最初にWebサイトのWordPressダッシュボードにログインする必要があり、左側のパネルに「プラグイン」オプションがあります。 あなたはそれをクリックしなければなりません。 次に、「インストールされたプラグイン」、「新規追加」、「プラグインエディタ」などのオプションが表示されます。 新しいプラグインを追加するには、「新規追加」をクリックします。
ステップ2
「新規追加」をクリックすると、多数のプラグインが表示されるプラグインページにリダイレクトされますが、右上隅にある検索バーを使用して「ヘッダーフッターを挿入」を検索します。インストールしてアクティブにします。
私はそれをインストールして私のウェブサイトで使用しているので、それはすでにアクティブになっていることを示しています。
ステップ3
インストール後、WordPressダッシュボードに再度移動する必要があります。「設定」で、プラグインをクリックすると「ヘッダーとフッターの挿入」という名前のプラグインが表示され、メインのプラグインページにリダイレクトされます。
これで、コードをコピーしてここに貼り付けるだけでコードを追加し、コードごとに1行のスペースを空けて、[保存]をクリックするだけで済みます。 単純
結論
これで、プラグインを使用して「WordPressにヘッダーとフッターを追加する方法」を確認できました。 時間を節約し、混乱を避けるため、プラグインを使用して常にヘッダーとフッターを追加することをお勧めします。
このガイドが、Webサイトにヘッダーとフッターを簡単に追加するのに役立つことを願っています。 このチュートリアルが役に立った場合は、この記事をブログの友達と共有し、友達にも学んでもらうことを忘れないでください。 "困った時の友が、真の友"
