wordpress(ワードプレス)

STINGER5のブログを携帯で見るとスペースが「・」と表示されるのを解消する方法

更新日:

※この記事はPC初心者が書く、超初心者のための記事です。(╹◡╹)ノ※

 

自分のブログを編集中、ふと携帯ではどう見えるんだろうと思い見てみると、

 

Screenshot_2015-03-08-15-28-24

 

あれ!?

なんかスペースの部分に「・」が表示されてる!なんで!?

調べてみると、どうにも「STINGER5」側のバグではない模様。

Androidとgoogle Chromeの不具合みたいです。

あーでもない、こーでもないと格闘すること一時間。

色々調べた結果、消す方法がやっと分かったので書いておきます。

 

STINGER5で携帯で見るとスペースが「・」と表示されるのを解消する方法

 

フォントにHelveticaと追加することで解決できます。

まずWordPressのダッシュボードから外観、テーマの編集と進みます。

そしてスタイルシート (style.css)を選んでください。

ctrl+Fで検索欄を出し、

font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "MS Pゴシック", sans-serif;

 

を探してください。

たぶんスクロールしなくても直ぐ見つかると思います。

そして以下のように赤い部分を追加してください

 

font-family: Helvetica,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "MS Pゴシック", sans-serif;

 

メイリオの前に追加すれば良いだけなので簡単ですね。

あと追加したらファイルの更新忘れずに。

 

作業が終わったら携帯で見てみましょう。

Screenshot_2015-03-08-15-29-26

 

おお、綺麗になってる。

これにて完結!

 

では今回はこの辺デー(>∀<)/

-wordpress(ワードプレス)
-

Copyright© ZIRNITRA blog , 2018 All Rights Reserved Powered by AFFINGER4.