【備忘録】WORDPRESSのテーマtwenty twelveのレスポンシブテーマを無効にする方法
以下、参考にした記事:
http://stackoverflow.com/questions/11425230/override-css-media-queries
http://stackoverflow.com/questions/14683659/edit-or-disable-responsive-menu-in-wordpress-twenty-twelve-theme
http://stackoverflow.com/questions/14356982/how-to-remove-the-responsive-code-from-the-twenty-twelve-theme
結局決めてはこれ:
http://wordpress.org/support/topic/remove-the-responsive-code-from-the-twenty-tewlve-theme
ようはfunctions.phpに書いてある、navigation.jsを無効にして、
勝手に幅に合わせて変わるナビを無効に。
(header.phpの中にもレスポンシブを呼びだすタグが含まれていたらそれを取り除く)
その後、style.cssのmedia queryを丸ごと削除。
または無理矢理適用させたいスタイルをmedia query後に!importantをつけて記述。
と言った所ですかね。
とかいていたのですが、WORDPRESSが新しくなってからの
新しい対処方法として素晴らしく簡単なことが書いてあったので追記として
更新します。(2014年2月10日追記)
上記に書いた事全て忘れて、下記の事をすればいいっぽいです。
上で薦めたリンクにさらに投稿がされてある、書かれてました。
style.cssを開いて
@media screen and (min-width: 600px)
の箇所をみつけて、
@media screen and (min-width:300px)
に書き換えます。
そして下記の記述をcssの最後にもっていきます。 :
#page {
width:1000px; /* またはあなたが決めたサイトの幅 */
}
かなり手間が省けて感激です。
そして、これも使えますね。
http://josiahaltschuler.com/tutorials/how-to-make-the-wordpress-twenty-twelve-theme-non-responsive/
ーーー
ただ、これは現状のWPの基本のテーマなので、
バックアップとってからいじった方がよさげです!