元CAバンビのずぼら日記

元国際線乗務員の情報発信ブログ。海外、旅行、料理、ワイン、美容のお話など。

Flickrの写真を横にタイル状に並べて表示するやり方!

I ❤︎ PARIS!!

IMG_2362
paris
paris
paris
paris

じゃ、じゃ〜ん!やりましたよ!
やってやりましたよっ!!

 

最近ちょっとお休みしてました「超初心者シリーズ」♡

こちら「超初心者」のわたくしが自分メモとしてお送りしてますが、自分では、今日はもしかして初心者向けじゃないんじゃないのーーーっ!?!?って思ってます。

 

いつも読んでくださっている皆様は、きっと、いきなりバンビちゃん技術向上してるやん!って思ってくださっている、と勝手に思ってます!!(笑)

 

とか言って、皆さん、フツーに知っていることだったら、すみません。色々、検索したけど、やり方が出てこなかったので、毎度のごとく検索語句が適切じゃないか、もしくは誰にも必要とされていない機能?
はたまた!もしや天才的に私だけが思いついてしまった!と言うことかもっ!!



原理を聞かれても困るのですが、やり方だけお伝えします。

はてなブログの機能で写真を横に並べる機能があるので、そのコードのところにFlickrの写真のコードを貼ってみたら出来たの!!(まあ、ちょっと面倒くさいですけど...おしゃれには、寒さや面倒臭ささは付きモノ、ってことで許して♡)

 

HTML編集にして写真を並べるためのコードを入れます。

f:id:zuboraca:20180126222645p:plain

 

コードはこれ↓↓

コピペで使えます。(はてなブログだけの機能だとおもう)

<div class=\"images-row mceNonEditable\">
<div class=\"images-row-item\">ここにFlickrのコードを入れる</div>
<div class=\"images-row-item\">ここにFlickrのコードを入れる</div>
<div class=\"images-row-item\">ここにFlickrのコードを入れる</div>
</div>

 ここにFlickrのコードを入れる

のところに、はてなブログから取ったFlickrの写真のコードを入れます。
予め言います!面倒臭いです。 

 

 

本当は「Flickrの使い方」の記事を先に書こうと思ってたけど、Flickrの使い方は、私じゃなくとも数多くの人が書いていらっしゃいますので、あんまり必要ないかな...と思い中(笑)

 

 

 

追記:2018/02/08

全体で大きさを変えたいときは、↓↓を入れる!

f:id:zuboraca:20180208153137p:plain