サイト全体設定 > お知らせバー お知らせバーにボタンを配置できます

アクションフック 'swell_before_post_head'

SWELLで使われている主な技術(ざっくり)カスタマイズ向け

アクションフック 'swell_before_post_thumb'

SWELLで使われている主な技術を、カスタマイズ向けに書いていきます。

この記事は、この先も色々と深堀りして更新予定です。お楽しみに。

目次

SWELLのキャッシュ機能(Transients API)

SWELLには「データベースへのキャッシュ」機能が予め備わっていますが、それは具体的にはどういったものか?というのが公式サイトで解説されています。WordPressに元々備わっている、Transients APIというものが使われているそうです。

スライダー(Swiper.js)

SWELLではスライダー(スライドショー)にjQueryに依存しないSwiper(Swiper.js)が使われています。主に使用されている箇所は以下の通りです。

  • メインビジュアル
  • 記事スライダー
  • スマホ用ヘッダーメニュー(ループ時のみSwiperが読み込まれる)

Swiperのカスタマイズ例

任意の場所にSwiperを挿入する

たとえば、固定ページや投稿記事内に複数の画像のスライドショーとして、Swiperを用いたい場合は、私の以下の記事を参考にしてください。応用していただくと、ウィジェットなどにも挿入することができるようになります。

記事スライダーを下層ページにも表示されるようにする

かんたさんが、SWELLの記事スライダーを下層ページにも表示されるようにするカスタマイズ記事を公開されています。

画像クリックで拡大画像をポップアップ表示する(Luminous.js)

画像をクリックしたときに、拡大画像をポップアップ表示するために、jQueryに依存しないLuminous Lightbox(Luminous.js)が使われています。Luminousは、とても軽量でシンプルな画像用ライトボックスプラグイン(JavaScript)です。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

埼玉県在住・男性。SWELLを使い続けて2年、フォーラムで回答し続けて1年以上。この経験から得られたノウハウをみなさんに役立てたいと思い、このサイトを作りました。

目次