記事を読む非表示にしたい（スマホのみ）

PR 2015/9/21

このトピックには8件の返信、2人の参加者があり、最後にkojidaiにより11年、 1ヶ月前に更新されました。

8件の返信スレッドを表示中

投稿者

投稿
- 2015年9月19日 4:41 PM #32699
  
  kojidai
  ゲスト
  
  スマホ用の
  ”記事を読む””本文抜粋”を非表示にしたく
  mobile.cssに下記コードをいれたのですが
  反映されません。他になにかいれるものはあるのでしょうか。
  
  .entry-read a{
  display:none;
  }
  
  .entry-snippet{
  display:none;
  }
- 2015年9月19日 4:56 PM #32701
  
  yokudekiru
  ゲスト
  
  普通なら、そのコードで適用されるはずです。
  キャッシュの影響を考えてみてはいかがでしょうか。
- 2015年9月19日 5:26 PM #32707
  
  わいひら
  キーマスター
  
  テーマカスタマイザーの「完全レスポンシブデザインにする」機能はオン/オフのどちらになっていますか？
- 2015年9月19日 5:46 PM #32708
  
  kojidai
  ゲスト
  
  完全レスポンシブはオンになっています。
- 2015年9月19日 7:51 PM #32711
  yokudekiru
  ゲスト
  ならメディアクエリを使いましょう
```
@media screen and (min-width: 900px) {
.entry-read a{
display:none;
}
.entry-snippet{
display:none;
}
}
```
  このコードでイケると思います。(900のところは必要に応じて変えてください。)
- 2015年9月19日 8:49 PM #32714
  
  kojidai
  ゲスト
  
  minにしたらスマホではなくPCで非表示になってしまったので、maxにかえたらスマホで非表示になりました。
  ありがとうございました。
- 2015年9月19日 10:38 PM #32718
  
  yokudekiru
  ゲスト
  
  あ、すいません。スマホから入力していたのでつい、間違えてしまいました。
  レスポンシブデザインにとってメディアクエリは便利ですので、これからもぜひ使ってください。
- 2015年9月20日 6:04 PM #32731
  
  わいひら
  キーマスター
  
  yokudekiruさんありがとうございます。
  
  style.cssにメディアクエリの他に、
  responsive.cssに書くとメディアクエリーなしでレスポンシブのモバイル時のみ呼び出すこともできます。
  Simplicity子テーマ内に入っているファイルの役割について解説
  
  方法は、どっちの方法でもOKです。
- 2015年9月21日 7:20 PM #32761
  
  kojidai
  ゲスト
  
  わいひらさんありがとうございます。
  
  そもそもコードを書く場所を間違えていたのですね。
  responsive.cssに書いたらちゃんと反映されました。
  お手数おかけいたしました。
投稿者

投稿

8件の返信スレッドを表示中

トピック「記事を読む非表示にしたい（スマホのみ）」には新しい返信をつけることはできません。