WordPress開発のベストプラクティス

公開: 2019-04-17

今日ウェブ上で利用可能な最強のオープンソースコンテンツ管理システム(CMS)として、WordPressを使用すると、デザイナーや開発者はウェブサイトを非常に深くカスタマイズできます。 WordPress開発の詳細を理解することで、クライアントに印象を与え、より良いプロジェクトに入札し、全体的なスキルセットを強化する余地が広がります。

このプラットフォームを使用する旅の最初から、優れたプラクティスを採用することが重要です。 これは、このCMSを構築し、WordPress開発スキルをさらに磨くときに、あなたのキャリアにとって非常に価値のあるものになるでしょう。

オンラインで読むことができるWordPressチュートリアルは文字通り何百もあり、それだけで何時間も費やすことができます。 このガイドの目的は、その複雑さを切り抜け、このプラットフォームをできるだけ簡単に開始するために必要な実用的な情報を直接提供することです。

WordPressのコーディング基準に従う

プラットフォームのコーディング標準は、WordPressコミュニティの人々に、このコミュニティのさまざまな部分で協力するための出発点を提供するために確立されました。 これには、プラグイン、テーマ、コアコードなどの領域が含まれます。

WordPressのコーディング基準に従う
画像クレジット:Jehyuh Sung

すべての開発者が同じ標準に従う場合、次のような利点があります。

  • より読みやすいコード
  • 典型的なコーディングミスの回避
  • 変更の簡素化

プラットフォームは協調的なものであるため、必要に応じて、コードのセクションがいつ誰によって作成されたかに関係なく、コードのセクションを理解して変更できる環境を作成することは理にかなっています。

簡単に言うと、このCMSでの開発に真剣に取り組んでいて、キャリアをさらに伸ばしたい場合は、これが最も基本的なルールです。

あなたのコードをうまく書く

コードの記述には、次の原則が含まれます。

  • 読みやすさ–前述のWordPressコーディング標準に準拠する
  • 信頼性– WordPress APIを使用して、コードが同じことを確実に繰り返し実行するようにします
  • 再利用性–コードスニペットをコピーして貼り付ける代わりに、コードを抽象化します。 それを超えて、コードを別のプラグインにパッケージ化します
  • 柔軟性–可能な限り相対URLパスを利用して、将来編集できるようにします
  • 拡張性–適切に配置されたアクションとフィルターフックをいくつか追加して、他の人があなたが作成したものを使用してそれに追加できるようにします

コードを適切に構成する

コードを構造化することで、読みやすく、見つけやすく、一貫性が保たれます。 ここにいくつかの基本原則があります:

  • ファイル構造–整理を容易にするために、単一のファイルに単一のPHPクラスのみが含まれるようにします
  • 区切りとスペース–コンマの後、括弧の開始前、および括弧の終了後にスペースを入れます。 PHPタグを閉じないようにしてください。 コードの最後にある空白を取り除きます。 配列アイテムは可変の場合にのみスペースを入れてください(WordPressのPHPコーディング標準の詳細)
  • ソフトウェアデザインパターン–用語をグーグルで検索するか、PHPパターンライブラリを参照して、PHPデザインパターンを学び、理解してください。

コードを徹底的にテストする

WordPress開発で働いているすべての専門家がコードをテストしたり、基本的なデバッグに煩わされたりするわけではありません。これは間違いです。 デバッグの基本の詳細については、WordPress.tvのクラシックビデオをご覧ください。

熱心なWordPress開発者は、PHPStormなどのIDEに依存し、プラットフォーム用のデバッガーであるXdebugなどの実行を検討する必要があります。

プレミアムテーマやプラグインを作成している場合は、できるだけ多くの環境でコードをテストすることをお勧めします。 ユーザーにコードのベータテストを依頼するか、Vagrantなどを使用して仮想マシンを介して正確な構成をテストします。

コードを徹底的にテストする
画像クレジット:Joshua Aragon

考慮すべき他のアプローチは、単体テストと品質保証です。

単体テストは、サービスとしてのソフトウェア(SaaS)オファリングまたはソフトウェア製品を構築する場合に役立ちます。 ここでは、個々のコードがテストされます。このアプローチにより、変更したものがコードを壊してしまったかどうかを早期に特定できます。 その結果、バグを見つけてつぼみに挟み込み、バグのあるコードをエンドユーザーに出荷することを回避する可能性が高くなります。 ユニットテストをどのように処理するかについてのWordPressからのいくつかの情報があります。

WordPress開発では、品質保証は、コードが正しく機能し、ユーザーインターフェイスがブラウザーに正しく表示されることを保証することに関連しています。 一般的に時間のかかるプロセスである品質保証とは、各ブラウザと利用可能な各デバイスで誰かにサイトやアプリを見てもらうことを意味します。 この時間のかかる手順をもう少し効率的にするための2つの貴重なツールは、SeleniumとBrowserStackです。

プラグインを賢く選択する

サイトで提供するコンテンツを最適化するために、サードパーティのテーマとプラグインを幅広く選択できます。

WordPress開発の黄金のルールの1つは、選択したプラグインを識別することです。定期的に更新され、ユーザーからの高い満足度を備えたプラグインを使用してください。 定期的な更新は、プラグインの開発者が最新バージョンのWordPressとの互換性を維持することを約束していることを示すだけでなく、コードで問題が発生した場合に、プラグインから支援を受ける可能性が高くなります。

プラグインを賢く選択する
画像クレジット:ホストソーター

もう1つのヒントは、プラグインのユーザーベースを確認することです。 プラグインの有効性の信頼できる尺度である、プラグインの多くのアクティブなインストール(数千)は、プラグインのインストールに成功した他の多くの開発者がいることを示しています。

そのすべてを言った…

プラグインを簡単に

確かに、WordPressには多数のプラグインがあり、サイトの使いやすさとUXを向上させることができますが、それらに関してはやりすぎないでください。 インストール数が多すぎると、これらの余分なプラグインをすべて処理するのにかかる読み込み時間が長くなるため、サイトの速度が大幅に低下します。 そして今日の世界では、誰もサイトを使用するために長い間待ちたがりません。 Googleの調査によると、モバイルサイトにアクセスするユーザーの53%は、ページの読み込みに3秒以上かかると離れます。

このような扱いにくいサイトを避けるために、プラグインは本当に重要な場合にのみ使用してください。

プラグインを簡単に
画像クレジット:Daria Nepriakhina

もちろん、いくつかのプラグインだけで作業できない場合もあります。 たくさん作業する必要がある場合はどうなりますか? このようなシナリオでは、少なくとも、使用しているものの上にいることを確認してください。 プラグインオーガナイザーのようなものは、プラグインを効率的にインストールして管理する場合に役立ちます。 これを使用して、特定のWebページでアクティブにしているプラ​​グインを指定できます。 この選択的な読み込みは、サイトのスピードアップに役立つはずです。

同時に、P3(Plugin Performance Profiler)のようなツールは、サイトの重要なリソースを使い果たして速度を低下させているプラ​​グインを特定するために不可欠です。

キャッシングを利用する

これは、サイトのパフォーマンスを大幅に高速化するのに役立つアプローチであり、バウンス率を最小限に抑えるのに役立ちます。 WordPress固有のキャッシュを備えたホストを使用している場合、それは素晴らしいことですが、そうでない場合は、WpengineやSitegroundなど、このCMS用に最適化されたホスティングサービスを使用することもできます。

キャッシングを利用する
画像クレジット:キャンペーンクリエイター

ルートアクセス権を持つVPSサーバーを使用している場合、GooglePageSpeedはnginxおよびApacheと互換性のあるキャッシュソリューションです。

あるいは、すべての作業を行いたくない人のために、Cloudflare、CDN、およびキャッシングサービスが常にあります。

セキュリティジョブを1つにする

ウェブは危険な場所です。 悪意を持ってサイトにアクセスしたいボット、ユーザー、サービスがたくさんあります。 望ましくないアクセスには、次のようなものが含まれます。

  • スパムコメント
  • サイトを停止することを目的として過剰なサイトトラフィックを送信するボット
  • スパムログインの試行

幸い、WordPressの開発でセキュリティ対策を講じることは難しくありません。

セキュリティジョブを1つにする
画像クレジット:コリンアームストロング

手始めに、安全なユーザー名とパスワードを使用してください。 文字、数字、特殊文字の組み合わせを含む複雑な名前には、単純な名前や推測しやすいパスワードは避けてください。

フォームでキャプチャまたは別のフィルタリングアプローチを利用します。 その結果、スパマーやボットは、上記のフォームに繰り返しリクエストを簡単に送信することができなくなります。

セキュリティプラグインとサービスを利用します。 All In One WP Security&FirewallやiThemes Securityなどのセキュリティプラグインは、偽のログイン試行を処理し、ユーザーアクティビティを追跡し、ホワイトリストおよびブラックリスト機能を提供し、ブルートフォース攻撃者を阻止します。

これらのWordPress開発のヒントをお試しください

WordPressの開発を学ぶことは、プラットフォームを始めたばかりの人にとっては気が遠くなることがあります。 それは、吸収すべき情報がたくさんあるからです。 このプラットフォームで長年の開発経験を持っている人でさえ、学習をやめません。 このCMSでの開発は、実際には継続的な教育プロセスであり、快適に作業できるようになるまでには時間がかかります。

このトピックは多くの関連分野をカバーしており、必要な技術的知識は、本を学ぶのではなく、経験を通じて学ぶのが最もよい場合がよくあります。

とはいえ、これらのベストプラクティスは、このプラットフォーム内でうまく機能する方法を理解するための確固たる基盤を提供しますが、このプラットフォームで実行できるすべてのことに対する好奇心をさらに刺激するのに役立つはずです。