- このトピックには2件の返信、2人の参加者があり、最後に
により3年、 8ヶ月前に更新されました。
-
投稿
-
お世話になっております。
過去フォーラム情報等、確認しましたが、見当たらず質問させていただきます。
【お使いの Snow Monkey のバージョン】13.2.3
【お使いの Snow Monkey Blocks のバージョン】10.3.3
【お使いの Snow Monkey Editor のバージョン】4.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
Snow Monkey Blocksの１つ、【メディアと文章】にて、画像サイズをスマホ、タブレットでも調整できるようにしたいです。
具体的には、
・PC同様、横並びの維持
または
・縦並びになったとしても、縦横比率をたもったまま画像サイズを縮小したい です。### 発生している問題
現在、2560 x 1709 ピクセルの画像を、画像カラムのサイズを下図のように、25%にして固定ページを作っています。PCサイズの場合は、横幅に対する比率25%のままで維持されますが、横幅を狭めていくと、タブレット、スマホでは100%になります。
とくにタブレットの場合は、画面のほぼ一面に画像が表示されてしまい、スクロールに時間を要します。
### 試したこと
タブレット、スマホで画像自体の表示切替が出来るか、固定ページの編集画面にて探しましたが
見当たりませんでした。。。### お聞きしたいこと
上記内容を実現したい場合、
1)そもそも、【メディアと文章】向けではアップする画像サイズをもっと小さくするのがよいのでしょうか。
WordPress上で画像サイズを小さくする方法はあるのでしょうか。2)【メディアと文章】ではスマホ、タブレット向けとで、挿入画像を選択できないのでしょうか。
3)PC同様、画像を横並びのまま保持する方法はありますか。
以上、ご教示いただけますと幸いです。どうぞよろしくお願いいたします。
いいねをした人: 居ません1)そもそも、【メディアと文章】向けではアップする画像サイズをもっと小さくするのがよいのでしょうか。
WordPress上で画像サイズを小さくする方法はあるのでしょうか。解決されたい問題を解消する助けにはならないと思われますが、WordPressにアップロードされている画像データを編集したい場合には、メディアから該当する画像を選択して編集することでリサイズなど可能になります。適材適所でご活用ください。
2)【メディアと文章】ではスマホ、タブレット向けとで、挿入画像を選択できないのでしょうか。
現状では、標準ブロック・Snow Monkey Blocksの両メディアと文章ブロックには、そのような機能は搭載されていませんね。
3)PC同様、画像を横並びのまま保持する方法はありますか。
考え方としては、ご存知とは思いますが Snow Monkey のCSS設計としてモバイルファーストになっているため、スマホ→タブレット→PCという順にメディアクエリを利用して上書きしていく形で書かれています。
ですので、厳密に言うと「PC同様」にするのではなく、「PC表示に採用されているスタイルを、スマホ・タブレットにも採用する」ようにメディアクエリを利用してCSSカスタマイズを行えば実現は可能かと思います。
いいねをした人: 居ません
- トピック「【メディアと文章】画像サイズをスマホ、タブレットでも調整する方法はありますか？」には新しい返信をつけることはできません。