写真旅ブログをPinterest風にアレンジしてみました☆ | Parking CAFE【パーキングカフェ】

Parking CAFE【パーキングカフェ】

アメブロをTumblr風に使用中。ルミックスフォンで撮影した写真をスマホから投稿しています。フォレスターを駐車場に停めて、カフェ&グルメメインの更新になりそう!?

ここのところ、記事の更新が停滞気味叫びな状態ですが、


写真旅ブログで日本一周【一筆書き】を、Pinterest風にリニューアルしてみましたグッド!



スマートフォンや、タブレット、ミニタブレットも含め、色んなデバイスが登場していく中、これまでのように「WEBサイトはPC表示だけで良い」という考え方では時代遅れで取り残されてしまいます。


でも、数あるデバイスにイチイチ対応させるべくHTMLを組み立てていれば、めちゃめちゃ非効率ですよね。

そこで、うまく活用したいのが「レスポンシブウェブデザイン」という考え方。



レスポンシブウェブデザインで組み立ててしまえば、HTMLのソースそのものが1つで完成するので、
例えば1箇所のテキストや画像を入れ替えるにも、更新する場所は1つで済むのですひらめき電球

写真旅ブログで日本一周【一筆書き】は、デバイスの幅によって、幅が広がれば広がるほど4列にも5列にも6列にも広がっていきます。

逆にスマートフォンや、ミニタブレットなどの小さい画面で見てもらえれば、3列以下の表示時はFacebookで実装されているように、下図赤矢印部分をタップすることでウィンドウが広がる仕様クラッカー
フォレスター×MT車で10万km走行!長距離ドライブ ブログ-一筆書きブログ イイねボタン

さらにはスマートフォン、タブレットで見ていたらければ
「LINEで送る」ボタンも表示するよう細工もしております。(PCでは非表示)

グッド!

イイねを押して頂けるかたは、写真旅ブログで日本一周【一筆書き】ページ内、左上のイイねボタンからよろしくお願いします音譜


あとは


・記事一覧のサムネイル画像の荒れを調整する(function.phpの一箇所を調整するだけで良いはずなんだけどなぁ。今日のところはタイムアップ叫び
・はてなブックマークのボタンが一部端末で表示されていないので調整中。
・ウェザーニュースのブログパーツが、iOS機器で表示されていないみたい



と、まだ要調整な部分は追って修正していきます。あせる