Web制作で速く稼ぐための勉強法

wordpressを自作してBootstrapが適用されなくなる場合の対処法

すでに作成したHTML、CSSファイルをWordPress化する場合に「Bootstrapが適用されない」場合の対処法をお伝えします。

WordPressを自作してBootstrapが適用されなくなる場合

  • HTML、CSSファイルのHTMLファイル(index.php)をindex.phpやhome.phpに変更している
  • index.phpのheader部分を、header.phpへ、footer部分をfooter.phpへ移植している

下記の状態になっているのが前提です。

WordPressのheader.php

WordPressのfooter.php

WordPressのindex.php

 

WordPressを自作してBootstrapが適用されなくなる解決策

1.Bootstrapを適用する記述方法が合っているか

header.php(head内)

この記述に変更が必要なのは、BootstrapファイルがLPに入っている場合のみで、URLで指定されているBootstrap記述は上記のように変える必要がありません。

URLで指定されているBootstrap記述は以下のようなものです。

 

2.Bootstrapの誤ったバージョンを先に読み込んでいないか

バージョン3.2.1で作成しているのに、バージョン4.0.0を先に読み込んでいる場合、Bootstrapが反映されません。

例えば以下のように4.0.0を先に書いた場合反映されません。

header.php(head内)

下記のように3.2.1を先に読み込ませるか、4.0.0を消してもサイトに影響がないなら消してしまいましょう。