PIXIE(ピクシー)

2007年6月21日(木) PM 4:05

お弁当の写真をサイドに飾りたいな~とポッ2
写真BLOGパーツ、PIXIEを付けてみました。

サイドに表示されるのはこんな感じ。

サイドバーに表示したPIXIE

画像が複数あると勝手に切り替わります^^
これをクリックすると

全画面表示のPIXIE

こんな感じで全画面に表示されます。

更に、記事に貼り付けている写真をクリックしても
その写真の全画面表示が出てきます^^
(↑あらかじめ画像に設定しなければなりませんが)

なかなかステキではないですか~ハート

が、このPIXIE・・・
設置法や使い方の説明が少ないので
設置&設定するのにかなり悩みました困惑
しかも、私のように今までのお弁当を
全部表示させたい~となると、難点があります。

そんな訳で、恒例の(久々ですが)覚書です。
短くまとめるのが苦手なので長いですけどはは
気になる方は続きをどうぞ~^^

若葉マーク設置&設定

家PIXIE
↑ここで表示方法とスキンを選択した後
そのすぐ下に表示されているソースをコピーします。
次に、ブログパーツを貼り付けたい場所に
コピーしたソースを貼り付けます。
ココまではPIXIEの説明にあるとおり。
ココからの説明が少ない&分かりにくいので、
私なりの解釈で説明を。
間違いがあったら間違ってるよ~と
教えて頂けると嬉しいですo(*,",)oぺこり

<a href="PIXIEで表示させる画像のURL" title="コメント1"><img src="記事に表示させる画像のURL" title="コメント2"/></a>

↑のようなタグがエントリー内にあれば、
その画像をクリックしたときに
同じエントリー内にある↑のタグで貼り付けた
全ての画像を全画面表示するようです。

↑のタグがRSSやATOMにあれば、
その画像がサイドパーツに表示されるようです。

エンピツPIXIEで表示させる画像のURL
 http://~から始まるURLでなければいけません。

エンピツ記事に表示させる画像のURL
 http://~から始まるURLではなくても
 BLOGに表示されればOK。

ちなみに、PIXIEで表示させる画像のURL
記事に表示させる画像のURL
同じものでも、別のものでもOKですよ。
(記事にはサムネイルを表示する等)

エンピツコメント1
 記事の画像をクリックして出てくる全画面表示時に
 ココに入れたコメントが表示されます。
 サイドパーツをクリックしたときには表示されません。
 ここのコメントは太字にしたり色を変えたりも可能です。
 コメント1の部分を次のように変更します。
 表示されるコメントは「コメント1」の部分です。
 その前後は飾りつけのためのタグ。
 (↓文字化けしているわけではないのですよ)

太字にしたい場合>

&lt;br&gt;&lt;b&gt;コメント1&lt;/b&gt;&lt;br&gt;

色つき文字にしたい場合>
&lt;font color=&quot;#FF0000&quot;&gt;コメント1&lt;/font&gt;

違う色にしたい場合は#FF0000を変更します。

カラーコードは検索してみて下さいね^^

エンピツコメント2
 記事の画像にマウスを合わせたときに
 ココのコメントが表示されます。


具体的な作業としては、
既にエントリーしている記事の画像でも、
これから書くエントリーでもかまいませんが

<a href="画像1のURL" title="コメント1">いつもの画像貼り付けソース</a> 

こんな感じで、記事に貼り付けた画像のソースに
緑の字の部分を加えるのです(* ̄ー ̄)b


若葉マーク難点と応用

【2007.7.6 追記】
この応用、最初はよかったのですが、
どんどん重くなって(先に気づけよ~って感じですね)
画像が表示されなくなりました(TωT)ウルウル
【追記ここまで】

記事中に頻繁に画像を加えていて
最新の画像だけを表示したい場合は
特に問題なく使えると思います。

が、たま~~~に画像を加える程度だと
画像を貼り付けてPIXIEで表示されるように設定しても
そのエントリーが古くなるとサイドパーツには
画像が表示されなくなってしまいます。

そんな訳で応用です^^
若干の手間はかかってしまいますがはは

新しくエントリーを作成する時に
サイドパーツに表示させたい画像へのリンクを
加えておけばいいのですd(゜▽+゜)キラリンチョ☆

でも、エントリーに関係ない画像を表示させては、
違和感タップリなので、別画像を使うのです。

上でちょこっと書いたように、
PIXIEで表示させる画像のURL
記事に表示させる画像のURL
別のものでもOKなのです。

そんな訳で、アイコンなんかに
PIXIEで表示させる画像のURLへの
リンクを貼ってしまうのです。
偶然アイコンをクリックしてしまった人は
ちょっとビックリするかもしれませんが( ̄▽ ̄;A
エントリーの見た目には違和感はないですよ。
透明の画像を利用するのもいいかも。

<a href="PIXIEで表示させる画像のURL" title="コメント1">アイコンの貼り付けソース</a>

いちいち、入力していると大変なので
PIXIEで表示させたい画像へのリンクを貼る時のソースを
メモ帳などにコピペしておけば
エントリー作成時に、それをコピペするだけ♪

新しいエントリーならRSSやATOMにも
ちゃんと記載されていると言うわけです( ̄∇ ̄)v

ちなみに、私の場合はお弁当の画像を
サイドに飾りたいのですが、お弁当は週1回。
その間の更新回数にもよりますが
毎日マジメに更新したとしたらサイドパーツに
表示されるお弁当画像は1つ~2つくらいでしょうか(多分)
それでは私の目的は達成されない~と言うことで、
現時点で一番新しいお弁当のエントリーに

↓このりんごアイコンにお弁当画像へのリンク
リンゴ●●弁当
   ↑この●●弁当に、●●弁当のエントリーへのリンク

このようにして過去の関連エントリーへのリンクと見せかけて
(実際にリンクなのですけどw)
ポイントとして利用しているアイコンに
お弁当画像へのリンクも加えることで、
サイドパーツに過去のお弁当画像も表示させています♪

メモ帳にコピペしてあるので
次にお弁当のエントリーを書くときに
前のお弁当のエントリーへのリンクを書き加えて
記事の下のほうに貼り付けるだけでOKなはずです^^

::Comments::[4]

yuzu

みんさん、説明わかりやすいですよ(^o^)
僕も一応、マロンの写真
何枚か表示できるようになりました(^o^)v

みんさん、ありがとうです(m^o^m)

みん お返事です

★yuzuさん

分かりやすいですか?ありがとうゴザイマス~♪
短くまとめられなかったので
逆に分かりにくいかも・・・と、ちょっと心配でした。

マロンちゃんの写真見てきましたよ~♪
やっぱり可愛いですね~(*^m^*) ムフッ

いえいえ~。yuzuさんの記事のおかげで
私もPIXIEを知って
(それまで知らなかったのです)
PIXIEを設置することができたので
コチラこそ、ありがとうです(* ̄∇ ̄*) エヘ

ちょっと手間をかけないといけないけど
ステキに表示されるのでお気に入りです♪

ぷぅ

いいね~♪
みんちゃんみたいに沢山の可愛いお弁当のお写真がある人にはもってこいだね(o^―^o)ニコッ
画像の切り替わり方も可愛いし、自動で切り替わるから見てて楽しい♪
ほんっと、みんちゃんのお弁当どれも可愛いわぁ~。
ドキンちゃんのなんて、娘に見せたら絶対作ってぇ~って言われそうだから見せられないヾ(@゜▽゜@)ノあはは
とても器用だよね~。作り方とか見ても私、あんなに上手に海苔をカットできないもん^^;
キングくんのお弁当、いつも可愛いって幼稚園で評判になってるだろうね(o^―^o)ニコッ

みん お返事です

★ぷぅちゃん

これ、いいよね~♪
スペースが小さくて済むし
自動で切り替わってくれるし^^
ここでもお弁当を褒めてもらえるとは
ありがと・:*:・(*/////∇/////*)・:*:・

海苔ちょき、難しいよね。
今日のお弁当は簡単なはずなのに
めちゃめちゃ苦労したわ~( ̄▽ ̄;A
なんか海苔がちぎれちゃって。
幼稚園で評判。。。どうだろうね~?
まだ一度も言われた事ないよ~w

::Comment Form::