VSC 拡張機能 Live sass Compiler 設定
{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/css"
}
],
"liveSassCompile.settings.generateMap": true,
"liveSassCompile.settings.autoprefix": [
"> 1%",
"last 2 versions"
],
"liveSassCompile.settings.showOutputWindow": true,
"scss.validate": true
}
CREATE TABLE IF NOT EXISTS images (
ID INT AUTO_INCREMENT PRIMARY KEY,
image_name VARCHAR(255),
image_path VARCHAR(500),
image_alt VARCHAR(255),
image_title VARCHAR(255),
image_description TEXT,
image_enabled TINYINT(1) DEFAULT 1,
image_order INT
);
CREATE USER 'shimizuya'@'localhost' IDENTIFIED BY '0000abcdef';
GRANT ALL PRIVILEGES ON *.* TO 'shimizuya'@'localhost' WITH GRANT OPTION;
FLUSH PRIVILEGES;
MySQLでユーザー一覧を表示するには、以下のSQLクエリを使用します。まず、MySQLにログインし、次のコマンドを実行してください。
“`sql
SELECT user, host FROM mysql.user;
“`
Windows環境でMySQLにログインするには、コマンドプロンプトを開き、以下のコマンドを実行します。
“`sh
mysql -u root -p
“`
パスワードを入力した後、上記のSQLクエリを実行してください。
shimimane: rootと同じ権限を持つ userを作成
id: shimizuya
pass: 0000abcdef
GitHub Copilot: MySQLで`root`と同じ権限を持つユーザー`shimizuya`を作成するには、以下の手順を実行します。
1. MySQLにログインします。
2. 新しいユーザーを作成し、パスワードを設定します。
3. 新しいユーザーに`root`と同じ権限を付与します。
以下のコマンドを順に実行してください。
“`sh
mysql -u root -p
“`
パスワードを入力した後、以下のSQLコマンドを実行します。
“`sql
— 新しいユーザーを作成し、パスワードを設定
CREATE USER ‘shimizuya’@’localhost’ IDENTIFIED BY ‘0000abcdef’;
— 新しいユーザーに全ての権限を付与
GRANT ALL PRIVILEGES ON *.* TO ‘shimizuya’@’localhost’ WITH GRANT OPTION;
— 権限をリフレッシュ
FLUSH PRIVILEGES;
“`
これで、`shimizuya`ユーザーが`root`と同じ権限を持つようになります。
登録されてるホストとユーザー名の確認
select user, host from mysql.user;
特定のユーザーの権限確認
show grants for ‘ユーザー名’@’ホスト名’
VBAを使って実現できます。
コード例
VBA
Sub GenerateCreateTableSQL()
Dim ws As Worksheet
Dim tbl As ListObject
Dim col As ListColumn
Dim sql As String
Dim firstCol As Boolean
‘対象のワークシートとテーブルを指定
Set ws = ThisWorkbook.Sheets(“Sheet1”) ‘シート名を変更
Set tbl = ws.ListObjects(“Table1”) ‘テーブル名を変更
‘SQL文の初期化
sql = “CREATE TABLE ” & tbl.Name & ” (“
‘各列をループ処理
firstCol = True
For Each col In tbl.ListColumns
If Not firstCol Then
sql = sql & “, “
End If
sql = sql & “[” & col.Name & “] ” & GetSQLDataType(col.Range.Cells(1).Value)
firstCol = False
Next col
sql = sql & “);”
‘SQL文を出力
Debug.Print sql
End Sub
‘データ型をSQLデータ型に変換する関数
Function GetSQLDataType(cellValue As Variant) As String
Select Case TypeName(cellValue)
Case “String”
GetSQLDataType = “VARCHAR(255)”
Case “Double”
GetSQLDataType = “FLOAT”
Case “Integer”
GetSQLDataType = “INT”
Case “Date”
GetSQLDataType = “DATE”
Case Else
GetSQLDataType = “VARCHAR(255)”
End Select
End Function
コードの解説
使用方法
注意点
拡張機能
このコードを参考に、Excelシートの表からSQLのCREATE TABLE文を生成してみてください。
Linux Mintは、使いやすいモダンなデスクトップ環境を提供することに重点を置いた、人気のあるLinuxディストリビューションです。UbuntuやDebianをベースにしており、安定性と使いやすさで知られています。
主な特徴:
Linux Mintのエディション:
Linux Mintは、主に3つのデスクトップ環境を提供しています。
Linux Mintの利点:
Linux Mintの欠点:
Linux Mintは、以下のようなユーザーにおすすめです:
ordpress フォルダ /var/www/html/example/wp
トップ画面 url:http://example.local/wp/ これを
トップ画面 url:http://example.local にしたい
現在の設定
<VirtualHost *:80>
ServerAdmin webmaster@localhost
ServerName example.local
DocumentRoot /var/www/html/example
<Directory /var/www/html/example>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/example_error.log
CustomLog ${APACHE_LOG_DIR}/example_access.log combined
LogLevel debug
</VirtualHost># BEGIN WordPress
# "BEGIN WordPress" から "END WordPress" までのディレクティブ (行) は
# 動的に生成され、WordPress フィルターによってのみ修正が可能です。
# これらのマーカー間にあるディレクティブへのいかなる変更も上書きされてしまいます。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /wp/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wp/index.php [L]
</IfModule>
# END WordPressdb
option_id option_name option_value autoload
3 home http://example.local/wp on
2 siteurl http://example.local/wp on
==================================================
トップ画面 url:http://example.local
管理 画面 url:http://example.local/wp-admin
にするための手順
トップ画面のURLを http://example.local に変更するためには、以下の手順を実行してください。
/etc/apache2/sites-available/example.conf の修正DocumentRoot を wp に変更します。 <VirtualHost *:80>
ServerAdmin webmaster@localhost
ServerName example.local
## ここ ###########
DocumentRoot /var/www/html/example/wp
## ここ ###########
<Directory /var/www/html/example/wp>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/example_error.log
CustomLog ${APACHE_LOG_DIR}/example_access.log combined
LogLevel debug
</VirtualHost>.htaccess の修正:RewriteBase と RewriteRule を更新します。 # BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
## ここ ###########
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
## ここ ###########
RewriteRule . /index.php [L]
</IfModule>
# END WordPresshome と siteurl の値を http://example.local に変更します。 UPDATE wp_options SET option_value = 'http://example.local' WHERE option_name = 'home';
UPDATE wp_options SET option_value = 'http://example.local' WHERE option_name = 'siteurl'; sudo systemctl restart apache2これで、トップ画面のURLが http://example.local に変更され、管理画面のURLは http://example.local/wp-admin になります。
shimimane: この変更に伴って 現在のdbのurl部分の変更が必要ではないかと思います。
db のどのテーブルを変更していけばいいでしょうか？
GitHub Copilot: はい、データベースのURL部分の変更が必要です。以下のテーブルとフィールドを変更してください。
wp_options テーブル:option_name が home の option_value を http://example.local に変更option_name が siteurl の option_value を http://example.local に変更以下のSQLクエリを実行してください。
UPDATE wp_options SET option_value = 'http://example.local' WHERE option_name = 'home';
UPDATE wp_options SET option_value = 'http://example.local' WHERE option_name = 'siteurl';
``
`wp_posts` テーブルの `guid` フィールドに登録されているURLも変更する必要があります。以下のSQLクエリを実行して、`guid` フィールドのURLを一括で更新します。sql
UPDATE wp_posts
SET guid = REPLACE(guid, ‘http://example.local/wp/’, ‘http://example.local/’)
WHERE guid LIKE ‘http://example.local/wp/%’;
このクエリは、`guid` フィールドに含まれる `http://example.local/wp/` を `http://example.local/` に置き換えます。
また、投稿内容やメディアファイルのURLも変更する必要がある場合があります。その場合は、以下のように `post_content` フィールドも更新します。sql
UPDATE wp_posts
SET post_content = REPLACE(post_content, ‘http://example.local/wp/’, ‘http://example.local/’)
WHERE post_content LIKE ‘%http://example.local/wp/%’;
これで、`wp_posts` テーブルの `guid` フィールドと `post_content` フィールドのURLが更新されます。
# 他のテーブルにもURLが含まれている可能性があります。特に以下のテーブルとフィールドを確認し、必要に応じてURLを更新してください。
1. **`wp_postmeta` テーブル**:
- `meta_value` フィールドにURLが含まれている場合があります。sql
UPDATE wp_postmeta
SET meta_value = REPLACE(meta_value, ‘http://example.local/wp/’, ‘http://example.local/’)
WHERE meta_value LIKE ‘%http://example.local/wp/%’;
2. **`wp_usermeta` テーブル**:
- `meta_value` フィールドにURLが含まれている場合があります。sql
UPDATE wp_usermeta
SET meta_value = REPLACE(meta_value, ‘http://example.local/wp/’, ‘http://example.local/’)
WHERE meta_value LIKE ‘%http://example.local/wp/%’;
3. **`wp_options` テーブル**:
- `option_value` フィールドにURLが含まれている場合があります。sql
UPDATE wp_options
SET option_value = REPLACE(option_value, ‘http://example.local/wp/’, ‘http://example.local/’)
WHERE option_value LIKE ‘%http://example.local/wp/%’;
“`
これらのクエリを実行することで、他のテーブルに含まれるURLも一括で更新できます。必要に応じて、他のカスタムテーブルやプラグインのテーブルも確認してください。
手順
shimimane: wordpress
パーマリンクを変更して
http://localhost/wpar/?page_id=13 ⇒ http://localhost/wpar/スラッグ
のようにしたい
手順を解説してください
GitHub Copilot: 以下の手順でWordPressのパーマリンクを変更できます。
1. **WordPress管理画面にログイン**:
– `http://localhost/wpar/wp-admin` にアクセスして、管理者アカウントでログインします。
2. **パーマリンク設定を変更**:
– 管理画面の左側メニューから「設定」→「パーマリンク設定」をクリックします。
– 「カスタム構造」を選択し、`/%postname%/` と入力します。
– ページ下部の「変更を保存」ボタンをクリックします。
3. **ページのスラッグを設定**:
– 管理画面の左側メニューから「固定ページ」→「すべての固定ページ」をクリックします。
– 変更したいページ（例: `page_id=13`）を編集します。
– ページ編集画面で、右側の「パーマリンク」セクションを見つけ、スラッグを設定します（例: `slug`）。
– ページを更新します。
これで、`http://localhost/wpar/?page_id=13` が `http://localhost/wpar/slug` に変更されます。
### 注意点
– パーマリンク設定を変更すると、他のページや投稿のURLも影響を受ける可能性があります。
– 必要に応じて、リダイレクト設定を行うことを検討してください。
以上の手順でパーマリンクを変更できます。
パーマリンク http://localhost/wpar /%postname%/ とし
http://localhost/wpar/?page_id=13 slug=company
http://localhost/wpar/company/
Not Found
The requested URL was not found on this server.
Apache/2.4.58 (Ubuntu) Server at localhost Port 80
GitHub Copilot: このエラーは、Apacheの設定やWordPressのリライトルールが正しく設定されていないことが原因で発生することがあります。以下の手順で問題を解決できます。
### 1. Apacheのmod_rewriteモジュールを有効にする
ターミナルを開き、以下のコマンドを実行してmod_rewriteモジュールを有効にします。
“`bash
sudo a2enmod rewrite
sudo systemctl restart apache2
“`
### 2. Apacheの設定ファイルを編集する
Apacheの設定ファイルを編集して、`AllowOverride`ディレクティブを設定します。
“`bash
sudo nano /etc/apache2/sites-available/000-default.conf
“`
以下のように、`<Directory /var/www/html>`セクションに`AllowOverride All`を追加します。
“`apache
<Directory /var/www/html>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
“`
設定ファイルを保存して閉じた後、Apacheを再起動します。
“`bash
sudo systemctl restart apache2
“`
### 3. .htaccessファイルを確認する
WordPressのルートディレクトリに`.htaccess`ファイルが存在するか確認し、以下の内容が含まれていることを確認します。
“`plaintext
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wpar/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wpar/index.php [L]
</IfModule>
# END WordPress
“`
もし`.htaccess`ファイルが存在しない場合は、新規作成して上記の内容を追加します。
### 4. パーマリンク設定を再保存する
WordPress管理画面に戻り、「設定」→「パーマリンク設定」に移動し、何も変更せずに「変更を保存」ボタンをクリックします。これにより、.htaccessファイルが再生成されます。
これで、`http://localhost/wpar/company/` にアクセスできるようになるはずです。
youser_name を www-data グループに加える
GitHub Copilot: 以下の手順でユーザー `youser_name` を `www-data` グループに追加できます。
1. ターミナルを開きます。
2. 以下のコマンドを実行して、`youser_name` ユーザーを `www-data` グループに追加します。
“`bash
sudo usermod -aG www-data youser_name
“`
3. 変更を反映するために、`youser_name` ユーザーがログアウトして再ログインする必要があります。
これで、`youser_name` ユーザーが `www-data` グループに追加されました。
必要に応じて、ディレクトリ全体の所有者とグループを変更します。
“`bash
sudo chown -R www-data:www-data /var/www/html/wpar
“`
### 3. ファイルとディレクトリの権限を変更する
ファイルとディレクトリに適切な権限を設定します。
“`bash
sudo chmod 755 /var/www/html/wpar
“`
### 4. `youser_name` ユーザーに書き込み権限を付与する
`youser_name` ユーザーが `www-data` グループに追加されていることを確認し、グループに書き込み権限を付与します。
“`bash
sudo chmod -R g+w /var/www/html/wpar
“`
これで、`youser_name`ユーザーが `/var/www/html/wpar/kaisetu` ファイルに書き込むことができるようになるはずです。
https://ja.wordpress.org/support/article/resetting-your-password
WordPressには、パスワードをリセットする方法が複数あります。通常、最も簡単リセット方法は、ブログまたはサイトのメインログインページで「パスワードを忘れましたか ?」リンクを使用することです。しかし、パスワードをリセットするために別の手順を実行する必要がある場合があります。特に、メールが正常に機能しない場合などです。
パスワードをリセットするさまざまな方法の一覧を以下に示します。使用する方法は、サイトへどのようにしてまだアクセスできるかによって異なります。
すでにログインした状態からパスワードを変更するには、以下の手順に従ってください。
新しいパスワードがすぐに有効化されます。
https://video.wordpress.com/embed/xVuvAiKQ?hd=0&cover=1こちらの動画の1分42秒地点からパスワードリセットの方法が紹介されています。
自分のプロフィールのユーザー名またはメールアカウントを知っている場合は、WordPress のパスワードリセット機能を使用できます。
http://example.com/wordpress/wp-login.php)。detabase-name)” (WordPress データベースを選択)xx-users のようなテーブルを探す)xx-users);” (これで中身がだいたいわかるはずです)xx-users) SET user_pass=”(MD5-string-created)” WHERE ID = (user-ID-to-reset-password-for);” (パスワードを変更する)xx-users);” (変更を確認する)注: 最近のバージョンの MySQL (version 5.x?) をお使いの場合は、以下の方法で MD5 を算出できます。
xx-users) SET user_pass = MD5(‘(new-password)’) WHERE ID = (user-ID-to-reset-password-for);” (パスワードを変更する)パスワードがソルト化されている場合、つまり例えば $P$BLDJMdyBwegaCLE0GeDiGtC/mqXLzB0 のように見える場合でも、パスワードを MD5 ハッシュに置き換えて WordPress でログインできるようになることに注意してください。
以下は、phpMyAdmin でパスワードを変更する手順です。
注: phpMyAdmin の操作を誤ると、データが消えたり破損したりする危険があります。詳しい説明を読んで理解した上で、ご自分の責任で作業を行ってください。
wp_users を見つける。
管理者権限のユーザーの場合、FTP 経由でパスワードをリセットする簡単な方法もあります。
<?php のすぐ下に、以下のように入力してください。wp_set_password( 'password', 1 );
wp_users テーブルのユーザー ID 番号です。WP-CLI は、WordPress インストールを管理するためのコマンドラインツールです。
/wordpress ディレクトリへ移動して以下を入力し、すべてのユーザーを表示します。$ wp user list
$ wp user update 1 --user_pass=$UP3RstrongP4$w0rd
上記の他の解決法が機能しない場合は、緊急パスワードリセットスクリプトを試してください。これはプラグインではなく、PHP スクリプトであることに注意してください。
・ データベースのURL設定：siteurlとhomeの値が正しいURLに設定されていることを確認します。
・ .htaccessファイル：リダイレクト設定やRewriteルールが正しく設定されていることを確認します。
・ Apacheの設定：VirtualHostの設定が正しく行われていることを確認します。
・ ファイルのパーミッション：必要なファイルやディレクトリのパーミッションが正しく設定されていることを確認します。
この注意事項を加味して
サイト移行時の手順を作成してください。
現行 localhost
移行先 192.168.0.50
GitHub Copilot: サイト移行時の手順を以下に示します。これらの手順に従って、WordPressサイトを`localhost`から`192.168.0.50`に移行してください。
### 1. データベースのバックアップ
まず、現行のデータベースをバックアップします。
“`bash
mysqldump -u shimizuya -p wpar > wpar_backup.sql
“`
### 2. ファイルのバックアップ
次に、WordPressのファイルをバックアップします。
“`bash
tar -czvf wpar_backup.tar.gz /var/www/html/wpar
“`
### 3. 新しいサーバーにファイルを転送
バックアップしたファイルを新しいサーバーに転送します。
“`bash
scp wpar_backup.sql wpar_backup.tar.gz user@192.168.0.50:/path/to/backup/
“`
### 4. 新しいサーバーでファイルを復元
新しいサーバーにログインし、ファイルを復元します。
“`bash
ssh user@192.168.0.50
cd /path/to/backup/
tar -xzvf wpar_backup.tar.gz -C /var/www/html/
“`
### 5. データベースの復元
新しいサーバーでデータベースを復元します。
“`bash
mysql -u shimizuya -p
CREATE DATABASE wpar;
EXIT;
mysql -u shimizuya -p wpar < wpar_backup.sql
“`
### 6.
wp-config.php
の設定変更
新しいサーバーの`wp-config.php`ファイルを編集し、データベースの設定を確認します。
“`php
/** The name of the database for WordPress */
define( ‘DB_NAME’, ‘wpar’ );
/** Database username
*/
define( ‘DB_USER’, ‘shimizuya’ );
/** Database password */
define( ‘DB_PASSWORD’, ‘shimizuya’ );
/** Database hostname */
define( ‘DB_HOST’, ‘localhost’ );
“`
### 7. データベースのURL設定変更
新しいサーバーで`siteurl`と`home`の値を更新します。
“`bash
mysql -u shimizuya -p
USE wpar;
UPDATE wpar_options SET option_value = ‘http://192.168.0.50’ WHERE option_name = ‘siteurl’;
UPDATE wpar_options SET option_value = ‘http://192.168.0.50’ WHERE option_name = ‘home’;
EXIT;
“`
### 8. Apacheの設定変更
新しいサーバーのApache設定ファイルを編集し、VirtualHostの設定を行います。
“`apache
<VirtualHost *:80>
ServerName 192.168.0.50
DocumentRoot /var/www/html/wpar
<Directory /var/www/html/wpar>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/wpar_error.log
CustomLog ${APACHE_LOG_DIR}/wpar_access.log combined
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteCond %{SERVER_NAME} =192.168.0.50
RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [L,R=301]
</VirtualHost>
<VirtualHost *:443>
ServerName 192.168.0.50
DocumentRoot /var/www/html/wpar
<Directory /var/www/html/wpar>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
ErrorLog ${APACHE_LOG_DIR}/wpar_error.log
CustomLog ${APACHE_LOG_DIR}/wpar_access.log combined
SSLEngine on
SSLCertificateFile /etc/ssl/certs/selfsigned.crt
SSLCertificateKeyFile /etc/ssl/private/selfsigned.key
</VirtualHost>
“`
### 9. Apacheの再起動
Apacheを再起動して設定を反映させます。
“`bash
sudo systemctl restart apache2
“`
### 10. ファイルのパーミッション確認
必要なファイルやディレクトリのパーミッションが正しく設定されていることを確認します。
“`bash
sudo chown -R www-data:www-data /var/www/html/wpar
sudo chmod -R 755 /var/www/html/wpar
“`
### 11. 動作確認
ブラウザで`http://192.168.0.50`にアクセスし、サイトが正しく表示されることを確認します。
これでサイトの移行が完了です。何か問題が発生した場合は、エラーログを確認して原因を特定してください。
https://blanche-toile.com/web/windows-xampp-virtualhost
Free Style > WEB > XAMPPでバーチャルホストを設定して複数のドメインを使う方法
更新日:2023/09/04｜WEB
WindowsでXAMPPを使ってローカル開発環境を構築して実際にサイト制作などする際、複数のドメインを管理できると非常に便利です。
そこで複数のドメインを扱えるようにするには、バーチャルホストの設定をしていきます。
まだXAMPPでローカル開発環境を整えていないという方は、以下の記事で説明しています。
ここではXAMPPでバーチャルホストを設定して複数のドメインを使う方法をご紹介します。
まずはバーチャルホストの編集ファイルが有効になっているか確認します。（昔はコメントアウトされていたような気がしたので）
一応、念のため。
ファイルの場所は「C:¥xampp¥apache¥conf¥httpd.conf」です。
httpd.confの516行目あたりの「Include conf/extra/httpd-vhosts.conf」部分の先頭のコメントアウト「#」があったら削除しておいてください。
バーチャルホストのconfファイルを編集します。
編集するファイルは「httpd-vhosts.conf」です。
ファイルの場所は「C:¥xampp¥apache¥conf¥extra¥httpd-vhosts.conf」です。
まずは、httpd-vhosts.confの20行目あたりの「NameVirtualHost」部分のコメントアウトの「##」を削除して解除させます。
続いて、一番最後に以下の記述を追加します。
例として、ローカルで「example.com」というURLで「C:\xampp\htdocs」のexample.comフォルダにアクセスできるようにしてみましょう。
<VirtualHost *:80>
DocumentRoot "C:\xampp\htdocs\example.com"
ServerName example.com
</VirtualHost>
ドキュメントルートとサーバー名（バーチャルドメイン）を設定をしています。
DocumentRoot : ドキュメントルート
ServerName : サーバーのホストネーム（バーチャルドメイン）
必要に応じて上記の4行を追加していけばいいです。
htdocs内にexample.comというフォルダを作ってHello worldと表示されるindex.htmlを置いておきました。
このあとhostsの設定をしたら確認しましょう。
最後にhostsファイルを編集します。
編集は、Windowsにデフォルトで搭載されている「メモ帳」で行います。
hostsファイルの場所は「C:\Windows\System32\drivers\etc\hosts」になりますが、管理者権限でないと編集することができません。
まずは、画面右下のWindowsアイコンを選択します。
アプリケーションの一覧の「Windows アクセサリ」のフォルダにメモ帳があります。
メモ帳を右クリックして「その他」と進み、「管理者として実行」を選択します。
ユーザーアカウント制御に関するメッセージが表示されます。
「このアプリがデバイスに変更を加えることを許可しますか？」と出ますので、「はい」を選択して許可します。
管理者権限でメモ帳で開きましたら、hostsファイルを開きます。
メモ帳の上部メニューの「ファイル」から「開く」を選択します。
ファイル名に「C:\Windows\System32\drivers\etc\hosts」とhostsファイルのパスを入力して、コンピュータ内からファイルを選択して開きます。
hostsファイルを管理者権限で開きましたら、一番下の行にIPアドレスとバーチャルホストのドメインを入力します。
（IPアドレス 半角スペース URL）
ローカル環境のIPアドレスは、自分自身を指す特別なIPアドレス、ローカル・ループバック・アドレス（127.0.0.1）を指定します。
そのあと半角スペースをあけてドメインを入力します。
終わったら保存して終了です。
あとは一度XAMPPを再起動させればOKです。
実際に設定したドメイン「http://example.com」をブラウザで叩いてみるとHello worldと表示されます。
うまくいきましたね。
オフラインで動くXAMPPで複数のドメインを使えるといろいろ便利です。
是非、Web開発やPHPなどのプログラミング学習に役立ててください。