*

ギャラリーを作ったので、スライドショー的なプラグイン jQuery Colorbox を入れてみた


ちわ、秋田@豊作(@housakuakita‎)です。

 

 

トライアスロンの情報サイト「http://triathlononline.jp/」にギャラリーコーナーを新設した。これまで撮り溜めていたトライアスロン大会で撮影した写真等を入れて行けたらと思っている。加えて先日のエントリー「画像の位置情報(GPS 情報)を消す Mac編」でもちらっと書いたが、フリー素材のサイトを作ろうと思っていた。が、スタッフに「素人の写真(秋田の撮影した写真)をフリー素材で出しても喜ばれないんじゃないですか?」と・・・グサっと胸に突き刺さる誠正当な意見。何となく秋田もそう思っていたけどね、やっぱりそうは思うけどね。しかも iPhone で撮影した写真だけどね・・・

 

 

とりあえず冷静になって考えてみた。そして出た結論は、このブログにもギャラリーを作ってそこで見てもらう写真を著作フリーで使ってもらえば良い。となった。これなら素人の秋田が iPhone で撮った写真でも許される?。って事で、フリー素材集サイトは諦めて近いうちこのブログにフリー素材カテゴリを新設しまぁ〜す!

 

 

そんな訳でスライドショー的なプラグインが必要になった訳であります。はい。

 

 

色々と調べてみて良さそうだなと思ったのが「jQuery Colorbox」とりあえずインストールしてみる事にする。

 

 

「プラグイン」→「新規追加」→検索欄に「jQuery Colorbox」と入れて「プラグインの検索をクリック」

 

スクリーンショット 2013-05-09 19.45.00

 

 

検索されるので「今すぐインストール」をクリックしてインストール。

 

スクリーンショット 2013-05-09 19.46.32

 

インストール後「プラグインを有効化」をクリックして有効化。

 

スクリーンショット 2013-05-09 19.47.32

 

jQuery Colorbox needs attention: the plugin is not activated to work for all images.

 

 

のメッセージが現れる。

 

スクリーンショット 2013-05-09 19.49.32

 

 

有効化しても設定しなければならないよ。ってメッセージ。「jQuery Colorbox」の部分をクリックして設定ページに入ります。もちろん全部英語

 

 

jQuery Colorbox プラグインの日本語化こちらで日本語パッチが配布されているので、ありがたく利用させて頂く

 

 

ダウンロードした「jquery-colorbox-ja.zip」を解凍し「jquery-colorbox-ja.mo」をFTPにて「/wp-content/plugins/jquery-colorbox/localization」の中に転送。管理画面を再読み込みすると日本語化された画面が現れる。全部が日本語になっている訳ではないのだが、ここまで日本語になっていればだいぶ理解出来る。とてもありがたいです。感謝

 

 

適当に設定をして「変更を保存」をクリックする。「変更を保存」は、上下に二つあるので注意が必要。上は上の分。したのは下の分とそれぞれ独立している。

 

 

項目的に重要だったのは、画像のリサイズ。枠に対して画像をどうするか?の指定なのだが、このチェックを外していると枠より大きな画像は中でスクロールしてしまう

 

 

これでめでたくスライドショーの出来るギャラリーが完成した。2013年4月全日本宮古島トライアスロン【ギャラリー】である。

 

 

続きは
WordPress でギャラリーを使う
WordPress ギャラリーの為の画像加工

 

関連記事

iPhoneのデータがパンパンな貴方、WFS-SR02がオススメ!

I-O DATA の Wi-Fi SDカードリーダー「ポケドラ」 ...

記事を読む

自撮り棒とミニ三脚で気分はユーチューバー!誰も見てないけど(涙)

今年の年初「新年あけましておめでとうございます。2015年の目標等...

記事を読む

ZOOMズームMSステレオマイクロフォンiQ7 使用レポート

先日のエントリー「動画のアップ着々と進んでいますので、外付けマイク...

記事を読む

動画のアップ着々と進んでいますので、外付けマイクを買いました。

今年最初のエントリー「新年あけましておめでとうございます。2015...

記事を読む

iPhone6 故障の為交換〜売っちまうか?いや、このまま。

前回のエントリー「iOS 8.1 で iPhone6 の困った不具合は...

記事を読む

新着記事

軍艦島へ行こう ロンドン100連発[104/100]

前回の長崎の続きです。 軍艦島の存在は知っていたのですが、長崎にある...

記事を読む

長崎へ行こう ロンドン100連発[103/100]

長崎県は五島列島で行われたトライアスロン大会「バラモンキング」に参加し...

記事を読む

東尋坊へ行こう ロンドン100連発[102/100]

新しく買った「ウクレレ」と早速あっちこっち行って来ました〜! せっか...

記事を読む

新しいウクレレ Mabuhay MTS-NAZCA/MK MONKEY 買ったのでカスタマイズ

新しいウクレレ Mabuhay MTS-NAZCA/MK MONKEY...

記事を読む

祝!定食復活!福しん 蓮 中野店

いや〜嬉しい! 最近の事だったけど「福しん 中野店」が改装しまして・...

記事を読む

コメント/トラックバック (1件)

トラックバック用URL:

コメントフィード

  1. […] 昨日のエントリー「ギャラリーを作ったので、スライドショー的なプラグイン jQuery Colorbox を入れてみた」でいい感じの写真サイトを作る事が出来たのだが、記事を読み返してみると肝 […]




管理人にのみ公開されます

*

8月30日 ソロギタリスト IN 梅若能楽堂学院会館「出音一番勝負」
Stinger Advent Calendar 2013
ネットショップは豊作カートで
軍艦島へ行こう ロンドン100連発[104/100]

前回の長崎の続きです。 軍艦島の存在は知っていたのですが、長崎にある...

長崎へ行こう ロンドン100連発[103/100]

長崎県は五島列島で行われたトライアスロン大会「バラモンキング」に参加し...

東尋坊へ行こう ロンドン100連発[102/100]

新しく買った「ウクレレ」と早速あっちこっち行って来ました〜! せっか...

新しいウクレレ Mabuhay MTS-NAZCA/MK MONKEY 買ったのでカスタマイズ

新しいウクレレ Mabuhay MTS-NAZCA/MK MONKEY...

祝!定食復活!福しん 蓮 中野店

いや〜嬉しい! 最近の事だったけど「福しん 中野店」が改装しまして・...

→もっと見る

PAGE TOP ↑