画像いっぱいでスライドショーやギャラリーを惜しみなく使ってたりするサイトを集めた記事。
中にはそれらを使わない見せ方をしてるサイトもあったりします。
jQueryやFlashのスライドショーなどのお勉強にメモ。
|
Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL) |
|
| Powerd by AmazonLink 2.0.0 beta3. |
「ギャラリー」タグのエントリー
jQueryとCSSを使ったスライドショーなどのギャラリー例26。
エフェクト的な使い方もあります。
|
Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL) |
|
|
| Powerd by AmazonLink 2.0.0 beta3. |
どんどんカッコよくなってくjQueryスライダーの紹介記事。チュートリアル付きもあり。
Flashスライダーも紹介されてるけどFirefoxだとFlashのクラッシュで全タブ巻き込んで落ちるからFlash自体を使いたくない。
Flash好きだけど。
|
jQuery ポケットリファレンス (POCKET REFERENCE) |
|
| Powerd by AmazonLink 2.0.0 beta3. |
-
25 Free Slideshow and Photo Gallery WordPress Plugins
ギャラリーページ作りたいと思ってたので非常にタイムリー。
Flickerやpicasa連携もあるようです。
個人的な決め手はサムネから直接画像を表示させるか投稿記事にジャンプするか。
そこまでは書いてないけど数あるプラグインをピックアップしてくれるだけでとてもありがたいです。
じっくり見ていきたいエントリー。
|
jQuery ポケットリファレンス (POCKET REFERENCE) |
|
|
| Powerd by AmazonLink 2.0.0 beta3. |
１記事中に複数画像があっても全ての引っ張って一覧を作ってくれる「wp-kougabu」プラグイン。
フレームもつけてくれる。
呼び出しは記事中にショートコードを埋め込むことでもテンプレートに埋め込むことでも可能。簡単！
ウィジェットに追加する場合は以下の手順で可能。
- Exec-PHPをインストールしてウィジェットでphpを使えるようにする。
- テキスト ウィジェットを追加し本文に以下を追加して呼び出し。 「<?php kougabu_get_images(); ?>」
一応打ち間違いなどでphpが誤動作した時に備えバックアップを忘れずに。
んで、関数呼び出しだと記事のタイトルが出せないようなのでwp-kougabu.phpを編集。
２４０行付近に以下の赤文字部分を追加するだけ。 画像と横並びでタイトルを表示したい場合はBRを外す。
$link .="<img src="{$image_url}" width="{$image_size[0]}"" ." height="{$image_size[1]}" alt="{$image['name']}" style='border: 0;' />";//title add$link .="<br />{$image['post_title']}";$link .= "</a>";
ほんとは配列に記事情報放り込んでやるのが正しい気がするけど二度手間な気もするのでとりあえず。
他、お勧めプラグインのお試しメモ
-
post-thumb-revisited
youtubeのサムネまで作れる優れもの、だけどとても複雑。
まずオフィシャルに飛ぶとChromeで警告が出る。この時点で複雑。
複雑なせいか３つのプラグインがセットになっていて全部有効化する必要がある。
ついでにpaypalのプラグインもセットになっていてより複雑というか意味不明。
またGoogleCodeのzipとwordpressオフィシャル＆ダッシュボードから落とせるものでバージョンが違い、 記事中に画像がない場合にデフォルトの画像を表示することができるが配置場所がバージョンによって違ったり管理画面で変な値が入ってたりする。なのでリンクなし。
一応ウィジェットも用意されてるけど関数埋め込みのサンプルのような設定内容。
ちゃんと使うにはkougabu同様テキストウィジェットからphpと関数呼び出しを行う必要がある。
ついでにリンク先を画像か記事か選択できるけどサムネは記事中の最初の画像のみが抽出される。
新着多分記事一覧にサムネを付け加える用途を想定しているのかなぁと思ったり。
-
Image Archives
kougabuと似ているけどこちらは検索文字列を指定し、マッチしたファイル名の画像を一覧にしてくれる。
ファイル名にルールを決めとくだけで出し分けが可能になる。
が、常にファイル名ルールを意識する必要があるとも言える。
全部の画像を対象とするなら意識する必要無し。
kougabu同様記事中でショートコードが使用でき、テンプレ用に関数呼び出しも可能。
ウィジェットで使うにはkougabu同様にテキストウィジェットから関数を呼び出せばおｋ。
タイトルや日付を表示するか否か選択可能。
出力デザインを雛形の５つから選択可能 。
記事中の最初の画像だけを抽出するか指定可能。
画像にフレームはつかない。
wordpressが作成するサムネを使用するためサムネ、中、大、フルサイズしか指定ができないがphpファイルを直接弄ってimgタグで%指定してあげればおｋというか雛形５つ分弄る必要があるしメディアの管理画面でサムネのサイズ変更すればおｋ。サムネの再出力はRegenerate Thumbnailsが便利。
とりあえずウィジェットに手軽に追加するならkougabuかImage Archivesでいいのかなーと。和製だし。
頑張ればpost-thumb-revisitedで一通りのことができる感じ。 他に試したプラグイン（説明違うかも）
- Thumbnail for Excerpts（記事ループ内で使用）
- QF-GetThumb（記事ループ内で使用）
- Post Thumbnail Widget （動かなかった）
- featuredcontentgallery （ショーケース。表示する記事にカスタムフィールドを追加する必要あり。LightBoxと相性悪いらしい。うちでは動かず。）
- NextGenGallery（ギャラリーコンテンツ作成。専用フォルダに画像をアップする必要がある。記事に画像をアルバム単位で引っ張ることができる。画像を使用した記事一覧は作れない）
- Lazyest Gallery （ギャラリーコンテンツ作成。専用フォルダに画像をアップする必要がある。呼び出しはショートコード）
他にも試した気がするけど途中で整理しきれなくなっていっぱい消してしまったんよよよｙ
うちでの肝はただの画像一覧を作るか画像付き記事の一覧を作ってくれるかってとこでした。
