初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

皆さんこんにちは!本日のチュートリアルでは、WordPressに様々なカスタムコードスニペットを安全に貼り付ける方法をご紹介します。以下がその主な内容です。チーム紹介カスタムコードスニペットの貼り付け経験

WordPressにコードスニペットを追加する最良の方法は何ですか?

前回と同様、WordPressサイトにコード・スニペットを追加する前にWordPressウェブサイトのバックアップ.

これにより、WordPressサイトを安全に保つことができ、何か問題が発生した場合はいつでもバックアップからサイトを復元することができます。

WordPressにコードスニペットを追加する場合、一般的にはWordPressテーマのテンプレートファイル(index.phpやsingle.phpなど)にコードスニペットを追加する手順を見つけることが可能です。

これらのスニペットは特定のトピックファイルに対してのみ有効なので、直接追加したりWordPress子テーマの作成.

しかし、ほとんどのコードスニペットはWordPressテーマのfunctions.phpファイルにあります。チュートリアルの中にはコードスニペットを直接ファイルに追加するものもあり、熟練したオペレーターであればこれを行うことができます。しかし、私たちのチュートリアルは初心者向けなので、このチュートリアルではWordPressプラグイン.

こうすれば、テーマを変更しても、カスタマイズが削除されることはありません。

WordPressファイルを編集するには、WordPressサイトにカスタムコードスニペットを追加する方法によってさまざまな方法があります。

方法1:WPCodeプラグインを使用してカスタムコードを追加する(シンプル)

Code Snippetsプラグインを使用することは、WordPressにコードを追加する最も安全で初心者に優しい方法です。

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

WPCコードこのプラグインを使えば、ウェブサイトにカスタムコードスニペットを簡単に追加・管理できます。テーマファイルの編集が不要.

それはインテリジェントコードフラグメント検証機能これは、一般的なコードエラーを回避するのに役立ちます。これにより、コードスニペットが追加されたときにウェブサイトが影響を受けるのを防ぐことができます。

WPCodeはまた、すべての最も人気のあるWordPressのコードスニペットを簡単に見つけることができる組み込みのコードライブラリを持っています。数回クリックするだけで、これらのスニペットを追加できます。

最も優れている点は、管理者がすべてのコードスニペットを一元管理し、タグを使って整理できることです。

注目してほしい: WPCodeメソッドはfunctions.phpファイル内のコードスニペットは便利です。このメソッドは、コードスニペットを他のテーマファイルに追加するよう要求された場合に使用します。

WPCodeを使ってWordPressコードを編集・追加する方法

WPCodeプラグインを使用してWordPressにコードを追加したい場合は、WordPressの管理ダッシュボードから直接コードを追加することができます。

まず、無料のWPCodeプラグインをインストールし、有効化します。

有効化したら、WordPressの管理ダッシュボードのコード・スニペット」+「コード・スニペットの追加」。次に"新規追加"ボタンだ。

WPCodeの "Add new code snippet "をクリックします。

この画面では、あらかじめ用意されたライブラリからクリップを選択するか、カスタムコードを追加することができます。

カスタムコードを追加するには、"カスタムコードの追加(新しいコードスニペット)「オプションでコードスニペットボタンを使用してください。

WPCodeへのカスタムコードの追加

次の画面で、コード・スニペットを覚えやすくするために名前を付けます。次に、コードをボックスに貼り付けます。右側のドロップダウンメニューから正しいコードタイプを選択します。

カスタムコードスニペットを貼り付け、コードタイプを選択します。

次に、"挿入 "セクション。ここでは、コードスニペットをショートコードとして使用し、手動でコピーしてサイト上の任意の場所に貼り付けるオプションがあります。

コードスニペットの挿入オプションの選択

あるいは、"自動挿入"メソッドを使用して、自動的にコードスニペットを挿入する場所を選択します(WordPressの機能)。

どこでも実行、フロントエンドのみ、管理者のみ、サイト全体のタイトル、投稿後、投稿と投稿の間、段落の前などの位置から選択できます。

WPCodeへのポジションの自動挿入

WPCodeの最も優れた点は、様々な自動挿入オプションに加えて、初心者のための条件ロジックオプションが付属していることです。これにより、コードを読み込むタイミングを選択することができます。

WPCodeインテリジェント条件ロジック

コードを追加したら、右上のスイッチを"不活発「に切り替える機能".

をクリックします。コード・スニペットの保存ボタンだ。

コードスニペットを保存して有効化します。

コードスニペットがアクティブになると、選択した挿入方法に応じて、ショートコードとして自動的に追加または表示されます。

伝え方 WordPressのヘッダーとフッターにコードを追加

場合によっては、その主題を取り上げるだけでよいこともあります。ヘッダ.phpもしかしたらフッター.phpまた、WPCodeプラグインを使用することもできます。

追加する場合グーグル・アナリティクスこれはGoogle AdSenseなどのトラッキングコードに便利です。

さらに、すべてのヘッダーとフッターコードを一箇所で管理し、手動によるエラーを防ぎ、テーマを失うことなくアップグレードまたは変更することができます。

注目してほしい:この方法は、トラッキングスクリプト、カスタムCSS、JavaScriptコードに最適です。

に切り替える。コード・スニペット「ヘッダーとフッターコードスニペットは、ウェブサイトのヘッダー、ボディ、またはフッターセクションに入力されます。

WPCodeでヘッダーとフッターにコードを追加

をクリックしてください。変更を保存する"ボタンをクリックすると、コードスニペットがウェブサイトに表示されます。

方法論2: サイト固有のWordPressプラグインへのカスタムコードの追加

サイト固有のプラグインの作成

もう一つの柔軟な選択肢は、サイト固有のWordPressプラグインを使用することです。これは、自分のサイト用に作成し、すべてのカスタムコードを保存するために使用できるカスタムプラグインです。

この方法の利点は、コードがテーマに依存せず、テーマが変更されても有効なままであることです。また、サイトのWordPressアップデートの影響

注目してほしい:を追加する必要がある場合にのみ有効です。functions.phpファイルのコード・スニペット。

サイト固有のプラグインを使用している場合は、WordPress内蔵のプラグインエディタを使ってカスタムコードを追加できます。

に切り替える。プラグイン「プラグインエディタそして、"編集するプラグインを選択します。: "ドロップダウンメニューでプラグインを選択します。

エディターがサイト固有のプラグインを読み込みます。その後、コードをページに追加するだけです。

サイト固有のプラグインへのコードの追加

終わったら、"更新された資料"ボタンをクリックして変更を保存する。

もしコードから何かが欠けていたり、サイトを壊す可能性がある場合、プラグインエディタは自動的に変更を取り消します。

サイト固有のプラグインにカスタムコードを追加するもう一つの方法は、FTPを使用することです。

FTPクライアントでサイトを開き、プラグインファイルを右クリックして"表示/編集「オプション

FTPを使用したサイト固有のWordPressプラグインの編集

これでファイルが開き、コードスニペットを簡単に追加できます。ファイルを保存して再度アップロードすると、変更内容が自動的に表示されます。

方法論3: Functions.phpや他のテーマテンプレートにカスタムコードを追加する方法

functions.phpにコードを追加 例

最後に、コードスニペットをテーマに直接追加することができます。functions.php書類にあります。しかし、これにはデメリットもあるので、他の方法を使うことをお勧めします。

まずWordPressテーマそうすれば、すべての変化はなくなります。

次に、その特定のテーマが使用されている場合にのみ機能するコードを追加します。

コードスニペットを正しくコピー&ペーストし、サイトを壊さないようにする方法を見ていきます。

テーマファイルやその他のページテンプレートに直接コードスニペットを追加する場合は、WordPress管理パネルの外観」テーマエディタfunctions.phpでコードを追加します。

次に、右側の列からファイルを選択すると、エディターで開きます。

functions.phpやその他のテンプレートへのコードの追加

あなたが選んだチュートリアルによって、コードスニペットを追加できる場所がわかります。

もう一つの方法は、WordPressがホストしているファイルマネージャのFTPを使用して、テーマファイルにカスタムコードを追加することです。

FTPクライアントをサイトに接続してwp-content " テーマ " テーマフォルダをクリックし、編集するファイルを右クリックします。

FTPによるテーマファイルの編集

次に、「」をクリックします。表示/編集"オプションでファイルをテキストエディタで開き、コードスニペットを追加します。

カスタムコード追加時のPHPエラーの解決

WordPressサイトにカスタムコードスニペットを追加する際、初心者はいくつかの間違いを犯します。コモンエラー.良いニュースは、ほとんどの間違いは避けられ、修正できるということです。

これらのエラーとその修正方法を見てみましょう。

1.PHPの開始タグと終了タグの間違った使い方

WordPressは主にPHPプログラミング言語で書かれており、PHPには特定の構文があり、次のコードはPHPで処理する必要があることをサーバーに伝えます。典型的なPHPのコードスニペットを以下に示します:

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

すべての PHP コードは<?php歌で応える?>タグは次のとおりです。

PHP終了タグは、PHPとHTMLの間を行き来するファイルにおいて重要です。これには、PHP マークアップと HTML を使用するほとんどの WordPress テーマファイルが含まれます。

PHP開始タグがオフになっていない場所にコードを貼り付ける場合は、 PHP開始タグなしでコードを追加する必要があることを確認してください。

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

カスタムコードが PHP の終了タグの外側または後ろに貼り付けられている場合は、 PHP の開始タグも追加する必要があります。

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

90% のエラーはすべて、PHP の開始タグまたは終了タグの位置が正しくないことが原因です。コードを見れば、カスタムコードスニペットに PHP の開始タグや終了タグを追加する必要があるかどうかがわかります。

しかし、多くのWordPressテーマファイルはfunctions.phpPHPの終了タグが全くない場合もあります。これは、開始タグや終了タグを必要とせずに、 ファイルの末尾にコードを追加できることを意味します。

以下はその例です。

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

チュートリアルの中には、PHP の開始タグと終了タグの使い方をすでに知っていることを前提にしているものがあるからです。そのため、チュートリアルではこれらのタグのないコードスニペットが表示されるだけかもしれません。

初心者のためのWordPressにWebページからコードスニペットを貼り付ける方法

コード・スニペットが与えられると、PHPの終了タグと開始タグが含まれないように、複数の場所に追加されることがあります。

このようなコード・スニペットをテーマ・ファイルに追加する場合は、PHPタグの中にあることを確認してください。

WordPressのPHPエラーについて

WordPressにカスタムコードを追加する際に発生するエラーには、通常、詳細なエラーメッセージが表示されます。文法エラー解析エラー、または予期しない文字によるものです。致命的エラー.

これらのエラーは、コードのどの行がエラーを引き起こしているかを教えてくれます。

PHPエラーコードの例

そうすれば、コードの正確な行まで行ってコードを調べ、何が欠けているのかを見つけることができます。

ここでは、適切なコード編集用テキストエディタ行番号やシンタックスハイライトがあり、問題解決に役立つからです。

WPCodeプラグインを使用すると、エラーが発生した正確な行を示す正確なエラーレポートも付属しています。

WPCコードエラー報告

WPCodeが管理者のアクセスをブロックしていることを発見した場合管理エリアエラーが発生した場合、自動的にコード・スニペットを無効にするので、問題を安全に修正することができます。

WordPressのウェブサイトにアクセスできないときは?

慌てないでください。サイトのファイルはすべて残っており、アクセスすることができます。

FTPクライアントまたはコントロールパネルファイルマネージャーアプリケーションはウェブサイトに接続します。

次に、エラーの原因となったコードを追加したファイルを探し、編集のために開きます。

その後、コード・スニペット内の問題を修正してみてください。問題が修正できない場合は追加されたコードスニペットを削除します。変更を保存したい場合は、保存することができます。

これでサイトは正常に戻ります。それでもエラーが表示される場合は、WordPressテーマの新しいzipファイルをダウンロードし、デスクトップに解凍してください。

次に、以前に変更したファイルを見つけ、古いファイルを上書きしてサーバーにアップロードします。

これらの問題に対処する方法については、以下の記事をご覧ください。WordPressのよくあるエラーとその修正方法.


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/20553/

好き (1)
前へ 2024年9月24日 11:23
次のページ 2024年9月24日 14:55

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat