アポロのタロット占い

2017-02-21

スマートフォン専用ページを

スマートフォンで私のブログ(アポロ漫録)を開くと自動的にスマートフォン専用のページが表示されたのですが、それを消してスマートフォンでもPC版のページが表示されるように変更してみました。

ほとんどのスマートフォンでパソコンと同じように縦書きで表示されるようになったと思います。記事の部分を左右にスクロールさせて読んでみてください。

試験的にWebフォントも使用してみました。読み込みに時間はかかりますが、閲覧環境によっては味のある行書体で表示されると思います。

文字が小さくて読みづらい場合には画面を縦のままにして拡大すると読みやすくなると思います。レイアウトが崩れている場合にはページを拡大してから再読み込み(リロード)してください。

5インチ以上の大きめのサイズのスマホやタブレットPCの場合には画面を横にしても読みやすいと思います。

Android では表示確認をしているのですが、iPhoneiPad 等ではどのように表示されているかは未確認です。iPhoneiPad の所有者でこのブログをご覧になった方がおられましたらご報告いただければ幸いです。

今までのスマートフォン専用ページはほとんどカスタマイズしていなかったので普通のブログと同じようにシンプルな横書き表示になっていました。そこで、試しにPC版と同じように縦書きにしてみたところ、一応は縦書きにはできたのですが、ページ内に強制的に埋め込まれている広告が激しくレイアウト崩れを起こしてあちこちに飛び回りカオス状態になってしまいました。この広告は削除できないし、レイアウトを修正しようにも手間がかかりすぎてほとんど不可能でした。

仕方がないので縦書き表示はあきらめようかと思ったのですが、広告が表示されるのはスマートフォン専用ページだけなので、スマートフォンでも最初からPC版で表示させてしまえば広告も出なくて見やすくなるのではと考えたわけです。

スマートフォン専用ページを消すのは少し手間がかかるのですが、裏技的な方法でどうにかうまくいったようです。完全に広告を消すことはできませんでしたがレイアウト崩れもなく、閲覧には支障はないと思います。いかがでしょう?

Webフォントについては読み込みに時間がかかってしまう(データ通信量も増える)ので閲覧者に負担をかけてしまうことになるのですが、せっかく縦書きにしてもフォントが味気ないゴシック体ではいまいちです。縦書き時にはせめて明朝体くらいにはしたいものです。ところが、スマートフォンでは端末に内蔵されているフォントが少なくて、特に日本語フォントはゴシック体一択で明朝体すらない場合がほとんどだと思います。ブログでフォント指定しようと思ったらWebフォントを使うしかないわけです。これもなかなかに手間のかかる作業でしたが、どうにかうまくいったようです。

フリーで使えるフォントはあまり多くはなく、あってもライセンスがめんどくさかったりするのでフォント探しも苦労しましたが、とりあえず「衡山毛筆フォント行書」というものを使ってみました。細目でちょっと崩れすぎているので明朝体ほど読みやすくはないと思いますが、味があってよいと思います。何となく雰囲気だけでも味わってもらえれば十分かと……。現在は試験的に使用しているだけなので今後もこのままかどうかは未定です。どうしても読みづらい場合にはWebフォントを無効にできるブラウザを使ったり、SafariFirefoxリーダーモードを使ったりしてみてください。

JavaScriptCookieを両方とも無効にするとWebフォントも無効になり、広告なしのスマートフォン専用ページで閲覧することができます。設定が少し面倒ですが、この方が一番見やすいかもしれません。

解説記事も書いたのでこちらもお読みください。

§

今日の運勢

§

タロットカード1枚で占います

ご依頼方法

占いのご依頼はこちらへ

お気軽にご相談ください

伝言板

当サイト内のご案内

アポロのプロフィール等

Tarot FILES

タロットに関するエピソード集

実際の占い結果も公開

占い講座

タロット占い師になろう!

展開法なども紹介

無料占いのご案内

アポロが直接占います

毎日やってます

★

★ 

樹

 ★

◎