*

Blogの画像をキレイにポップアップしてくれる『WP-prettyPhoto』を導入、しかし問題が…

公開日: : 最終更新日:2012/01/14 ネット関連 , , , ,


closeこのエントリは 10 years 11 months 8 days 前に書かれたものです。
最新の情報とは異なる場合がありますので、ご注意ください。
Blogの画像をキレイにポップアップしてくれる『WP-prettyPhoto』を導入、しかし問題が…

Lightbox風に画像をポップアップしてくれる『WP-prettyPhoto』を導入してみた。 特に設定いらず、ということを知って入れてみたんだけど、うまくポップアップしてくれない。

調べると『target=”_blank”』がタグに入っていると反映されないようなのだ。なので一括置換で取り除こうとして失敗してしまったのだ。 置換ミスをしたエントリではサムネイルは表示されない・リンク先が404エラーになったりでかなり焦ったけど、ちまちまと修正。そのときに”REL”属性が違ってることがわかり、正しいものを入力してうまく動くようになった。 wp-prettyPhoto

うまく動くと↑の画像のようにポップアップするのだ。ちなみにiPhone4で見るとこんな感じなのだ。

wp-prettyPhoto_02

iPhoneの標準ブラウザで見るとポップアップの位置がずれる。

wp-prettyPhoto_03

iPhoneに最適化した『Mobile Theme』がONの方がキレイにポップアップするな 置換ミスしたエントリを追っかけていると、画像リンクの張り方によってはすぐにprettyPhotoが反映できないエントリもかなりあった。この辺はゆっくりと調べるとするか。 あと、オイラの環境では『投稿編集』→『画像を編集』画面で『タイトルに』テキストが入っているとうまく動かないようなのでテキストを削除している。

wp-prettyPhoto_04a

でも全部が全部動くわけじゃないので、これも確認しないと行けないかも。 最後に、prettyPhotoのプラグイン自体もオリジナルから変更している。最初はオリジナルを入れてたんだけど、トラブルになって調べてるうちに日本語版を公開されてる方がいたのでそちらをインストールしたのだ。

【参考リンク】
WP-PrettyPhoto [LightBox のような効果] – WordPress Firefox オープンソース って(・∀・)イイ!!
WordPressで写真をポップアップ表示させるプラグイン「WP-prettyPhoto」 – バス釣りブログ バス釣りとWordPress
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ – かちびと.net

Related Posts Plugin for WordPress, Blogger...

関連記事

no image

Blogからはてブボタンを外してみた

きっかけは"はてなブックマークボタンのトラッキング問題で高木浩光先生が決別ツイートをするに至った

記事を読む

ppm_01s.png

新着記事をサムネイルで表示できるWordPressのプラグイン『PM Thumbnail Picture Menu』を導入してみた

トップ部分にサムネイル化したエントリを表示させたい…って考えていたんだけど実現させるためのスキル

記事を読む

no image

もう少しで移転完了!!

livedoor BlogからちまちまとBlogの移転作業をやってきたが、あとは体裁を整えるだけと

記事を読む

sbml_01_thumb.jpg

『Google+1』にも対応したWordPressのスゴいプラグイン『WP Social Bookmarking Light』を入れてみた

ソーシャルメディアに簡単に登録できるようにできるプラグインとして、以前"MovableTypeか

記事を読む

no image

GoogleのYouTube買収はマジなのか?

GoogleがYouTube買収するかもという話は結構眉唾かなぁと思っていたが、CNETで&qu

記事を読む

karaagestudy_01s.png

アツアツホクホクな唐揚げをみんなで作ってみんなで食べる『からあげつくろう会』に参加した #karaagestudy

土曜日は急な休日出勤の後、みんなで唐揚げを作ってみんなで食べる『からあげつくろう会』に参加してき

記事を読む

wp_twenty_eleven_themes_01_thumb.png

WordPressの標準テーマTwenty Elevenの個別ページにもサイドバーを表示させるようにした

以前"WordPressのテンプレートをVicunaからTwenty Elevenに変えてみた。

記事を読む

no image

モヒカンチェックをやってみた。

Picasoのぴーさんのエントリーを見てモヒカンチェックをやってみた。 実はPicasoのぴーさ

記事を読む

amazon

Amazonのほしいものリストにご用心

色々と話題になっているAmazonのほしい物リスト問題。 ほしいものリストサーチにメールアドレ

記事を読む

no image

Google Mapの便利なBookmarklet

Picasoのぴーさん経由で知ったんだけど、Yahoo!地図やMapFanで検索した住所なんかを

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

no image
カッとなって新規ドメイン&サーバーを取得してリスタート!! 続きは『ろっぱ屋』で

2005年の3月からBlogを書き始めて8年ちょっと。ここ1〜2年は直

特に言いたいこともないけどBlog続けてるおいらなりに考えてみた

ちょっと前の『Blogは言いたいことがあるヤツしか生き残れない』み

miracosta_lunch_oce_01s.jpg
時間が合うとイベントも見られちゃう!? ディズニーリゾートのミラコスタホテルのレストラン『オチェーアノ』でランチブッフェを堪能した!

『ディズニーランドでブッフェを食べません?』とゆーお誘いにホイホイ

wf2013s_01s.jpg
夏のワンフェスもがっつりたっぷり写真を撮っていた! #NEX6 #wf2013s

冬に続いて夏のワンフェスにも行ってきた。 前回行ったときは始

常日頃持ち歩いているMacBook Airの電源アダプタ用ケースが欲しくなってきた

モバイルマシンとしていつも持ち歩いているMacBook Air(M

→もっと見る

  •   
    • RSSフィード
    • Subscribe with livedoor Reader
    • track feed
    • Add to Google
    •   
      フィードメーター - オタしましょっ
        
      
      累計: 検索エンジン登録 本日: SEO対策 昨日: メール配信   アクセスアップ
        
      ブログタイムズ
  • Sorry. No data so far.

PAGE TOP ↑