スマホ版のアイキャッチの形を丸くしたい

PR 2014/9/23

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

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

投稿者

投稿
- 2014年9月23日 7:31 PM #2551
  
  yskb2
  ゲスト
  
  こんばんは。
  
  スマホ版のトップページに表示されるアイキャッチの形を、四角から丸に変えたいのですが、mobile.cssにどのように記述すればよろしいでしょうか？
- 2014年9月23日 8:10 PM #2568
  わいひら
  キーマスター
  こんばんは。
  こんなふうに画像の半径で丸めます。
```
.entry-thumb img {
    border-radius: 75px;
}
```
  border-radius
- 2014年9月24日 7:43 AM #2641
  
  yskb2
  ゲスト
  
  わいひら様
  
  いつも早々のご回答ありがとうございます。
  
  このコードに限らず、子テーマのmobile.cssに記述しても何も変わりません。
  記述先はmobile.cssで問題ないでしょうか？
- 2014年9月24日 8:37 AM #2644
  
  わいひら
  キーマスター
  
  モバイル表示の記述をするならmobile.cssです。
  Chrome、Firefoxで確認してみましたが問題なく表示されています。
  
  デフォルトで搭載されているChromeの開発ツールなどで、問題の要素部分がどうなっているか確認してみてください。
- 2014年9月28日 9:22 AM #3037
  
  yskb2
  ゲスト
  
  わいひら様
  
  こちらのトピック「スマホの対象cssファイルについて」をよんでようやく理解出来ました。
  
  私も完全レスポンシブデザインを適用しながら、mibile.cssで書き換えようとしていました。
  
  完全レスポンシブデザインを適用しながら、スマホ版の表示のみ変えたい(例えばアイキャッチの形)場合、header.phpをどのようにカスタマイズすればよろしいでしょうか？
  
  ご教示お願い致します。
- 2014年9月28日 11:07 AM #3047
  わいひら
  キーマスター
  確かにレスポンシブではmobile.cssは読み込まれません。
  
  完全レスポンシブデザインを適用しながら、スマホ版の表示のみ変えたい(例えばアイキャッチの形)場合、header.phpをどのようにカスタマイズすればよろしいでしょうか？
  
  子テーマあたりにmobile-res.cssと作ってタグの間に以下のように書くといいかもしれません。
```
<?php if (wp_is_mobile()): //モバイル?>
  <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/mobile-res.css">
<?php endif; ?>
```
投稿者

投稿

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

フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。