Q&A
赤線で隠れて見えませんが、ブラウザはそこにアクセスしに行っているわけです。
それで読み込まれない(404エラー)ということはその場所にファイルがないということです。
ということは「ファイルの位置とパスの指定は正しい」という思い込みは誤りだったということです。
独自に制作中のWordPressテーマにBootstrap4を導入したいのですが、いくら試行錯誤をしても「bootstrap.min.css」と「bootstrap.bundle.min.js」を読む事が出来ません。CDNではなく、出来ればソースファイルを直接読ませたいと考えています。
index.php
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<title><?php bloginfo('name'); ?></title> 6<meta name="keywords" content="<?php bloginfo('keywords'); ?>"> 7<meta name="description" content="<?php bloginfo('description'); ?>"> 8<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9<link rel="stylesheet" href="./css/bootstrap.min.css"> 10<?php wp_head(); ?> 11</head> 12 13<body> 14<div class="container"> 15<h1>Hello</h1> 16<p>this is Bootstrap sample!</p> 17</div> 18<?php wp_footer(); ?> 19<script src="./js/bootstrap.bundle.min.js"></script> 20</body> 21</html>
ファイル構成は以下の通りです。
ファイルの位置とパスの指定は正しいはずなのに、なぜか以下のようにbootstrapが読まれません。
原因は分かりますでしょうか？
回答1件
0
ベストアンサー
現在のパスではルートディレクトリを見に行きます。
簡単なのはルートディレクトリにbootstrapのcss,jsなどを持っていくことですが、
本来WordPressのお作法としては、wp_enque_scriptなどで読み込みタイミングを任せることです。
投稿2019/12/10 11:19
編集2019/12/10 11:21
総合スコア1857
あなたの回答
tips
プレビュー
