WordPressでカルーセル実装

Question

このリンク先ページ

http://bl6.jp/web/javascript/cloud-9-carousel/

にデモという、リンクがあると思いますが、

このデモのように、横回転するカルーセルをWordPressで実装するにはどのようにすればいいでしょうか。

ページにはGitHub?のリンクCloud 9 Carouselもあるようですが、やり方が全く分かりません

どなたか教えて下さい。

Answer 1

Cloud 9 Carouselを当時のページ紹介見てダした者ですが、
今はJQuery抜きでCSSだけでも実装できます。

3D Slider | Pure CSS

何をどうすべきか?の”てにをは”の”何を”の部分は出しましたので、
後はWordPresのお使いの雛形名やURL、細かい指示書的な、どこの部分”に”相当する箇所を補っていただくと説明もしやすいのでは?
まぁそれが最初からわかれば苦労しないのが常ですけどね。。。

カルーセルというキーワードや+アルファで、"使い方"や"わからない"とか、で検索しても結構な量、わかりやすいサイトありますよ?

Comments

[退会済みユーザー]

WordPressでは、「Hestia」というテーマを使用しております。また、子ページに「style.css」と「function.php」があります。
ご紹介いただいた、「3D Slider | Pure CSS」のリンク先のhtmlとcssをそのままコピーして、htmlは「固定ページ」に、cssを子ページの「style.css」にそのまま貼り付けてみましたが、cssが効きいていないのか、カルーセルが実装されず、画像が縦方向に静止して表示されているだけです。何が悪いのでしょうか・・・。他のcssは効いております。

[退会済みユーザー]

あ、いえ無事効きました。ブラウザ再読み込みで解決しましたmm

[退会済みユーザー]

いただいた、カルーセルが良い感じなので使用させていただきます。ありがとうございました。

[hectopascal1013]

解決してよかったです。先人に感謝ですね。
ただ、紹介させていただいたカルーセルは、NextボタンやBackボタンがないタイプですので、
もしご不満あればJQuery(Javascript版)も技能だめしに試されたりしたらよろしいのではないでしょうか?
中には相性があり、実装に手間取ったりすることもあるかと思いますが、私も含めて何事も経験と思っておりますので。