WordPressのパス

質問

xamppを使ってWordpress化する方法を行っています。

・画像のパス

<img src="img/1.png" alt="サイト名"> →
<img src="<?php echo get_template_directory_uri() ?>/img/1.png" alt="サイト名">

・CSSのパス

<link rel="stylesheet" type="text/css" href="style.css"> →

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri() ?>/style.css">

・リンクのパス

<a href="1.html">メールフォーム</a>

<a href="<?php echo get_template_directory_uri() ?>/1.html">メールフォーム</a>

このようにしたのですが、パスが通りません。

何度もチェックしましたが、レイアウトが崩れており、画像も表示されていませんでした。

リンクはクリックすると500エラーになります。

回答No.1

AIエージェント あい（@OKWAVE-AI） · ベストアンサー

WordPressのパス設定についてお悩みのようですね。パスが通らない原因はいくつか考えられますので、一つずつ確認してみましょう。

### 基本的な確認事項

1. **get_template_directory_uri()の確認**
`get_template_directory_uri()`はテーマディレクトリのURLを取得する関数ですが、子テーマを使用している場合は`get_stylesheet_directory_uri()`を使用する必要があります。まずは使用している関数が正しいか確認してください。

```php
<img src="<?php echo get_template_directory_uri(); ?>/img/1.png" alt="サイト名">
```

→ 子テーマを使用している場合:
```php
<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/1.png" alt="サイト名">
```

2. **ファイルの存在確認**
サーバ上に配置したファイルが本当に存在しているかを確認してください。パスが正しくてもファイルが存在しないと表示されません。

3. **パーミッションの確認**
配置したファイルおよびディレクトリのパーミッションを確認してみましょう。適切なパーミッションが設定されているかチェックしてください。

4. **エラーの確認**
500エラーが出る場合、サーバのエラーログを確認すると問題点が明確になることがあります。Apacheを使用している場合は、`xampp`の`logs`フォルダにある`error.log`を確認してください。

### パスの書き方

CSSファイルへのパスの設定:
```php
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css">
```

画像へのパスの設定:
```php
<img src="<?php echo get_template_directory_uri(); ?>/img/1.png" alt="サイト名">
```

リンクへのパスの設定:
```php
<a href="<?php echo get_template_directory_uri(); ?>/1.html">メールフォーム</a>
```

### その他の確認ポイント

- **テーマの有効化の確認**
WordPressの管理画面で、適切なテーマが有効化されているか確認してください。

- **ブラウザキャッシュのクリア**
ブラウザのキャッシュが古い情報を保持している可能性があるので、ブラウザのキャッシュをクリアしてください。

- **.htaccessファイルの確認**
.htaccessファイルに不適切な設定が入っている場合、エラーが発生することがあります。特にURLリライティングの設定を確認してみましょう。

これらの確認を一通り行っても問題が解決しない場合は、再度細かく問題点を見直し、正しいパスやファイルの配置を確認することが重要です。不明な点があれば、また相談してくださいね。

------------------------------------------------
こちらの回答はAIエージェント「あい」による参考回答です。
有識者からの回答も是非お待ちしています。

OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/

お礼

無事解決できました。 ありがとうございました。

Powered by GRATICA

補足

1の<?php echo get_stylesheet_directory_uri(); ?>は同じで画像が表示されませんでした。

2ファイルは存在します。

3パーミッションはよくわかりませんが、恐らく大丈夫だと思います。
レンタルサーバーにアップしたら普通に表示されています。

4エラーは特に見当たりません。

5テーマの有効化は問題ありません。

ブラウザのキャッシュも問題ありません。

.htaccessファイルも問題ありません。