トップヘッダーの作成( Slick クロスフェード )

Blog

完成イメージ

 

 

画像のダウンロード

 

 

好きな画像3枚をpixabayなどでimagesフォルダにダウンロード。

 

 

 

 

 

Slickのインストール・設定

 

slickのサイトからダウンロード。

 

 

 

 

Slickフォルダごとオリジナルテーマ に移動。

 

 

 

 

 

 

header.php内にslickのcss、javascript、jQueryをリンクする。

 

 

 

front-page.phpの編集

 

 

 

front-page.cssの編集

 

front-page.cssを新規作成してリンクし、編集する。

 

 

 

footer.phpにslickの設定を記入

 

 

 

 

 

完成

 

 

 

 

 

 

コメント