このページでは、当サイト『探究三昧Web/Blog』を、PCあるいはスマートフォン(スマホ)やタブレットPCなどのモバイル端末から閲覧する場合の注意事項を示しています。
使用テーマ
現時点(2019/05/09)で使用しているはてなブログのテーマ(HTML/CSSのデザインセット)は、『ZENO-TEAL』というものです。
これは、冒頭の記事一覧が横2カラムのカードスタイルになっていることを特徴としています。
これは、以前のテーマのユーザーインターフェイスと異なる部分があり、またレスポンシブデザインに対応していて、PC端末とモバイル端末でほぼ同じような見栄えとなります。
また今回よりモバイル端末でもテーマ(ZENO-TEAL)のデザインを採用することにしたので、使い慣れていないと戸惑うかもしれません。
以下に、利用にあたっての注意事項をまとめます。
グローバルメニュー
トップページから別ページへ移動するためのグローバルメニューは、PC版とモバイル版では異なります。
PC版では、タイトル画像の下のメニューバーにメニュー項目が並び、ある項目上にマウスオーバーすると下位階層のメニューがポップアップします。
モバイル版では、メニューバーの右端にある『MENU』をタップすると、メニュー項目がポップアップします。
モバイル版では階層メニューが出ませんが、すべてのメニュー項目は後述するMAINメニューページ上からリンクしています。
2カラムのカードスタイル
記事一覧ページでは、記事のアイキャッチ画像と冒頭の文章をセットにしたカードスタイルの表示です。
小さなスマホの画面では、カード内の文字が小さくて見ずらい場合はスワイプ(2本指で広げる)すると拡大表示されます。
おすすめ記事
メニューバーの下には、「おすすめ記事」のカード(PC版では4つ、モバイル版では2つか可変?)が表示されます。
これは、頻繁にアクセスされるページへのクイックリンクです。
MAINメニュー
メニューバーの最初の「MAIN」をクリック(タップ)すると、MAINメニューのページへ移ります。
ここには、ブログ記事以外の主要な固定ページ(Webコンテンツ)へのメニューがあります。
【参考】
- 作者: JOE AOTO
- 出版社/メーカー: ソーテック社
- 発売日: 2016/07/22
- メディア: 単行本
- この商品を含むブログ (3件) を見る