フリーランスが会社員収入を継続して得られないパターン7つ

LPをwordpress化するときにbootstrapが適用されない

バンコクのエンジニア講座であるisara3期の課題でつまづいたポイント、

wordpressテーマ自作するとき、すでに作成したLPをwordpressのテーマ化する場合の、「bootstrapが適用されない」対処法をお伝えします。

前提

  • LPのindex.htmlをindex.phpに変更している
  • index.phpのheader部分を、header.phpへ、footer部分をfooter.phpへ移植している

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

header.php

footer.php

index.php

 

解決策

1.wordpressへ適用するとき記述方法が合っているか

header.php(head内)

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

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

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

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

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

header.php(head内)

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