ymbyuki0104
@ymbyuki0104

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

PHPで分割したHeaderでCSSを読み込みたい

解決したいこと

現在PHPを使用し、簡単なシステムを作成しています。
ディレクトリはいくつか階層に分かれており、機能ごとにディレクトリを分けております。
HeaderやFooterを分割し、ルートに置き、JSやCSSの指定を「./src/css/style.css」としております。
ルートディレクトリのファイルでは読み込みができるのですが、下層ディレクトリのファイルの際、その時点をカントディレクトリとし、リンクが貼られるため、「下層ディレクトリ名/./src/css/style.css」のようになり、読み込むことができません。
サブディレクトリにて運用をしており、「/」のみにすると、メインディレクトリのCSSが引っ張られる状況です。
その他、リンクなども、「./index.php」などとうっているため、トップ以外では正常に動作しません。

発生している問題・エラー

Failed to load resource: the server responded with a status of 404 ()

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

header.phpに記載しているコード

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./src/css/style.css">
</head>

試したこと

ディレクトリの指定がうまくいっていないため、urlを入力すると正常に動作するのですが、すべてのリンクをURLには現実的でないと思っています。
パスで指定できればと思います。

その他、「./」「../」「../../」など、意味はなかったのですが試しております。

よろしくお願いいたします。

0

1Answer

ディレクトリ構造がイメージできないので、具体的にどのようになっているのか示していただけますか?

0Like

Comments

  1. @ymbyuki0104

    Questioner

    +Wordpressのファイル
    |
    +今回のシステム-index.php
    +createUser(ユーザ作成)-create.php
    +src+css+style.css
    +js+main.js


    このような階層になります。

    よろしくお願いいたします。
  2. <link rel="stylesheet" href="/src/css/style.css">
    このようなルートパス指定では解決しないのでしょうか?

    ルートディレクトリ、サブディレクトリ、メインディレクトリのCSSというのが示された構造からはわかりませんでした。

    もしパスで解決できないのならheader.phpをさらに細かくする方法もあると思います。
    例えばmetaタグやtitleタグの部分を共通として、cssの部分をページ単位に作ります。

Your answer might help someone💌