スマホサイトでは文字が見ずらい場合は大きくします
シリウスiPhone機能で規定表示されるスマートフォン画面を見てみると構成に
よりますが、フォントが小さく読みずらいとも感じられることもあるでしょうか?
若い方は小さな文字でも はっきり認識できるのでしょうけれど
老眼?近くの年齢の方にはちと読みずらい!てか、形状が認識できない..
でも、老眼ならずともサイト構成により読みずらいこともあります...
自分サイトを見て、読みにくい感じられたら、...
あなただけに限らない...サイズを訪れた読者にも当てはまること...
でしたら...すこしフォントを大きくしてみましょう...
スポンサーリンク
変更は、テンプレートメニューをクリックして
iPhoneサイトスタイルシートを開きます
最上部項目より7段目
font-size:0.9em;
0.9emの数値を1.0 か1.1に変更します
余り数値を上げすぎても 大きすぎてさらに読みずらくなります
赤色が指定箇所です
@charset shift_jis;
@import url(./css/commonstyles.css);
@import url(./css/tables.css);
body {
text-align:center;
color:#333;
font-size:0.9em;
line-height:1.6em;
font-family:メイリオ, Helvetica, HiraKakuProN-W3, sans-serif;
margin:0;
padding:0;
}
他にも...h1やフッターなど文字を変更することも可能です
上記記載以降のスタイルシートを確認し
font-size:と記した箇所があればそこで大きさの
変更が可能です
けれど、記事以外はデフォルトでも充分サイズ調整は適合サイズにあわされて
おりますので、余りいじる必要は無いかなと思われます
文字サイズの変更確認は、最上部メニューからシステム設定
シリウスプレビュー機能で、iPhoneサイトを選択すればご確認いただけます
スマホサイト フォントサイズを簡単カスタマイズする方法 P-TOP
SIRIUS iPhone機能 シリウスモバイル対応カスタマイズ P-TOP
SIRIUS シリウスカスタマイズ
- iPhone機能を追加したなら手動作業も必要
- シリウスサイトを設定画面でiPhone機能を追加することは簡単にできますが、それて終わりではありません 手動でいくつものスマホモバイル適合作業を行う必要があるのです
- iPhone用テンプレート初期化
- シリウスで以前よりiPhone用テンプレート同時公開しているサイトで モバイルユーザビリティの警告があるような場合 テンプレートに問題がある可能性があります
- PC画面スマホモバイル自動切り替え要素指定方法
- シリウスのPC画面とスマホモバイル画面で外部スクリプト等で自動サイズ変更とならないスライダー画像等サイト内に置くサイズのある要素は自動切り替えに指定し適合するようカスタマイズします
- iPhone画面にユーチューブ動画表示サイズを適合する手順
- シリウスサイトをiPhone同時後悔設定にした際 サイト内に置いてあるユーチューブ動画もiPhone画面で調度良い表示サイズに指定しましないと半分程度の範囲でしか認識できません
- iPhoneサイト背景カラーをカスタマイズ
- SIRIUS シリウスiPhoneサイトの背景カラーを意味深なカラーにカスタマイズしてみるとまた違ったイメージを打ち出せるかもしれません?
- iPhone機能 モバイル表示画面を確認する
- シリウスをiPhone同時公開に指定する際 モバイル画面では どのように表示されるかを確認しながら構築してゆくことが出来ます
- スマホとPC画面を分離適合サイズで読み易く表示する方法
- シリウスサイトのスマホサイトとPCサイトでの表示内容をモニタリングサイズに適合した読みやすい構成に分離表示する方法のご案内です