ウェブリブログ：スマホ画面表示 ～PC上でスマホのプレビュー画面を確認～

このブログで、ウェブリブログのカスタマイズ等に特化した情報を記事にさせてもらっているのですが、どうもPC上にスマホのプレビューを表示させたい人が検索をして、このブログを見に来られる事があるようなので、その方法を載せておきます。

めちゃくちゃ単純です。

私のブログ記事で言えば、アドレスを
http://s.webry.info/sp/kotobuki1174takasui.xyz/201601/article_2.html
にすればOKです。

URL前方に　“http://s.webry.info/sp/”　を付けるだけです。


ちなみにトップページ

※Google Chromeで見ているので前の http:// は省かれています。
※幅はドラッグしてスマホの幅くらいにしています。


で、記事のページ

どうですか？簡単でしょう？

これを知らなければ、確認したい時はいつも“公開”時の“スマートフォン版を見る”から見ないといけないですもんね。

注意として、この方法では記事作成時のPC上のプレビュー画面と違い、参照数カウントの対象となります。

もし、フリースペースに広告のタグ等を付けていても問題なく表示されます。
実際のスマホの画面との違いは、幅だけとなるようなので、それは調整してください。
と、言ってもブラウザをドラッグして幅を調整するだけですけどね。


しかし、この事ってウェブリブログのヘルプに書いているんですかね？以前、調べた事があるんですが、見つけられませんでした。

で、老婆心ながら記事にした訳です。


ウェブリブログでブログを作成している皆様、お楽しみいただけたでしょうか？


ではでは。


関連記事：
見やすいブログ　～見た目は大事～
見やすいブログ　～広告も大事でしょ？～
見やすいブログ　～フォントの話～
見やすいブログ　～CSS フォント一括変更～
見やすいブログ　～ウェブリブログのサイドバーに写真・画像を表示～
見やすいブログ　～テキストの改行・画像等を横並び～
ウェブリブログのアクセス解析　～アクセス解析研究所～
ウェブリブログのアクセス解析（スマホ編）　～アクセス解析研究所～