Simplicityのカスタマイズ時にスタイルシートが反映されない時の注意

公開日: テーマ  , ,

閲覧所要時間: 約 2

20170711084633

Simplicityで良くハマることがスマホ用のスタイルシートが反映されない時の為にメモ書きします

mobile.css

responsive.css

style.css

と3つあるかと思いますがそれらの役割を纏めてみました。

mobile.css

モバイルで呼び出されるCSSファイルです。

mobile.cssファイルは、Simplicityデフォルト設定状態のモバイル表示で利用されます。

「外観→レイアウト(全体・リスト)」の「完全レスポンシブデザインにする」が無効になっている場合のみに読み込まれます。

responsive.css

20170711091941

完全レスポンシブデザインが有効になっているとき読み込まれるCSSファイルです。

「外観→レイアウト(全体・リスト)」の「完全レスポンシブデザインにする」が有効になっている時のみに読み込まれます。

完全レスポンシブ機能を利用するときだけ使用するCSSを書いたりすると良いかもしれません。

この2つが少し混乱してしまう事がよくあるんですよね。。。

これでもダメな時は私は最後のstyle.cssMedia Queriesを使います

例えばこのような感じで書きます

Media Queries とは

Media Queries はCSS3から使いされた機能で、レスポンシブデザインを行うのに利用されます。

レスポンシブデザインとは

レスポンシブデザインとは、PCやスマホ、タブレットなどの画面サイズが異なる複数のデバイスに対して、それぞれの画面サイズに適したデザインを、それぞれ全く別のCSSファイルで書くのではなく一つのCSSファイルでまとめて行うものです。

後たまにあるトラブル

Simplicityテーマで右側に余白が出来る

wordpressで急にログイン画面が真白になった

wordpressのヴァージョンやPHPのヴァージョンとかでも色々と変わってくるんですね。

次から次へと新しいものが出てくるのでついていくのに死にものぐるいです!

だけど

時が経つのが早いものでもう夏ですよwww

 関連記事-こちらもどうぞ

 タグ関連記事

20160414162918

最新記事にNEWマークをつける

Simplicityのテーマを使って最新記事にNEWマーク 上の画像のように新しい記事にNEWマークがつきます ソースは以下で配布しています http://codepen.io/Hidekichi...

記事を読む

20161029113222

Simplicity 2.3.0 安定版が出ましたよ!

更新がかなり早いので見落としていましたwww かなり前になるけどSimplicity 2.3 安定版 が出ていましたね! もうあえて説明するまでもないくらい知名度のあるテーマで無料...

記事を読む

20161213170234

Simplicity2.4安定版が出ました

物凄い勢いで進化し続けてるSimplicityですがSimplicity2.4の安定版が出てました。 もうこのテーマも説明しなくても皆様の方が良く知ってると思うので省略します。 私の見る限り...

記事を読む

20170719235441

Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きます。。。 アイキャチ画像は要らなくてテキストだけならShortcodes Ultimateを使う方法が一番良いかと思います。 ...

記事を読む

20170409165838

レスポンシブ表示をPC表示に切り替える

LIQUID RWD PLUSを使ってサクッとPC表示にする レスポンシブ表示が好きになれなかった理由としてPC表示に出来ないのも1つの理由でしたwww しかしこのプラグインを使うと型崩れする...

記事を読む

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
e4d21ca4c1d69c96b187fc010438cde3_s
WordPressでログイン画面が出てこない

WordPressにログインしようと思っても画面真白でログイン出

20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…

    スポンサードリンク