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

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

公開: 2022-07-26

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

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

あなたが私や他のほとんどの賢いウェブサイトの所有者のようであるなら、あなたは少なくともあなたのワードプレスの旅の中でこの解決策を数回望んでいます。

本日、WordPressのカスタマイズについての考え方を変える無料のWPCodeプラグインのリリースを共有できることに興奮しています。

このツールは、Webサイトのカスタマイズを管理する際の時間と手間を節約するのに役立つように構築されています。 これは、ウェブサイトを高速化しながら、既存の数十のWordPressプラグインを置き換えるのに役立つ究極のスイスアーミーナイフツールのようなものです。

Introducing WPCode - WordPress Code Snippets Plugin

背景ストーリー

2012年に、Insert HeadersandFootersという無料のプラグインを作成しました。

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

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

過去10年間で、この単純なプラグインは100万を超えるアクティブインストールに成長しました。

Enter tracking code in header

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

毎月、ユーザーから、特定のページにスクリプトを条件付きでロードする機能、Webサイトの他の領域にコードスニペットを追加する機能などの機能を追加するように要求されます。

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

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

  • 数回クリックするだけで、追跡スクリプト/さまざまなウェブマスターツール検証メタの詳細をサイトに追加できます。
  • すべてのブログ投稿の最初の段落の後、各ブログ投稿の最後などに、バナー広告またはその他の動的コンテンツ要素を追加します。
  • REST API、XML-RPC、コメントなど、不要なWordPress機能を削除します。
  • WordPressサイトのチュートリアルからコードスニペットをエラーなしで簡単にコピーして貼り付けることができます。
  • そして実際、これは表面を引っ掻いているだけです。

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

マーケティング担当者の場合、WPCodeはGoogleタグマネージャーのようですが、WordPressの内部にあると考えてください。

あなたが通常の事業主であるならば、これをあなたのウェブサイトのためのスイスアーミーナイフと考えてください。 それはあなたがやりたいことをするのを助けます-それ以上でもそれ以下でもありません。

WPCodeは、WordPressサイトにインストールする最も強力なプラグインであり、誇張ではありません。

私にあなたの注意を5分間与えてください、そして私はあなたに見せます—読み続けてください。

WPCodeとは何ですか？

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

組み込みのコードスニペットライブラリが付属しており、個別のプラグインの必要性を排除するのに役立つ、私の最も人気のあるWordPressコードスニペットのいくつかを見つけることができます。

WPCode WordPress Code Snippets Library

たとえば、次のような既製のスニペットがあります。

  • XML-RPCを無効にする–これはWordPressのセキュリティに適しています
  • SVGファイルのアップロードを許可–個別のプラグインの必要性を排除します
  • グーテンベルクを無効にする–個別のプラグインの必要性を排除します
  • コメントを無効にする–個別のプラグインが不要になります
  • Google Analytics、Facebook、AdSense、およびその他のプラットフォーム用の追跡スクリプトを追加する

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

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

私の計画は、人気のあるユースケースをカバーするために、そこにさらにカスタムコードスニペットを追加し続けることです。 ご提案がございましたら、こちらのフォームにご記入の上、お知らせください。

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

将来を見据えたサイトのカスタマイズとコード管理

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

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

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

Create New Custom Snippet in WordPress

重要なWebサイトのカスタマイズを失うことなく、テーマを安全に更新したり、別のテーマに切り替えたりすることができます。

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

そこで、スマートコードスニペット検証を作成しました。 これにより、一般的なコードエラーを防ぎ、コードスニペットやヘッダーおよびフッタースクリプトを追加するときにWebサイトを壊さないようにすることができます。

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

WPCode - WordPress Snippets Organized by Tags

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

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

WPCode Generators for WordPress

管理UIを備えたカスタムコードジェネレーターの例は次のとおりです。

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

上記の他に、cronジョブのスケジュール設定、スクリプトとスタイルシートの登録、カスタム投稿ステータスの追加などを行うためのコードスニペットジェネレーターもあります。

以前は、初心者と中級ユーザーはWordPressプラグインを使用して、管理UIを使用してカスタム投稿タイプや分類法などを作成していました。 問題は、これらが1回限りのプラグインであり、バックグラウンドでカスタムコードスニペットを生成しているだけであるということです。

WPCodeの無料ジェネレーターを使用すると、管理UIで必要なカスタム機能を追加しながら、これらのプラグインを切り取ることができます。

これは、クライアント向けのWebサイトを構築している新しいWordPress開発者やWebプロフェッショナルにとって大幅な時間の節約になります。

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

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

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

WordPressの条件付きロジッククエリを学習する代わりに、視覚的な条件付きロジックを使用して、特定のスニペットがいつ読み込まれるかを決定できます。

WPCode Smart Conditional Logic

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

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

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

WPCode Auto Insert PHP Code

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

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

それとは別に、ビジュアルコードスニペット優先システムも追加したので、コードの競合を回避するためにカスタム関数の順序を選択できます。

Add code description, tags, and priority in WPCode

置き換えることができるいくつかのユースケースとプラグインの例は何ですか？

WPCodeは、機能を失うことなく、他の何十ものプラグインを取り除くのに役立つ1つのプラグインです。

ここにいくつかのトップユースケースがあります：

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

現在の機能と既製のコードスニペットライブラリを使用するだけで、次のようないくつかの人気のあるプラグインを置き換えることができます。

WPCodeには、次のようないくつかの一般的なプラグインを置き換えることができる既製のコードスニペットライブラリが付属しています。

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

通常のウェブサイトではこれらの1回限りの機能プラグインがインストールされることが多いため、平均して、ウェブサイト上の6〜8個の既存のプラグインを簡単に置き換えることができると思います。

これで、これらのプラグインを削除し、管理領域をクリーンアップして、Webサイトの管理を簡素化できます。

WPCodeで次に来るものは何ですか？

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

誰もが新機能を愛しているので、これまでのコミュニティの反応に非常に満足しています。

このプラグインをさらに強力にするためのエキサイティングなロードマップがあります。 私たちが取り組んでいることのいくつか：

  • WordPressの専門家によって精査されたコードスニペットライブラリのより大きなリスト
  • カスタムスニペットをクラウドに保存–プラグイン内にパーソナライズされたスニペットライブラリを構築できるため、これは複数のWebサイトを作成および管理する場合に最適です。
  • そしてもっと…

私たちは本当にここで特別な何かを構築しています。 プラグインをより役立つものにする方法についてアイデアがあれば、提案を送ってください。

いつものように、WPBeginnerをご愛顧いただき、誠にありがとうございます。今後とも変わらぬご愛顧を賜りますようお願い申し上げます。

敬具、

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

PS WordPressビジネスを買収または投資したいですか？ WPBeginnerGrowthFundの詳細をご覧ください。