スマートフォンでホームページを見ていると、アドレスバーが自動的に非表示になり、ホームページの内容をより大きく見せているホームページがあると思います。javascriptのコードを追加することで、実装する事が可能です。
変更方法
WordPressの管理画面の中にある「テーマ」の中のjs/script.jsに下記を追加します。
テーマ内にない場合は、FTPなどでログインし、ファイルを直接変更してください。
1 2 3 4 5 | window.onload = function(){ if ( navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0 || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { setTimeout("scrollBy(0,1)", 20); } } |
注意
こちらのタグに注目してください。
1 | setTimeout("scrollBy(0,1)", 20); |
こちらの内容をたまに
1 | setTimeout("scrollTo(0,1)", 20); |
このように設定にしているホームページが見受けられます。
scrollToにしてしまうと、ページがロードし終わった後に、ページの一番上に戻ってしまいます。
ページがロードしている途中で、下にフリックして、ページを閲覧している最中に、ページが読み困り終わったら、上に戻る。
これってすごくイライラします。リンクを踏んだ後に、戻った時も一番上に戻ります。
scrollByにすると、表示されている位置から、20px上に上がるという指示を出す事ができます。
パソコンで閲覧するよりも、スマートフォンやタブレット端末で閲覧される事が多いため、ホームページを制作する際に、スマートフォンサイトように制作する事は、必須となってきました。
細かいところですが、小さなイライラが重なると、ホームページへの「おもてなし力」が下がります。対応していきたい所です。
細かいところですが、小さなイライラが重なると、ホームページへの「おもてなし力」が下がります。対応していきたい所です。
Amazonで購入したおすすめ商品
お疲れ様です。パソコン仕事は体を痛めます。長時間のパソコン仕事で、肩や目が痛い方はこちらがおすすめです。
快適な環境で仕事をしたいですね。
肩が上がらない。姿勢が悪くなる。
腕を広げてタイピングできるので、肩への負担が軽減されます。
created by Rinker
ミステル(Mistel)
目の奥が痛い！時に。
画面の色を損なうことなく、パソコンを長時間見るときに役立ちます。
見た目はエッジが効いている？ので、集中モードの時に。
ネットが遅くて困る！接続数足りてる？
パソコン・スマホ・タブレットを８０台まで接続できてこの値段。
