{"id":20324615,"url":"https://github.com/gh640/wordpress-sandbox-ja","last_synced_at":"2025-08-01T10:43:35.694Z","repository":{"id":41331509,"uuid":"394872400","full_name":"gh640/wordpress-sandbox-ja","owner":"gh640","description":"(Japanese) 最新の WordPress を気軽に試すための Docker / Docker Compose 設定です。 Codespaces でも使えます。","archived":false,"fork":false,"pushed_at":"2024-04-30T05:26:18.000Z","size":1140,"stargazers_count":3,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-25T15:49:01.326Z","etag":null,"topics":["docker","docker-compose","github-workspaces","wordpress","wp-cli"],"latest_commit_sha":null,"homepage":"","language":"Dockerfile","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gh640.png","metadata":{"files":{"readme":"docs/README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-11T05:25:16.000Z","updated_at":"2024-04-30T05:26:21.000Z","dependencies_parsed_at":"2024-01-14T10:44:01.935Z","dependency_job_id":"e0e3f745-6588-4ea4-a7fb-dd653d6b866d","html_url":"https://github.com/gh640/wordpress-sandbox-ja","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fwordpress-sandbox-ja","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fwordpress-sandbox-ja/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fwordpress-sandbox-ja/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gh640%2Fwordpress-sandbox-ja/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gh640","download_url":"https://codeload.github.com/gh640/wordpress-sandbox-ja/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248468497,"owners_count":21108829,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","github-workspaces","wordpress","wp-cli"],"created_at":"2024-11-14T19:36:32.923Z","updated_at":"2025-04-11T19:42:12.727Z","avatar_url":"https://github.com/gh640.png","language":"Dockerfile","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WordPress サンドボックス\n\n最新の WordPress を気軽に試すための Docker / Docker Compose 設定です。\n\n## 動作確認時の環境\n\n```bash\ndocker --version\nDocker version 25.0.3, build 4debf41\n```\n\n```bash\ndocker compose version\nDocker Compose version v2.24.6-desktop.1\n```\n\n## 内容物\n\n- Apache 2.4\n- PHP 8.2\n- MySQL 8.x\n- WordPress 日本語版 最新\n- WP-CLI 最新\n\n## 使い方\n\n### 起動\n\n```bash\n# WordPress イメージをビルド\ndocker compose build\n\n# MySQL イメージのダウンロード\ndocker compose pull\n\n# コンテナ起動\ndocker compose up -d\n```\n\nDocker volume に置いている `wp-content/uploads` の所有者が最初は `root` になってしまっているので、 `www-data` に変更する必要があります。\n\n```bash\ndocker compose exec -u root wordpress chown -R www-data wp-content/uploads\n```\n\nコンテナを起動すると `localhost` のポート `80` で WordPress が起動するのでブラウザまたはターミナルでインストール操作を行います。\n\nブラウザからインストールする場合のイメージ:\n\n![ブラウザからインストール](./assets/screenrecording-setup.gif)\n\nターミナルからインストールする場合のイメージ:\n\n```bash\nWP_URL=\"http://localhost\"\nWP_ADMIN_USER=\"admin\"\nWP_ADMIN_EMAIL=\"example@example.com\"\nWP_ADMIN_PASSWORD=\"password\"\n\ndocker compose exec wordpress \\\n  wp --allow-root core install \\\n  --url=\"$WP_URL\" \\\n  --title=\"WordPress サンドボックス\" \\\n  --admin_user=\"$WP_ADMIN_USER\" \\\n  --admin_email=\"$WP_ADMIN_EMAIL\" \\\n  --admin_password=\"$WP_ADMIN_PASSWORD\" \\\n  --skip-email\n```\n\n#### GitHub Codespaces を使う場合\n\nGitHub Codespaces でプレビューを利用する場合は、 URL が `localhost` ではないので以下の対応が必要です。\n\n##### GitHub Codespaces で必要な対応 1\n\n`compose.yaml` ファイルの build args の `WP_CONFIG_EXTRA` のコメントアウトされた行を安コメントします。\n\n```yaml\nWP_CONFIG_EXTRA: \"wp-config-extra-github-codespaces.txt\"\n```\n\n##### GitHub Codespaces で必要な対応 2\n\nWordPress のインストール手続きをブラウザではなくターミナルから行います。\n\nイメージ:\n\n```bash\nWP_URL=\"https://${CODESPACE_NAME}-80.${GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN}\"\nWP_ADMIN_USER=\"admin\"\nWP_ADMIN_EMAIL=\"example@example.com\"\nWP_ADMIN_PASSWORD=\"password\"\n\ndocker compose exec -u www-data wordpress \\\n  wp core install \\\n  --url=\"$WP_URL\" \\\n  --title=\"WordPress サンドボックス\" \\\n  --admin_user=\"$WP_ADMIN_USER\" \\\n  --admin_email=\"$WP_ADMIN_EMAIL\" \\\n  --admin_password=\"$WP_ADMIN_PASSWORD\" \\\n  --skip-email\n```\n\n`wp` は `wordpress` イメージにインストールされた WP-CLI です。\n\nこのコマンドはリポジトリ内の `codespaces/install-wordpress-on-docker.sh` に記述してあるので、上のコマンドの代わりにスクリプトを実行しても OK です。\n\n```bash\n./codespaces/install-wordpress-on-docker.sh\n```\n\nコンテナ起動直後に実行すると、 MySQL のプロセスが起動しきっておらずデータベース接続エラーが起こることがあります。\nその場合は少し（数秒）待ってから再度コマンドを実行します。\n\nポートの公開設定（ Visibility ）が private だとブラウザでアクセスしたときに CSS などが正しく読み込まれないので、ポートの公開設定を public に変更します。\n\n![ポートの公開設定を Public に変更](./assets/screenshot-github-codespaces-port.png)\n\n管理画面にログインできます。\n\n![ログイン](./assets/screenshot-login.png)\n\n### 停止\n\n触り終わったらコンテナを停止します。\n\n```bash\ndocker compose down\n```\n\n### MySQL ボリュームの削除\n\n```bash\ndocker volume rm wordpress-sandbox-ja_db_data\n```\n\nもしくはコンテナ停止時にオプション `--volumes` をつけることでも削除できます。\n\n```bash\ndocker compose down --volumes\n```\n\n### WP-CLI\n\nコンテナに WP-CLI がインストールされています。\n\n```bash\ndocker compose exec wordpress wp\n```\n\n## 関連情報\n\n### ブログ記事\n\nかんたんな説明記事を書きました。\n\n- [GitHub Codespaces で WordPress を動かす方法\n | gotohayato.com](https://gotohayato.com/content/543/)\n\n### 他プロジェクト\n\n#### `wp-env`\n\nWordPress コミュニティが `wp-env` という Node.js ベースの CLI ツールを提供しています。\n`wp-env` はプラグインやテーマの開発・テストに有用な Docker ベースの環境をかんたんに立ち上げられる、 Docker / Docker Compose のラッパーです。\n\n- [@wordpress/env | Block Editor Handbook | WordPress Developer Resources](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-env/)\n- [@wordpress/env - npm](https://www.npmjs.com/package/@wordpress/env)\n\n#### `wordpress` イメージ\n\nDocker 公式の WordPress イメージです。\n\n- [Docker](https://hub.docker.com/_/wordpress)\n- [GitHub - docker-library/wordpress: Docker Official Image packaging for WordPress](https://github.com/docker-library/wordpress)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgh640%2Fwordpress-sandbox-ja","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgh640%2Fwordpress-sandbox-ja","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgh640%2Fwordpress-sandbox-ja/lists"}