Customize 固定ページの子ページ一覧をカルーセル表示する いろいろなものをSwiper.jsを使ってカルーセル表示してみるシリーズの、第4弾です(笑) 固定ページの子ページ一覧を、「アイキャッチ画像・タイトル・本文(抜粋)」を取得してカルーセル表示にしてみます。スライド要素に背景色を入れて、見た... 2019.07.28 Customize
Customize Swiper.jsでフォトギャラリーを作る 今度は、Swiper.jsを使って、立体的なキューブが回転するような効果のあるフォトギャラリーを作成してみます。「effect: 'cube',」をscriptに追加するだけでOKです。 Swiper.jsの導入については以下の記... 2019.07.26 Customize
Customize Swiper.jsを使って新着記事一覧を表示してみる せっかくSwiper.jsを導入したので、さまざまなカルーセル表示を試してみたいと思います。 新着記事一覧はプラグイン等で簡単に実装できるのですが、自分の思い通りのデザインや動きを実現させるために、自力でコードを書いてみて基本を知って... 2019.07.25 Customize
Customize FacebookのFeedとSwiper.jsを使ってタイムライン表示をアレンジ Facebookページのタイムラインを、Swiper.jsを利用してWordPressのウェブサイト上にスライダー表示させてみました。画像の上への文字載せは、cssを利用しています。facebookのアクセストークンを取得してjson形式でfeedを取り出し、phpで表示を処理します。 2019.07.04 Customize