teccon forum

WordPress構築

13 min read

WordPress のセットアップ

WordPress は、世界中で最も利用されているオープンソースのコンテンツ管理システム（CMS）です。ウェブサイトの制作やブログの運営、企業サイトの構築など、あらゆる用途に対応可能な柔軟性があり、専門知識のないユーザーから高度な開発者まで幅広く利用されています。このガイドでは、専門家向けにWordPressのセットアップ手順を体系的かつ実践的に解説します。

開発環境の準備

WordPressをセットアップする前に、まず開発環境の準備が必要です。以下のソフトウェアをローカルマシンにインストールすることを推奨します。

  • PHP: WordPress は PHP で動作するため、サーバー側で PHP が動作する環境が必要です。推奨バージョンは 7.4 以上です。
  • MySQL または MariaDB: WordPress のデータベースは MySQL または MariaDB を使用します。バージョン5.7以降を推奨します。
  • Webサーバー: Apache か Nginx が主に使用されます。Apache の場合は、mod_rewrite モジュールが有効になっている必要があります。

ローカル開発環境としては「LocalWP」が便利です。これを使用することで、ローカルで簡単に WordPress サイトを構築・管理できます。

推奨されるローカル開発ツール

開発を進める上で、効率的なワークフローを維持するためには、いくつかのツールを併用することが効果的です。

  • Git: バージョン管理のための Git を利用し、テーマやプラグインの変更履歴を管理することができます。
  • WP-CLI: WordPressのコマンドラインインターフェースで、管理業務を効率的に行うことができます。

データベースのセットアップ

WordPressはデータベースとの連携が必要不可欠です。ローカルまたはリモートサーバー上にMySQLもしくはMariaDBをセットアップし、データベースを作成します。次に、WordPressに接続するためのユーザーを作成し、適切な権限を与えます。

CREATE DATABASE wordpress_db;
CREATE USER 'wordpress_user'@'localhost' IDENTIFIED BY 'secure_password';
GRANT ALL PRIVILEGES ON wordpress_db.* TO 'wordpress_user'@'localhost';
FLUSH PRIVILEGES;

WordPressのインストール

手動インストール手順

公式WordPressサイト（https://wordpress.org）から最新版のWordPressをダウンロードし、Webサーバー上のルートディレクトリに展開します。次に、wp-config.phpファイルを生成し、データベース情報を入力します。

define( 'DB_NAME', 'wordpress_db' );
define( 'DB_USER', 'wordpress_user' );
define( 'DB_PASSWORD', 'secure_password' );
define( 'DB_HOST', 'localhost' );

wp-config.phpにセキュリティ向上のための「鍵」を追加します。これにより、WordPressサイトのセキュリティレベルが向上します。自動生成された秘密鍵をWordPress秘密鍵サービスから取得し、wp-config.phpに追加します。

define('AUTH_KEY',         'あなたのユニークなフレーズ');
define('SECURE_AUTH_KEY',  'あなたのユニークなフレーズ');
define('LOGGED_IN_KEY',    'あなたのユニークなフレーズ');
define('NONCE_KEY',        'あなたのユニークなフレーズ');
define('AUTH_SALT',        'あなたのユニークなフレーズ');
define('SECURE_AUTH_SALT', 'あなたのユニークなフレーズ');
define('LOGGED_IN_SALT',   'あなたのユニークなフレーズ');
define('NONCE_SALT',       'あなたのユニークなフレーズ');

インストールが完了したら、ブラウザでサイトにアクセスし、インストールウィザードに従って初期設定を完了します。

WP-CLIでのインストール

より効率的な方法として、WP-CLI（WordPressのコマンドラインインターフェース）を使用してWordPressのセットアップを自動化することも可能です。以下のコマンドを実行することで、インストールプロセスを簡略化できます。

wp core download
wp config create --dbname=wordpress_db --dbuser=wordpress_user --dbpass=secure_password
wp core install --url="http://example.com" --title="WordPress Site" --admin_user="admin" --admin_password="strongpassword" --admin_email="you@example.com"

セキュリティの強化

WordPress のインストールが完了したら、次にセキュリティ対策を行う必要があります。セキュリティに配慮しないままサイトを公開すると、ハッカーや悪意のあるボットによる攻撃を受けるリスクが高まります。

強力なパスワードと二要素認証

まず、管理者アカウントやその他のユーザーには、強力なパスワードを設定することが推奨されます。パスワードマネージャーを使用して、ランダムで長いパスワードを生成・保存するのが効果的です。

加えて、二要素認証（2FA）を導入することで、セキュリティをさらに強化できます。2FAプラグインとしては「Google Authenticator」や「Authy」が広く使用されています。

プラグインやテーマの管理

セキュリティの観点から、プラグインやテーマは信頼できるソースからのみインストールすることが重要です。公式ディレクトリ外から入手したプラグインやテーマには、しばしばマルウェアが含まれる可能性があります。

また、使っていないプラグインやテーマは速やかに削除することが推奨されます。これにより、攻撃の表面積が減少し、メンテナンスが容易になります。

セキュリティプラグインの導入

WordPressには、いくつかの優れたセキュリティプラグインが存在します。以下は特に人気のあるプラグインです。

  • Wordfence Security: リアルタイムの脅威検出と防御が可能で、WordPress専用のファイアウォールを提供します。
  • Sucuri Security: Webサイトの監視、監査ログ、マルウェアスキャン、ファイアウォール保護が含まれています。

メンテナンスの重要性

WordPressサイトのメンテナンスは、パフォーマンスの最適化、セキュリティの維持、機能性の向上に重要な役割を果たします。適切なメンテナンスを行わないと、サイトの速度低下やセキュリティリスクの増加、ユーザーエクスペリエンスの悪化が生じる可能性があります。

定期的なバックアップ

万が一のデータ損失に備えて、サイトの定期的なバックアップを取ることは必須です。バックアップには、データベースとファイルの両方が含まれるようにします。人気のあるバックアッププラグインとしては「UpdraftPlus」や「BackWPup」があります。

データベースの最適化

データベースは、時間が経つにつれて不要なデータで膨れ上がることがあります。定期的にデータベースを最適化することで、サイトの速度を向上させることができます。プラグイン「WP-Optimize」を使用することで、データベース内の不要なデータを簡単に削除できます。

WordPressのアップデート

WordPressは定期的にアップデートが提供され、新機能の追加やセキュリティパッチが含まれています。これらのアップデートを迅速に適用することは、サイトを安全かつ最新の状態に保つために不可欠です。

コアのアップデート

WordPressのコアは自動更新機能が備わっていますが、手動でアップデートを行う

ことも可能です。自動更新が不安な場合は、テスト環境で動作を確認してから本番環境に適用する方法が推奨されます。

プラグイン・テーマのアップデート

プラグインやテーマのアップデートも定期的に確認し、最新バージョンに保つことが重要です。古いバージョンのプラグインやテーマは、セキュリティホールとなりやすいため、更新を怠らないようにしましょう。

wp plugin update --all
wp theme update --all

プラグインの選定と管理

WordPressの大きな強みの一つが、そのプラグインの豊富さにあります。以下に、人気のプラグインを示します。

  1. Yoast SEO: 包括的な SEO 最適化ツール
  2. Elementor: 高度なデザイン機能を備えたドラッグ アンド ドロップ ページ ビルダー
  3. WPForms: ユーザー フレンドリーなフォーム ビルダー
  4. Akismet: コメント モデレーション用のスパム対策プラグイン
  5. WooCommerce: WordPress 向けの人気の e コマース プラットフォーム
  6. Jetpack: セキュリティ、パフォーマンス、サイト管理機能を提供します
  7. Smush: 画像最適化プラグイン
  8. MonsterInsights: Google Analytics 統合プラグイン【13†ソース】
  9. HubSpot: CRM、メール マーケティング、分析ツール【13†ソース】
  10. Rank Math: Yoast SEO に似た機能を提供する SEO プラグイン
  11. All in One SEO: もう 1 つの強力な SEO 最適化ツール
  12. WP Rocket: キャッシュ用の速度最適化プラグイン
  13. Sucuri: ウェブサイトのセキュリティと監視
  14. UpdraftPlus: バックアップと復元プラグイン
  15. W3 Total Cache: パフォーマンス向上およびキャッシュプラグイン
  16. Imagify: 画像圧縮プラグイン【13†ソース】
  17. WP Mail SMTP: メール配信の問題を解決【13†ソース】
  18. Easy Digital Downloads: デジタル製品の販売用
  19. Jitsi Meet: ビデオ会議プラグイン【13†ソース】
  20. Advanced Custom Fields (ACF): 開発者向けカスタムフィールドマネージャー
  21. TablePress: 表を作成するためのプラグイン
  22. WooCommerce PDF Invoices: WooCommerce 注文の PDF 請求書を自動生成します
  23. Pretty Links: URL 短縮およびリンク管理ツール
  24. Wordfence: Web アプリケーション ファイアウォールおよびセキュリティ スキャナー
  25. Litespeed Cache: キャッシュにより Web サイトの速度を高速化します
  26. Envira Gallery: レスポンシブ フォト ギャラリー プラグイン
  27. ShortPixel: 画像最適化サービス
  28. MemberPress: 会員制ウェブサイトを作成します
  29. WooCommerce Stock Sync: 在庫管理を Google スプレッドシートと統合します【13†ソース】
  30. WP Fastest Cache: ウェブサイトの速度最適化ツール
  31. Really Simple SSL: ウェブサイトの SSL 統合に役立ちます
  32. EchoRewards: 紹介プログラム プラグイン【13†ソース】
  33. Beaver Builder: ドラッグ アンド ドロップ ページ ビルダーの 1 つです
  34. PushEngage: ブラウザー プッシュ通知プラグイン
  35. SeedProd: ランディング ページ ビルダー
  36. Easy Video Reviews: ビデオ レビューを収集します【13†ソース】
  37. LearnDash: 学習管理システム プラグイン
  38. iThemes Security: WordPress を強化するセキュリティ プラグイン
  39. Revive Old Posts: ソーシャル メディアで古い投稿を自動的に共有します
  40. Mailchimp for WordPress: メール マーケティング用の Mailchimp 統合

テーマの選定と管理

以下に、人気のテーマを示します。

  1. Divi: 強力なビジュアルエディタ、カスタマイズ性、プリメイドレイアウト
  2. Astra: 軽量で高速、多彩なカスタマイズオプション、ウー・コマース対応
  3. OceanWP: SEO対応、高度なウー・コマース統合、レスポンシブデザイン
  4. GeneratePress: 高速、モバイルファーストデザイン、ウー・コマース対応
  5. Neve: 超高速、AMP対応、WooCommerceサポート
  6. Hestia: ワンページデザイン、ウー・コマース統合、モバイル対応
  7. Sydney: ビジネス用途に最適、カスタムブロック、フル幅ヘッダー
  8. Kadence: グートンバーグ対応、高速、プロバージョンあり
  9. Zerif Lite: シンプルでモダン、ワンページテーマ、ウー・コマースサポート
  10. Writee: ブログに最適、ミニマルデザイン、カスタマイズ性
  11. Soledad: マルチコンセプトブログ/マガジンテーマ、レスポンシブデザイン、豊富なカスタマイズオプション
  12. Newspaper: ニュースおよびマガジンテーマ、多くのデモ、広告管理、高速読み込み
  13. Avada: マルチ用途のテーマ、高度なカスタマイズ、統合プラグイン
  14. Jupiter X: マルチポーズテーマ、ビジュアルコンポーザ、カスタマイズ性
  15. Enfold: クリエイティブビジネステーマ、アジャスタブルレイアウト、WooCommerce対応
  16. The7: マルチ用途テーマ、ビジュアルコンポーザ、カスタマイズ性
  17. X Theme: マルチ用途テーマ、スタックデザイン、カスタマイズ性
  18. Uncode: クリエイティブマルチ用途テーマ、ビジュアルコンポーザ、ポートフォリオ機能
  19. Flatsome: ウー・コマース対応、高速、ビジュアルビルダー
  20. Salient: クリエイティブマルチ用途テーマ、高度なカスタマイズ、ポートフォリオ機能
  21. Oshine: クリエイティブマルチ用途テーマ、ビジュアルコンポーザ、ポートフォリオレイアウト
  22. TheGem: マルチ用途テーマ、高度なカスタマイズ、デモコンテンツ
  23. Porto: ウー・コマース対応、高速、多彩なスタイル
  24. Impreza: マルチ用途テーマ、ビジュアルコンポーザ、カスタマイズ性
  25. Kallyas: マルチ用途テーマ、ビジュアルコンポーザ、デモコンテンツ
  26. Bridge: マルチ用途テーマ、高度なカスタマイズ、デモコンテンツ
  27. Kalium: クリエイティブポートフォリオテーマ、ビジュアルコンポーザ、ポートフォリオ機能
  28. XStore: ウー・コマース対応、高速、多彩なスタイル
  29. Jannah: ニュースおよびマガジンテーマ、高速読み込み、広告管理
  30. Total: マルチ用途テーマ、高度なカスタマイズ、ビルダー含む
  31. Jupiter: マルチポーズテーマ、ビジュアルコンポーザ、カスタマイズ性
  32. Storefront: ウー・コマース公式テーマ、シンプルで高速、拡張性
  33. Hello: Elementorとの統合、軽量、カスタマイズ性
  34. Shoppe: ウー・コマース対応、多彩なショップスタイル、ビジュアルビルダー
  35. Foodica: フードブログ/レシピテーマ、カスタマイズ性、レスポンシブデザイン
  36. Blocksy: Gutenberg対応、高速、カスタマイズ性
  37. StudioPress: クリエイティブテーマ、SEO最適化、Genesisフレームワーク
  38. Inspiro: ポートフォリオ/ビデオテーマ、ビジュアルエディタ、カスタマイズ性
  39. SeedProd: ランディングページビルダー、プリメイドテンプレート、カスタマイズ性
  40. Jevelin: マルチ用途テーマ、ビジュアルコンポーザ、カスタマイズ性
  41. WoodMart: ウー・コマース対応、高度なショップ機能、カスタマイズ性

国内テーマ

Livedoor Blog

Media Studio

  1. Media Studioとは:

Graph View