Skip to content

WordPress.comで写真をlightbox風なポップアップで表示する

2009/12/25
tags:

wordpress.com の無料使用では
CSSの書き換えができないようなので諦めていましたが、
似たようなことができるようなので忘備録的にメモしておきます。

1.まずウィジェットのSocial Vibeをサイドバーなどにドラッグして使えるようにして下さい。

2.写真をサムネイルサイズで貼り付け、リンクを正規のサイズのものにして下さい。(普通に写真を貼り付ける作業で良いと思います)
HTML編集で a hrefの間にclass=”thickbox” を入れるだけです。

<a class=”thickbox” href=”https://igjz.files.wordpress.com/2009/12/0912230191.jpg”><img src=”https://igjz.files.wordpress.com/2009/12/0912230191.jpg?w=150&#8243; alt=”sleepy” title=”091223019″ height=”99″ width=”150″>

SAMPLE →写真をクリックすれば大きな写真がポップアップするはずです。
sleepy

今回以下のサイトを参考にさせて頂きました。

他に良い方法が無料でできると良いのですが、どなたかご存知ないですか?

広告
2件のコメント
  1. 2009/12/26 11:12

    どうもどうも、お邪魔しまーす♪
    おぉ、ブログのタイトルも変わったんですね~。
    リンク、了解しました☆

    JAZZ家のクリスマス、ステキですね♪
    手作りケーキ!
    丸焼きチキン!
    JAZZ君の仮装大会!(笑)
    いいないいな。
    我が家のクリスマスはほら、アレだったから(笑)

    ところで、コメントの横につく、イラスト?の画像って、自分では選べないのねん。
    JAZZ君だけかわいい写真がついてずるいー。

    • 2009/12/26 13:14

      >asuさん
      リンク承諾ありがとう。
      JAZZは何でも被ってくれますよ~ 😀 かぶせてるが正解
      サス家は年越しで盛り上がって下さい。
      ルルちゃんがお嫁に行ったから少し寂しいけど、お正月は3人で楽しく過ごしてね。

      お顔はメルアドで登録すれば使えます。(wordpressやmovabletype系のブログだけ) http://ja.gravatar.com/

      カッチョイイアバター作れるサイトがありますよ。
      http://unique.rasterboy.com/

現在コメントは受け付けていません。

%d人のブロガーが「いいね」をつけました。