ワードプレスのテンプレート、コクーンのトップページにスライドショーを入れる
WordPressテーマ「Cocoon(コクーン)」(https://wp-cocoon.com/)本当に素晴らしいテーマだなーと、感じまする。
今回作らせてもらったサイトにコクーンを設定したときに、トップページになんとなくスライドショーを入れてみたかったので、CSSをチャットGPTに書いてもらったよ(笑)
コクーンの設定はこんな感じ
![](https://memo352.com/blog/wp-content/uploads/2024/02/2024-02-cocoon-slide-01-1024x813.png)
固定ページでフロントページ(トップページ)を作り
ページに追加したCSS(カスタムCSS)はこんな感じ
.appeal{ animation: slide 9s infinite; }
@keyframes slide {
0%, 33% { background-image: url(‘1枚目の画像のURL’); }
34%, 66% { background-image: url(‘2枚目の画像のURL’); }
67%, 100% { background-image: url(‘3枚目の画像のURL’); }
}
![](https://memo352.com/blog/wp-content/uploads/2024/02/2024-02-cocoon-slide-02-1024x770.png)