カテゴリー
技術

wordpressにfancyboxを実装する【2020年版】

以前、同様の記事を書いたが、今回テーマ変更して、テーマもろとも削除してしまったので(白目)、新たに設定しようとしたら、fancybox自体が新しくなっていたため、備忘録的に残す。前回同様、wordpressのプラグインは使用していない。

実装自体はとても簡単。キャプションをどう採用するかを現時点でのwordpressの仕様に併せて更新している感じ。

以下の内容は、wordpressは5以上、テーマはtwentytwentyで想定している。

カテゴリー
技術

wordpressにfancyboxを入れてみた(wordpressプラグインなし)

wordpressのポスト内に掲載された大きな画像をfancyboxを使って表示したいと思って、google先生に聞いてみたところ、wordpress用のプラグインを使用するって方法がかなりヒットしました。

プラグインを使用しても良かったんですが、fancybox入れるだけなのにプラグインってちょっと大げさかなーと思いつつ、過去のポストで既に画像直リンクのものとかいちいち修正するのも面倒だよねーと。

fancybox使うにあたって結局はタグのアトリビュートとjQueryセレクタをどうするかって話なので、jQueryで実装してみた。とっても簡単なうえに、外しやすいです(例えばshadowboxに変えたい、とか)。