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

LPをwordpress化するときにスライダー(swiper)が反映されない

以下問題が起こった場合の解決策をお伝えします。

 

1.問題

LPでスライダー(swiper)を使いwordpress化した時に、反映されない

 

2.前提

HTML, CSS, jQueryをhtmlファイルに以下のように設定している。manablogから引用していますが、これをコピペしてそのまま反映されます。

 

3.回答

各スライドのcss設定をcssファイルに記述する。

cssの記述をHTMLファイルのスタイルタグに入れて記述していることが原因なようでした。

BEFORE

htmlファイル

AFTER

htmlファイル

CSSファイル

4.そのほか補足事項

swiperの実装方法

【Swiper】横幅100%のスライダー画像を実装する方法【jQuery不要】

 

LPのwordpress化方法

LPをwordpress化する最も簡単な方法

wordpressで最低限稼げるレベルになる

フリーランスがwordpressで最低限稼げるレベルになるには?