FC2ブログ

スポンサードリンク

FC2Blog カスタマイズ(17/5/8更新)

  08, 2017 18:34

スポンサードリンク

17/5/8
◎フォーマットを変えました。
変えたところ、表が切れるのが改善されました。
で、フォントを大きくするとまた切れました。
大きくしすぎると切れるようです。
ギリギリを見極めて設定しました。

問題なし。

~~~~


17/3/30
◎罫線が表示されないので修正しました。
テンプレート>スタイルシートの下記のところが怪しいのでいじってみたら治りました。
td{margin:0;padding:0;border:0;outline:0;}

td{margin:1;padding:1;border:1;outline:1;}

~~~~

16/12/18
◎スマホで見やすくするために、フォントサイズを3倍にしてみた。
うちのサイトはスマホとPCでレイアウトを共通にしています。
最たる理由が、「有料プランじゃないとスマホページにアフィリエイトが貼れない」ということです。
「スマホ用のレイアウトをPCと同一にする」、「PCレイアウトにアフィリエイトを貼る」のは可能なのでそうしています。
これでスマホで見ても広告が出ます。

しかし、スマホで自分のページを見ると、字が小さくて読みにくい!
なのでスマホで見て、拡大しなくても文字が読めるようにフォントサイズを大きくしました。
使用スマホは「ZenFone2Laser」でブラウザは「検索+」というポイントがチマチマもらえるやつです。

適当にいじって字が大きくなりましたが、参考になるかもしれませんのでメモを置かせて頂きますね。

・「FC2Blogの管理画面」で「設定」>「テンプレートの設定」
・「[ basic_white ] のスタイルシート編集」の中の、(テンプレートは[ basic_white ]という名前のものを使っています)

body {font:13px/1 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;}

という行を(割りと上の方にあります)

body {font:43px/1 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;}

という風に変更。
数字をいじるとフォントサイズが変わります。
結構簡単です。

これでおしまい。


これでスマホで見やすくなりましたが、今度はパソコンで見ると字が大きくなっちゃんたんですよね。。。
ま、大きい分には読めるから良いのかな・・・?
アクセス解析見ると、
リモートホストはSPモードの人が多いし(ドコモのスマホ人が多いってことっすね)、
OS見るとiphoneの人が多いので。
時代の流れなのか、パソコンでネット見る人は減ってるみたいですね。

~~~~

ご覧いただきありがとうございました。



関連記事

スポンサードリンク

スマホ 見やすく フォント サイズ 3倍 FC2ブログ テンプレート

0 Comments

Post a comment


スポンサードリンク

What's New