大きい画像の表示方法
WordPressにしたら絶対やろうと思っていたカスタマイズがサムネイル画像をLightbox.js対応にすること。
カラムの幅を超えた画像でもレイアウトを崩すことなく、しかもページ移動なしで表示されるのでノンストレスです。
しかもローディング画面がとってもCOOL :-)
WordPressでハイライト式サムネイル一発生成 — OpenStratus
上記の記事はPhotopressプラグインをhackして簡単にLightbox.js対応にするというもの。
実際説明通りにやってみましたが見慣れないPHPの記述にちょっと戸惑いつつも簡単にhack終了
これでずっと行くつもりだったんですが別のプラグインとの兼ね合いでどうしてもWPに元からあるアップロード機能を使わざるを得なくなりました。
手入力で「rel=”lightbox”」入れんのかったるいなと思っていたら便利なプラグインがあるんですね。
プラグインで簡単にLightbox
このプラグインはこれ以上ないってくらい簡単
1.)[WPルートディレクトリ]/wp-content/plugins/の中にlightbox-plugin.phpとlightbox-pluginフォルダごとUPします。
2.)管理画面のPluginsからLightbox PluginのActivateをクリックします。
以上これだけで完了!!
head部分にLightbox.jsへのリンクを張る必要もなければ記事を書く際に画像にいちいち「rel=”lightbox”」を入れなくてもOK
こんな感じでファイルのBrowseでUsing Thumbnail＋Linked to Imageを選択してSend!!
これだけであとは全部プラグインがやってくれちゃいます。
激しく便利 :-)
最新版のLightbox JS Plus(0.5)はブラウザの画面サイズに合うように自動でポップアップ画像をリサイズしてくれますし、画像へのテキストリンクでもちゃんポップアップされます。
これまた便利!!
ってわけでいくつかサンプル画像を置いておきます。
クリックして思う存分遊んでください。
Leave a Reply