ＰＣ版デザイン変更に対応した見本レコを作成しました

ＰＣ版デザインが変更され話題になっていますが、私の先日のレコをこれに対応させて見本を作りました。
拍手は不要ですので、是非一度見て頂きたいと思います。

お買い上げは不要ですので、ご来店頂ければ幸いです。　←のりさん風

※初めにお断りいたしますが、スマホの方にはナンジャラ？の内容です。

見本のレコページは↓です。

http://yamare.co/6413545


写真左　赤矢印部

代表写真がレコの先頭に大きく表示される様になりました。
目立ってカッコイイ半面、画像が粗いとか、上下が切れてしまったとかの不都合も発生しています。
これに対応して写真の左右にボカシ画像を付加した例です。
元々の写真は縦横比（アスペクト比）が４：３ですが、横にボカシを入れて１６：１０や２２：１０に変更することにより本来の写真が粗くなるのを防ぐと同時に、上下がカットされるという不都合も解消しました。　←カッケー


写真中

サムネイル（写真一覧）がスクエア表示になりました。
縦長・横長が混在せず全体としてのデザイン性は良いと思います。　←私見です。
しかし、写真に拘りの強い方は本来の写真の一部がカットされてしまい、自分が表現したかったものと違ってしまった。
日の丸写真ではなく、端にポイントがある写真なのにカットされて残念等の声がありました。
これに対応してサムネイルでも元の写真の全体が表示される様にした例です。
４列並びのうち
１番左は元々の写真です。
２番目は、元の写真にグレーの正方形の枠を付けたもので、元の写真がカットされずに表示されています。
３番目は、元の写真に黒でグレーより一回り大きい枠を付けたものです。
４番目（一番右）は、元の写真に白で正方形の枠を付けています。従来の様に長方形に見えると思います。


写真右　赤矢印部

スクエア表示となりパノラマ写真かどうかがサムネイルでは分からなくなったことへの対応です。
元の写真の上下に白やグレーの帯を付けています。

◆　バグ発見　◆
以前の日記にも追記しましたが、最後の写真の「作成日時」が「撮影日時」として表示されていました。
サムネイルの撮影日時表示は消して頂きたいと思います。


見本のレコページは↓です。大事な事なので２度言いました。　←のりさん風

http://yamare.co/6413545


写真作成の方法はヤマノートを参照下さい。

＜ヤマノート＞
PC版デザイン変更で写真一覧がスクエア表示する事への対応（案）
http://yamare.co/n3624

＜ヤマノート＞
PC版デザイン変更に伴うヘッダ写真の改善（案）
http://yamare.co/n3623

＜日記＞
PC版デザイン変更に伴う代表写真の掲載（案）
https://www.yamareco.com/modules/diary/69073-detail-320989

＜日記＞
PC版デザイン変更に伴うパノラマ写真の掲載（案）
https://www.yamareco.com/modules/diary/69073-detail-320892

コメント

gorozo

はじめまして
私もこの案に一票！
ツッチ〜さんが提案されている見本レコが、ヤマレコさんに全面的に採用されたら本当に良いですね〜

ツッチ〜

gorozoさん　ご覧いただき、ありがとうございます。