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

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

 タグ関連記事

20161029113222

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

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

記事を読む

20170409165838

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

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

記事を読む

20170602170051

Simplicityで使えるスキンの「m-tomato」が凄く良い

Simplicityではスキンと言う機能があり スタイルシートのみで、手軽に外観を変更したい場合は、スキンがお勧めです。 m-tomatoは野菜が背景画像を使っていて私の心にグッと来たので紹介...

記事を読む

20170719235441

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

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

記事を読む

20161213170234

Simplicity2.4安定版が出ました

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

記事を読む

コメントを残す

更新情報

Simplicity2.4安定版が出ました  更新日: 12月13日
STINGER8が出ました  更新日: 12月13日
20170719235441
Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きま

20170719095238
WordPressの固定ページでカテゴリーやタグを使えるようにする方法

今まで使う機会がなかったのですがちょいと入り用が出来たので固定ペー

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

Simplicityで良くハマることがスマホ用のスタイルシートが反

20170602170051
Simplicityで使えるスキンの「m-tomato」が凄く良い

Simplicityではスキンと言う機能があり スタイルシートの

20170520130242
無料テーマの「Numinous」の紹介

Numinous はクリーンでエレガントなマガジンタイプの Wor

→もっと見る


  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでも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…
  • wordpressテーマのGushにしたらwp-jquery-lightboxが動かないへのコメント (優香より[03/01]) Elloraさん こちらこそよろしくお願いします。 ありがとございました。

    スポンサードリンク