最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WPCodeの紹介 – ウェブサイトのカスタマイズを将来にわたって保護する簡単なWordPressコードマネージャー

ウェブサイトで使用するWordPressプラグインの数を減らしたいと思ったことはありますか?

ウェブサイトを壊すことなく、コードスニペットを通じて将来性のあるWordPressカスタマイズを追加できる簡単な方法があれば、それは素晴らしいと思いませんか?

私や他の多くの賢いウェブサイトオーナーと同じように、WordPressのジャーニーでこのソリューションを数回は願ったことがあるはずです。

本日、WordPressのカスタマイズ方法を変える私の無料WPCodeプラグインのローンチを発表できることを嬉しく思います。

このツールは、ウェブサイトのカスタマイズを管理する際の時間と手間を省くために構築されました。これは、数十の既存のWordPressプラグインを置き換え、ウェブサイトを高速化する究極の多機能ツールのようなものです。

WPCode - WordPressコードスニペットプラグインのご紹介

背景ストーリー

2012年、私はInsert Headers and Footersという無料プラグインを作成しました。

このプラグインの目標は、私や他のWPBeginnerの読者が、テーマファイルを編集することなく、WordPressサイトのヘッダーとフッター領域にコードを簡単に追加できるようにすることでした!

これには、Google Analyticsスクリプト、カスタムCSSコード、Facebook Pixel、AdSenseコードなどが含まれます。

この10年間で、このシンプルなプラグインは100万以上のアクティブインストールに成長しました。

ヘッダーにトラッキングコードを入力

同時期に、WordPressも多くの新機能とプラグインで大きく成長しました。

毎月、ユーザーから、特定のページでスクリプトを条件付きで読み込む機能、ウェブサイトの他の領域にコードスニペットを追加する機能など、さらに多くの機能を追加してほしいというリクエストがありました。

多くの検討と考慮を経て、この無料プラグインを拡張し、条件付きロジック、自動挿入などを備えたWordPress向けのフル機能コードスニペット管理ソリューションにすることにしました。

新しいプラグインを使用すると、次のことができます。

  • 数回のクリックで、トラッキングスクリプトやさまざまなウェブマスターツールの検証メタ情報をサイトに追加できます。
  • ブログ記事の最初の段落の後、各ブログ記事の末尾などにバナー広告やその他の動的なコンテンツ要素を追加する
  • REST API、XML-RPC、コメントなど、不要なWordPressの機能を削除します。
  • WordPressサイトのチュートリアルからコードスニペットをエラーなく簡単にコピー&ペーストできます。
  • そして、これはほんの始まりにすぎません。

これらの機能はすべて無料で利用できます!

マーケターであれば、WPCode を WordPress 内の Google Tag Manager のように考えてください。

通常のビジネスオーナーであれば、これはウェブサイトの「スイスアーミーナイフ」と考えてください。やりたいことを、それ以上でもそれ以下でもなく、実現するのに役立ちます。

WPCodeは、私が誇張しているわけではありませんが、WordPressサイトにインストールする中で最も強力なプラグインです。

ほんの5分だけあなたの時間をください。そうすれば、お見せできます――読み進めてください。

動画版

WPBeginnerを購読する

WPCodeとは何ですか?

WPCodeは、テーマのfunctions.phpファイルを編集せずに、コードスニペットを使用してカスタムWordPress機能を追加できる強力なWordPressコードスニペットプラグインです。

人気のあるWordPressコードスニペットの多くが見つかる組み込みコードスニペットライブラリが付属しており、個別のプラグインの必要性をなくすのに役立ちます。

WPCode WordPressコードスニペットライブラリ

例えば、以下のようなのに役立つ既製のスニペットがあります:

  • XML-RPCを無効にする – これはWordPressのセキュリティに役立ちます
  • SVGファイルアップロードを許可 – 追加のプラグインが不要になります
  • Gutenbergを無効にする – 個別のプラグインの必要性をなくします
  • コメントを無効化 – 追加のプラグインが不要になります
  • Google Analytics、Facebook、AdSense、その他のプラットフォームのトラッキングスクリプトを追加する

そして、サイトのプラグイン数を減らしながらカスタム機能を追加するために使用できる、現在2ダース以上のコードスニペットがあります。

平均的なウェブサイト所有者にとって、このプラグインは、既製のスニペットを使用して、現在使用している可能性のある他のプラグインを少なくとも6〜8個削減するのに役立ちます。

私の計画は、一般的なユースケースをカバーするために、さらにカスタムコードスニペットを追加し続けることです。提案があれば、ここにあるフォームに記入してお知らせください。

コードスニペットの提供に協力したいWordPress開発者/フリーランサーの方は、上記のフォームを使用してスニペットをお送りください。

将来性のあるサイトカスタマイズとコード管理

ほとんどの WordPressカスタマイズチュートリアル では、コードスニペットをテーマのfunctions.phpファイルに追加するように求められます。この古い方法は、コードスニペットの管理を煩雑にするだけで、テーマの更新も妨げます。

テーマを更新したり、別のテーマに切り替えたりすると、functions.phpファイルに追加したカスタムコード機能はすべて失われます。

WPCodeは、ヘッダーおよびフッターのスクリプトを、その他のコードスニペットとともにWordPressダッシュボードから直接挿入する簡単な方法を提供することで、これを解決します。これらのコードスニペットは、テーマのfunctions.phpファイルにあるかのように実行されますが、カスタマイズを将来にわたって保護します。

WordPressで新しいカスタムスニペットを作成する

テーマを安全に更新したり、別のテーマに切り替えたりしても、重要なウェブサイトのカスタマイズを失うことはありません。

テーマのfunctions.php ファイルにカスタムコードスニペットを追加するもう 1 つの問題は、わずかな間違いでもウェブサイトが破損し、アクセスできなくなる可能性があることでした。

そのため、スマートコードスニペット検証機能を開発しました。これにより、一般的なコードエラーを防ぎ、コードスニペットやヘッダー・フッタースクリプトを追加する際にウェブサイトが壊れることを防ぐことができます。

ヘッダーおよびフッターのスクリプト、その他のカスタムコードスニペットをすべて1つの画面で管理できます。タグを使用してコードスニペットを整理したり、各コードスニペットにリマインダーノートを追加したりすることも簡単にできます。

WPCode - タグで整理されたWordPressスニペット

WordPress組み込みコードジェネレーター

コードスニペットライブラリの拡大に加えて、最新のWordPressコーディング標準とAPIを使用して、すぐに使用できるカスタムコードをすばやく取得するのに役立つWordPressコードジェネレーターもあります。

WordPress用WPCodeジェネレーター

管理UIを備えたカスタムコードジェネレーターの例としては、以下のようなものがあります。

  • カスタム投稿タイプジェネレーター – 投稿タイプ用のカスタムコードスニペットを作成します。
  • カスタムタクソノミー生成ツール – カスタムコードスニペットをタクソノミー用に取得します。
  • WP Queryジェネレーター – 投稿をロードするためのWP_Queryのカスタムコードスニペットを取得します。
  • カスタムサイドバージェネレーター – カスタムサイドバーまたはウィジェット対応エリアを登録するためのカスタムコードスニペットを作成します。
  • カスタムウィジェットジェネレーター – カスタムウィジェットを登録するためのカスタムコードスニペット。
  • ナビゲーションメニュージェネレーター – テーマに新しいナビゲーションメニューの場所を登録するためのカスタムコードスニペット。

上記以外にも、cronジョブのスケジュール設定、スクリプトとスタイルシートの登録、カスタム投稿ステータスの追加などのためのコードスニペットジェネレーターも提供しています。

以前は、初心者や中級ユーザーはWordPressプラグインを使用して、カスタム投稿タイプ、タクソノミーなどを管理画面UIで作成していました。問題は、それらが実際にはカスタムコードスニペットを生成しているだけの使い捨てプラグインであるということです。

WPCodeの無料ジェネレーターを使用すると、管理画面UIで希望するカスタム機能を追加しながら、それらのプラグインを削減できます。

これは、クライアントのためにウェブサイトを構築している新しいWordPress開発者やウェブプロフェッショナルにとって、大幅な時間節約になるでしょう。

コードスニペットの条件付きロジックと自動挿入の優先順位

WPCodeでの私の目標は、簡単で強力なWordPressコードスニペットプラグインを作成することでした。

そのため、グローバルヘッダーおよびフッタースクリプトに加えて、コードスニペットの条件付きロジックのような高度な機能を追加し、簡単に使えるようにしました。

WordPress の条件付きロジッククエリを学習する代わりに、ビジュアル条件付きロジックを使用して、特定のコードスニペットをいつ読み込むかを決定できます。

WPCode スマート条件付きロジック

WPCode条件付きロジックのユースケース例:

  • ログインユーザーのみにコードスニペットをロードする
  • 特定のユーザーロール向けのPHPコードスニペットをロードする
  • PHPコードスニペットを特定のページURLのみで読み込む
  • 特定のページにヘッダーとフッターのピクセルスクリプトを挿入する
  • ページのタイプに基づいてコードスニペットを表示する
  • 特定の投稿タイプでのみコードスニペットを実行する
  • リファラーソースに基づいてヘッダーおよびフッターのコードスニペットを読み込む
  • その他多数…

また、自動コード挿入とショートコードを使用した手動出力の両方を追加しました。これにより、カスタムショートコードを使用して機能を追加したり、単に特定の領域に特定の機能を自動的に追加したりできます。

WPCode 自動挿入 PHPコード

当社の自動挿入機能を使用すると、コードスニペットをすべてに実行するか、次のようなカスタムオプションから選択できます。

  • コードスニペットをフロントエンドのみで実行
  • コードスニペットをWordPress管理画面でのみ実行する
  • ヘッダーとフッターのスクリプトをサイト全体に追加
  • 投稿コンテンツの前または後にPHPコードスニペットを挿入します。
  • 特定の段落の前または後にコードスニペットを挿入する
  • 特定のアーカイブページにコードスニペットを挿入する

それとは別に、コードの競合を回避するためにカスタム関数を実行する順序を選択できるように、視覚的なコードスニペットの優先順位システムも追加しました。

WPCode にコードの説明、タグ、優先度を追加する

例としてのユースケースと置き換え可能なプラグインは何ですか?

WPCodeは、機能性を失うことなく、多数の他のプラグインを削除するのに役立つ唯一のプラグインです。

主なユースケースをいくつかご紹介します。

  • ヘッダーとフッターのスクリプトを挿入
  • Google Analytics トラッキングコードをヘッダーとフッターに挿入する
  • テーマのfunctions.phpファイルを変更せずに、PHPコードスニペットまたはJavaScriptコードスニペットを挿入します。
  • Facebookピクセルコード、Googleコンバージョンピクセルコード、その他の広告コンバージョンピクセルスクリプトを、条件付きロジックを使用してWordPressのヘッダーとフッターに挿入
  • Google AdSense広告コード、Amazonネイティブコンテクスチュアル広告コード、その他のメディア広告コードを挿入
  • カスタム JavaScript、CSS、および HTML コードを挿入する
  • ソーシャルメディア、Googleサーチコンソール、その他のドメイン検証のためのサイト検証メタタグをサイトのヘッダーとフッターに挿入
  • 再利用可能なカスタムコンテンツブロックを挿入する
  • 特定の段落の後にコンテンツに広告コードを挿入する
  • 条件付きロジックに基づいてカスタムコードスニペットを表示または非表示にする
  • XML-RPCを無効化、Rest APIを無効化、コメントを無効化、SVGファイルアップロードを許可、Gutenbergを無効化し、追加のプラグインなしでClassic Editorを有効化

現在の機能と既製のコードスニペットライブラリだけでも、以下を含むいくつかの一般的なプラグインを置き換えることができます。

WPCodeには、以下を含むいくつかの人気プラグインを置き換えることができる、すぐに使えるコードスニペットライブラリが付属しています。

  • コメントプラグインを無効にする
  • XML-RPCプラグインを無効にする
  • REST API プラグインを無効にする
  • Gutenbergプラグインを無効にする
  • クラシックエディタープラグイン
  • SVGファイルアップロードプラグインを許可
  • RSSフィードプラグインを無効にする
  • 検索プラグインを無効にする
  • 自動更新プラグインを無効にする
  • 管理バープラグインを無効にする
  • ウィジェットブロックプラグインを無効にする
  • クラシックウィジェットプラグイン
  • WordPressバージョン番号プラグインを削除
  • Facebookピクセルプラグイン
  • Google AdSenseプラグイン
  • カスタム投稿タイプUIプラグイン
  • その他のWordPressジェネレータープラグイン

平均して、典型的なウェブサイトではこれらの単発機能プラグインがインストールされていることが多いため、既存のプラグインを6〜8個簡単に置き換えることができると信じています。

これで、それらのプラグインを削除し、管理画面を整理し、ウェブサイトの管理を簡素化できます。

WPCodeの今後の予定

Insert Headers and Footersプラグインには100万人以上のユーザーがいたため、これらの新機能すべてを無料で利用できることは、誰にとっても驚きでした。

これまでのコミュニティの反応に非常に満足しています。皆、新機能を楽しんでいます。

このプラグインをさらに強力にするためのエキサイティングなロードマップがあります。現在取り組んでいることの一部をご紹介します。

  • WordPressの専門家が検証したコードスニペットライブラリのより大きなリスト
  • カスタムスニペットをクラウドに保存 – これは、プラグイン内にパーソナライズされたスニペットライブラリを構築できるため、複数のウェブサイトを作成および管理するユーザーにとって素晴らしいでしょう
  • その他多数

私たちは本当に特別なものを作っています。プラグインをより役立つものにするためのアイデアがあれば、ぜひご提案をお送りください

いつものように、WPBeginnerをご支援いただき、誠にありがとうございます。今後も長年にわたり皆様にサービスを提供し続けることを楽しみにしています。

敬具

サイード・バルキ
WPBeginner創設者

追伸:WordPressビジネスの買収または投資をご希望ですか? WPBeginner成長ファンドの詳細をご覧ください。

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

26件のコメント返信する

  1. WordPress の必須プラグイン 10 個のリストを作成するとしたら、これはその中に含まれるでしょう。このプラグインの助けを借りて、プラグインベースのソリューションがない数え切れないほどのウェブサイトの問題を解決しました。通常、簡単な PHP コードを記述し、残りはこのプラグインが完全に安全に処理します。コードにエラーがあっても大丈夫です。私が管理する新しいウェブサイトや引き継いだウェブサイトには、必ずこのプラグインをインストールします。これなしで WordPress で作業することは想像できません。

  2. 今日、WP Codeが私のウェブサイトを救ってくれました。WordPressの新バージョンにアップデートした後、抜粋が機能しなくなりました。通常WordPressが持つデフォルトの55文字に設定していましたが、アップデート後、WordPressは投稿の全コンテンツを表示し始めました。この問題の原因となるものは何も見つかりませんでした。最終的に、WP Codeとそのデータベースのスニペットを使用して抜粋の長さを調整しました。理想の95単語に設定したところ、ウェブサイト全体が以前のように機能するようになりました(今は抜粋が長くなっています)。これにより、ウェブサイトをバックアップから復元したり、問題の原因を探したりする必要がなくなりました。WP Codeのおかげで、数分で問題を解決できました。これは必須のプラグインです。

  3. 最近、ヘッダーとフッターの挿入機能を使ってみましたが、追加機能のために新しいプラグインを追加することなく、希望する機能を実現できるのは直感的だと断言できます。
    今ではwpcodeとなり、多くの機能を備えているので、ウェブサイトのスピードと最適化の向上に役立つと確信しています。
    また、些細な問題のために複数のプラグインを追加する必要もなくなります。wpbeginnerさん、本当にありがとうございます。

  4. WPCode エディタのヘッダーから手動コード(例:FB ピクセルコード)を削除した場合、すべてのページのヘッダーから削除されますか?すべての言語で?

    • プラグインからコードを削除すると、プラグインが追加したサイトからも削除されます。キャッシュを使用している場合は、削除を確実にするためにクリアすることを忘れないでください! :)

      管理者

  5. ありがとうございます – functions.php に何かを入れるのは、アップデートで変更されてしまうので(子テーマは決して使用しませんが)嫌いでした。しかし、1つのタスクしか実行しないプラグインはさらに嫌いです :)

    PHPファイルのスニペットコードが1つあり、functions.phpへの変更はスニペットファイルを「include」するだけでした。アップデート後にfunctions.phpを再編集するのが簡単になりました。

    このプラグインは、そのプロセス全体を排除するはずです

    これは、皆さんがこれまでに考え出した中で最も優れたアイデアとプラグインでしょう。私たちが所有または管理している 300 ほどの WP サイトすべてに統合するつもりです。

    ありがとうございます!

  6. functions.php用のコード(たとえば、WPの「フィード」(最近送信したメール)をオフにするコード)は、このプラグインにどのように適合しますか?

    ジョー・C

  7. これと、その可能性にとても興奮しています —。クラシックエディターを保持するものは、私の世界では大きなプラスです。たとえば、スペースの下線を削除しようとするよりも、コードを微調整する方がはるかに簡単です。 :) そして、今必要とされる単一使用のプラグインが非常にたくさんあります。その側面を合理化することは良いでしょう…。ありがとう!

  8. これは非常に良いものになりそうですね!将来的には有料化または有料/サブスクリプションベースのプレミアムオプションを提供する予定はありますか?

    • イアンさん、こんにちは。

      現在、私たちの主な焦点は、チームが頻繁に使用する既製のスニペットを備えた、私が欲しかったツールをユーザーに提供する、最高の無料コードスニペットプラグインを作成することです。

      将来的には、開発者向けのプレミアム機能を追加してワークフローを改善しますが、コアツールは常に無料であり、次のアップデートでさらに強力になります :D

      管理者

  9. このコンセプトは素晴らしいです!現在、ローカルサイトで全オプションを試しています。カスタム投稿タイプやその他のオプションのチュートリアルを計画していることを願っています。

  10. こんにちは、

    今朝、ヘッダーとフッターの挿入からWP CODEへの変換でどれほど苦労したかをお知らせしたかったのです。

    私はSecuriを使用していますが、今朝最初に見たのは、WP CODEですべてのコメントをオフにするというセキュリティアラートと、「投稿の最初の段落の後にメッセージを表示する」というアラートでした。

    更新に加えて、サイトのデザインも台無しになり、2つのコードスニペットは無効になっているにもかかわらず、サイト全体の検索バーが完全に削除されました。

    現在、securiと協力して、アップデート前にサイトを元に戻すためにプラグインが何をしているのかを調べています。

    WPCODEの今後のご活躍をお祈りしています

    • コメントを残していただきありがとうございます、ネイト。

      Sucuriのアラートは誤検知です。なぜなら、それが言っているのは2つの新しい「投稿ドラフト」が作成されたということだけだからです(コードスニペットはそうやって保存されるため)。しかし、それらのスニペットは公開されておらず、フロントエンドの競合を引き起こすべきではありません。すべてのサイトの26%以上(約40万サイト)が、このような顕著な問題なしに最新バージョンに更新されています。

      ここにコメントで残されたメールアドレスを使用して、チームがご連絡し、この問題を解決するために密接に連携させていただきます。

      – サイード

      管理者

  11. なんて素晴らしいプラグインでしょう!

    このようなWordPressツールがあるとは知りませんでした。

    WordPressユーザーとして、多くのプラグインの使用を最小限に抑えるのに苦労してきました。

    すべてのWP顧客は、自分のウェブサイトに最適なWordPressプラグインを使用したいと考えています。しかし、多くのプラグインはサイトの速度低下とエラー発生率の増加につながる可能性が高いです。そのため、WPcodeのようなツールを見つけることは、問題をより良い方法で解決するのに役立ちます。

    必ず使うようにします。

    WordPressに価値を追加していただきありがとうございます。

返信する

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。