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

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

 タグ関連記事

レスポンシブをサクッと解除する方法

wordpressのレスポンシブ表示を解除する方法 無料で使えるwordpressの国産品の優れもののテーマなんですがどうしても気になるのがレスポンシブ表示。 それを パソコンとモバイル(ス...

記事を読む

20161213170234

Simplicity2.4安定版が出ました

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

記事を読む

20171005204003.jpg

Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る 以前にこのブログでも Auto Post Thumbnailを使ってWindows Live Writerから投稿するとアイキ...

記事を読む

20180121041301.jpg

simplicity2のグローバルメニューにアイコンを入れる方法

simplicity2に簡単コピペで出来るサンプルをザックと書き残しておきます 完成は以下の画像のようになります やり方 説明することも必要ない感じなのでソースコードだけにしておきますね...

記事を読む

050b4e229c4b4c1f7cf100a204f2c35d_s.jpg

Simplicityのテーマを使って3つハマった事

1、バイラルサイトっぽいFacebookフォローエリアを作成する方法 2、ブログカード 3、SSL化したサイトで混在アクティブコンテンツが出る 1番ハマったのはバイラルサイトっぽいFa...

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180121041301.jpg
simplicity2のグローバルメニューにアイコンを入れる方法

simplicity2に簡単コピペで出来るサンプルをザックと書き残

20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

→もっと見る


スポンサードリンク