紺碧の空3

北海道をノマド的に生きる日々の覚書き

WEB全般 技術覚書

写真を拡大表示&ギャラリーにも。lightboxがらみのプラグイン

投稿日:

仕事で作っているwpは、一応仕事なので、結構きちきちと作りこんで(とえらそうに言うほどでもないが)いるのだが、備忘メモを取る暇までなくて、何やったんだか毎回忘れてしまう。。。

書けるときはこちらに書いておこう。

先日やったのが、クリックした画像を拡大表示するプラグイン。これ、テンプレートのデフォルト?か前に入れたどれかのプラグインで同じようなの入っていた気がするんだけど・・・探しても見つけられなかった。(自分ブログのほうかな・・・?)

ここでいうlightboxは、jQueryのライブラリの名前に由来するらしく、いくつもプラグインが出ている。

Lightbox系のWordPressプラグイン8選 – 簡単に利用できるプラグインを超厳選!

上のほうに載ってるのが新しそうで良かったんだけど、モバイル対応が無さそうだったので、WP jQuery Lightboxを選んだ。

自分の androidスマホ、ipadの両方で最適化されていい感じ。

WordPressのLightboxプラグイン「WP jQuery Lightbox」にしてみました

とプラグインのヘルプを参考に、写真をグループ化してギャラリー表示に。

ちょっと迷ったのは、デフォルトで「自動的に画像(イメージリンク)にLightbox効果を適応する」にチェック入れても、グループ化できるのか?ってこと。やってみたら、HTML編集にしてaタグにrelオプションを入れれば普通にできました。

このギャラリー表示ができるので、前に入れたMeta Sliderは、いらないといえばいらないんだけどな。。。

4in1のお得感。4種のスライドショーを生成するWPプラグイン「Meta Slider」

まあスライドショーの表示パターンを選べるのはいいのかも。

 

-WEB全般, 技術覚書
-

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

googleスプレッドシートの内容をgoogleカレンダーに読み込む

前から懸案だった、googleスプレッドシートに入力済みの表形式データをgoogleカレンダーに自動で読み込ませるスクリプトを作った。 この表は観測記録なので、日付データとそれに紐づく観測場所や内容が …

no image

WordPressのロゴ(ブログタイトル)を画像に変更する

以前購入したMTの参考書に、「ロゴを画像に変更する」という章があり、同様の事をWordPressで挑戦。 まずはどこから手をつけたらいいかわからないので「wordpress タイトル 画像 変更」あた …

ロリポップへの引越し、データ移行でやったこと(概要編)

疲れました。。。。 ここまでやるつもりはなかった?ところまで一日でやってしまった。 というか、寄り道が多かった。 でも今書かないと、絶対に絶対に忘れる!と思ったので、作業メモを作ります。 Conten …

markdown記法の世界。WordPressオフライン執筆沼に引き続き、はまり中(その3)

わー、今、ほとんど書き終わったのに、一発で全部とんじゃった! ブロックエディタ、こわー。自動保存されないの? というわけで夜中です。 これじゃあ、PC選んでた時と変わらないよ。。。 Contents1 …

Jetpackでmail投稿、できるし!twitter 連携もカスタマイズ自由度あり。あとで追記すること。

だんだん、手順をメモする余裕が無くなってきました💦💦 結構重要な情報なので、あとで詳しく書きたいのですが、とりあえず ・サーバーインストールのWordPressにJetpackを入れてみたら、ちゃんと …











スポンサーリンク