アイキャッチ画像のサイズをPC向けとスマホ向けで分けて設定する方法

PR 2014/10/7

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

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

投稿者

投稿
- 2014年10月4日 6:52 AM #3372
  
  たけよう
  ゲスト
  
  おはようございます。
  以前、下記でお世話になった者です。
  http://wp-simplicity.com/top-thumb-list/
  
  （PC向けの）アイキャッチ画像のサイズをデフォルトよりも大きく変更すると、スマホ向けではアイキャッチ画像が大きすぎて画面からはみ出してしまいます。
  
  画面に収まるようにスマホ向けには違うサイズ（小さいサイズ）のアイキャッチ画像で表示したいのですがその方法をご教示いただけないでしょうか？
  （mobile.cssをいじるだけではだめ？）
- 2014年10月4日 8:52 AM #3376
  
  わいひら
  キーマスター
  
  修正する方法はあるのですが、テンプレートファイルを少しいじるため、ここで書くより次のバージョンで修正したいと思います。
  
  先程修正は、（おそらく）できたので、次のバージョンを待っていただけると幸いです。
  近日中には出ると思います。
- 2014年10月5日 5:45 AM #3478
  
  たけよう
  ゲスト
  
  わいひら様
  
  承知しました。
  それでは次バージョンを楽しみに待ちたいと思います^ ^
- 2014年10月5日 9:21 AM #3479
  
  わいひら
  キーマスター
  
  もう既に新バージョン出ています^^
- 2014年10月6日 10:15 PM #3533
  
  nakajin
  ゲスト
  
  わいひら様
  NAKAJINと申します。
  こちらのテーマに見とれておりました。ただやはりアイキャッチが少し大きめに思えますので
  カスタマイズしたいと思います。
  
  具体的にどこを修正すればよいのでしょうか。
  現在FireFoxのF12で色々トライしているのですが全体の横幅は変えることが出来ますが
  縦サイズを変えることがどうしても出来ません。
  
  今目指しているのはPCはスクエア130PX スマフォは70px程度です。
  
  よろしくお願いいたします。
- 2014年10月7日 7:16 AM #3546
  
  わいひら
  キーマスター
  
  NAKAJINさんこんにちは。
  
  すいません。
  カスタマイズフォーラムの新しいトピックに「アイキャッチサイズをCSSで変更するには？」あたりのタイトルで、トピックを立ててもらってよろしいでしょうか？内容はコピペでOKですので。
  
  あとそのとき、うまくいかなかった方法（CSSなど）を書き込んでもらえると、どこの部分のアイキャッチか、どこを直せば良いのかわかるので正確に答えられるかと思います。
- 2014年10月7日 1:38 PM #3587
  
  わいひら
  キーマスター
  
  続きは以下にあります。
  アイキャッチサイズをCSSで変更するには？
投稿者

投稿