スマホでのブログの抜粋の表示
承っているホームページで、店主の方が店舗ホームページにてブログを始められています。
以前の記事にも書きましたが、他の外部ブログサービスを利用するのでは無く、店舗ホームページの中の一つのページとして開設しています。
そして店舗のホームページを見に来た方に当然ブログも見て欲しいと考えています、
そのためトップページのサイドバーに新しい記事の抜粋を表示するウィジェットを配置しています。
ブログのこの抜粋の表示は、店舗のネット展開の活気を伝えると思います。
ただしそれはPCでご覧になる場合の限られます。
最近はホームページの閲覧にpcでは無く、スマホを使用する場合も多くなっています。
そのためホームページ制作において、自動的に体裁を替えてPC、スマホのどちらでも見やすくするレスポンシブルな表示形式が欠かせなくなってきています。
こちらのホームページでもそのように対応しました、
そしてそのため画面の小さいスマホで見た場合はコンテンツの要素のサイドバーは、それ自体を非表示としています、
ただしサイドバーにある必須の要素は、スマホの場合はメニューに含めるなどの対応を取っていました。
しかしそれは目を引く大事なコンテンツですので一目で見ることが出来るよう、スマホでもトップページに表示したいと考えました、
しかし「ブログの抜粋」はpc表示では既にサイドバーに表示されていますので、トップページの主コンテンツに含めると内容が重複してしまいます。
そこで見た目のレイアウトだけでは無く、コンテンツの内容自体もpcとスマホで替える仕組みを取り入れました、
スマホで見た場合にのみトップページの主コンテンツに「ブログの抜粋」を表示させるようにしています。
店舗ホームページを見た方が、ブログの更新に気付き、店主の方のネット展開の熱意を汲み取っていただけるよう考えています。
返信