会員サイトをリニューアルしました! 新サイトはこちら

メインビジュアルを任意の部分を表示させる方法 < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

メインビジュアルを任意の部分を表示させ...
 
通知
すべてクリア

[解決済] メインビジュアルを任意の部分を表示させる方法

7 投稿
3 ユーザー
3 Likes
1,657 表示
aogitune1
(@aogitune1)
New Member
Topic starter
 

お世話になります。

メインビジュアルに関してなのですが、自分の任意の部分を映し出す方法はありませんか?

間違っていたら申し訳ないのですが、取り込んだ画像の中心から「メインビジュアルの高さ」で指定した数値分、表示される領域を広げられてるように見えます。

しかし画像によっては一番表示したい所が見切れてしまったりします。

とはいえ見きれないところまで高さ調節すると今度は逆にメインビジュアルの表示が大きくなりすぎて不格好になってしまう・・・。

Twi○terのヘッダー画像を設定するみたく、「選択された画像のここからここまで表示する~」みたいな感覚的な操作で領域を指定出来ると一番楽なのですが・・・

若干要望みたいになって申し訳ないですが、今の所そういう手段はないでしょうか?

よろしくお願い致します。

 
投稿済 : 23/03/2021 7:16 pm
しらこ
(@96ssbike)
Prominent Member
 

カスタマイザーでメインビジュアルを設定しますが、今のところ仰っている内容に近いかな?と思うのは、メインビジュアルの表示設定>メインビジュアルの高さ設定で、「画像・動画サイズのまま」にしていただくと良いのかなと推察します。

手前味噌で恐縮ですが、私のサイトがそのようになっています。
https://tecchan.jp/

この場合、選択された画像の「ここからここまで」ではなくて、選択された画像自体を表示する形になります。

ちなみに、私の場合は、トップページのメインビジュアル部分をヒーローヘッダーにしていますが、それはヘッダー>トップページでの特別設定>ヘッダーの背景を透明にするかどうかで設定変更可能です。

にゃーん .

 
投稿済 : 23/03/2021 9:41 pm
aogitune1 reacted
aogitune1
(@aogitune1)
New Member
Topic starter
 

@96ssbike お返事助かります、ありがとうございます。

なるほど・・・

やはり選択した一部をあまり大きくせず写したいとなると

写したい部分が範囲に収まるように余白を付けるもしくは画像自体を合うようにカットするか

くらいしか無さそうですね・・・。

わかりました!

参考にいたします。

 
投稿済 : 24/03/2021 7:11 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

「画像を見せたい」のであればしらこさんのおっしゃる通り、高さ設定で「画像・動画サイズのまま」を選択するか、画像自体を工夫してください。

もしくは、CSSのobject-positionで若干調節はできると思います!

 
投稿済 : 24/03/2021 7:22 am
aogitune1 reacted
しらこ
(@96ssbike)
Prominent Member
 

@aogitune1 やりたいことの具体的なことがわかりかねますが、私には「ここからここまで」切れば良いだけの話ではないか?(WordPress上でも、圧縮率は正直良くないですが写真のトリミングは自由にできますし。容量が気になるなら、そこから一旦ダウンロードしてTinypng等を一旦噛ませて、再アップロードすれば良い)という風に感じました。

そもそも、PC・スマホ問わず100%の幅で表示されていますし、特にPCでは左右の幅はウインドウサイズなどによって違って表現されるものです。

また、ここでは無料サポート範囲外ですのでCSSは提示しませんが、メインビジュアルの幅を任意のピクセルに縮小して決まったサイズにしたことはあります。

いずれにしても、テーマ上の機能で出来ないことは、ぜひ色々とチャレンジしてみてください!

にゃーん .

 
投稿済 : 24/03/2021 7:22 am
aogitune1 reacted
しらこ
(@96ssbike)
Prominent Member
 

そして、回答が被ってしまいました…(;^ω^)

にゃーん .

 
投稿済 : 24/03/2021 7:23 am
aogitune1
(@aogitune1)
New Member
Topic starter
 

@96ssbike 了様、しらこ様、お返事ありがとうございます。

こんなに早くお返事がいただけるとは思わず、要望のほうにも書いてきてしまいました・・・すみません。

私のやりたいことは、向こうでも書いてしまいましたが、添付ファイルのような表示する範囲を指定できる操作をカスタマイズページで出来ればなぁと思いましたが・・・

しらこ様の仰るとおり、画像を切るという方法で対処していこうと思います。

 
投稿済 : 24/03/2021 7:43 am
共有: