スマホで表示した際トップページのスライダー画像が左右見切れるのを回避したい

Question

TCDさんが販売している『AMORE』というWordPressテーマを使い、とあるサイトの制作を考えています。このテーマを使用するのは、作成者に意向によるところです。
http://design-plus1.com/tcd-w/tcd028

こちらのテーマを使い、TOPの画像を1200幅で設定しているのですが、スマホ表示にすると画像の両端が見切れてしまう感じで表示されてしまいます。

画像の中に文字を配置した場合、切れてしまいました。

それを回避するために『スマホで閲覧した際トップページのスライダー画像が左右見切れるのを回避する方法』という解説ページがあり、そちらを参考に試してみたのですが、どうもうまくいかない感じです。
http://tcd-manual.net/?p=2544

スマホ表示の際もPC版の表示と同じように画像全体が表示されて欲しい、と思っています。

お手数をおかけいたしますが、お知恵を借りることが出来れば幸いです。

Comments

[dit.]

解説ページの内容を試した結果どうなってのでしょう。「うまくいかない」だけだとわかりません。また、有料テーマの場合回答者が同じ環境を作るのが難しいため回答がつきづらいと思います。販売元に問い合わせてみてはいかがでしょうか。http://design-plus1.com/tcd-w/inquiry_2

[Orejima]

ご指摘ありがとうございます。「上手くいかない」というのは、解説ページを参考に修正しても現状と同じ、ということでした。販売元にも問い合わせをしてみようと思います。ありがとうございました。

[dit.]

閲覧の確認はスマフォの実機で行ってますか？if(!is_mobile()での切り替えが対処法になっているので、パソコンでウィンドウ幅を縮める形での確認だとうまくいかないかもしれません。

[Orejima]

ありがとうございます。閲覧の確認は、スマホ本体とChromeデベロッパーツールを使用しています。

[dit.]

古い記事ですがユーザーエージェントについて少しまとめられてます。中盤にPCブラウザからユーザーエージェントを切り替えて確認する方法も書いてあるのでご参考までhttp://estpolis.com/2012/08/6141.html

[dit.]

うーん…私ではこれ以上お役にたてないようです。どなたか同じテーマを持つ方か販売元からの回答があればいいのですが。もし販売元からの回答で解決した場合にはぜひご自身で回答に対処法を書いて、同じ問題に行き当った方のために情報を残してください。

[Orejima]

いえ、色々とありがとうございました。諸々判明しましたら、こちらにも記載させていただきますね。

[dit.]

この対処法、「モバイル用の別の画像をアップしておいてそれが表示されるようにしてね」って感じですね。ここを変更しただけで見切れないようになるわけではなく、「見切れないような画像を作ってそちらを表示する」意図のようです。

Answer 1

下記アドレスに解説があるように、該当PHP部分を修正することで対応出来るようです。
http://tcd-manual.net/?p=2544

ただ、注意点としてTOP画像を自動的に見切れない形に修正してくれるのではなく、dit.さんがご指摘してくださったように「モバイル用の別の画像をアップしておいてそれが表示されるようにしてね」という形でした。

モバイル用の画像を準備し、該当箇所に画像アドレスを設定することで対応することができました。

解説ページにそういった表現がなかったため、少し遠回りをしてしまったように思いました。

dit.さん、ご丁寧にありがとうございました。

Comments

[dit.]

無事解決されたようでよかったです。
解決の糸口になれてほっとしております。