モバイル デバイスで表示するときに大きなフォントで表示する必要がある特定の WordPress ページがあります。私はこれを行うことを考えました：
@media handheld { /* rules for handheld devices */ }
...しかし、それをページのヘッダーのどこに挿入できるかわかりません。これを達成するための最も簡単な方法は何ですか?
2 に答える
0
ワードプレスで特定のページをターゲットにしたい場合は、これを行うことができます。
header.php<body>で、開始タグの代わりにこのコードを追加します
<body <?php $id = get_the_ID(); $title = str_replace(' ','-', strtolower(get_the_title($id))); body_class($title); ?>>
これにより、ページのタイトルがすべて小文字になり、スペースの代わりにダッシュが追加されます。
したがって、 The Neighborhoodというページがあった場合、次のクラスが作成されます。.the-neighborhood
メインのstyle.cssページでそのようにターゲットにします
@media handheld {
body.the-neighborhood header {
/*header styles for only the neighborhood page */
}
}
于 2013-03-18T17:14:49.187 に答える
0
media="画面のみ (最大幅: 480px)、画面のみおよび (最大デバイス幅: 480px)" href="/assets/css/small-device.css"
于 2013-03-18T16:22:09.743 に答える