Advanced Custom Fieldsとslick(スライダー)の組み合わせ

Advanced Custom Fieldsとslick(スライダー)の組み合わせ

Advanced Custom Fieldsとslickを組み合わせて、サムネイル付きのスライダーを設置してみました。
画像は5点までで、空の画像があった場合は、それは表示されない設定にしてます。

Advanced Custom Fields上の画像のスラッグは、img-product~img-product_5にしてあります。

 

で、ヘッダーのソースにcssと他の読み込みjsを記述します。

slickは、ワードプレス用のプラグインも出てるんですが、今回は通常版をDLして、FTPで直接設置しました。



ツールバーへスキップ