トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
トピックスターター
新規構築した環境で検証しています。
SWELLの高速化設定をポチポチしましたが、改善しませんでした。
画像を縮小表示すると、スタイルによってデザイン崩れが発生します。
1) 画像ブロックの表示サイズを「小さく表示」
以下のスタイルで、周囲に余白が生じる（URL参照）
・ブラウザ風
・デスクトップ風
2) 画像ブロックの画像の寸法を「25%」などに縮小
以下のスタイルで、枠が広がって画像だけが左寄せ（編集画面）・中央寄せ（公開画面）になる（URL参照）
・ブラウザ風
3) RSSブロックの表示が崩れる
これは、編集画面でのみ発生しており、プレビュー画面や公開ページでは発生しません。
添付画像の通り
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.9.4
利用中のPHPバージョン
7.4.27
OS
macbook
利用中のWordPressバージョン
5.9.1
利用中のサーバー会社
ラッコサーバー
ブラウザ
Chrome、Firefox、Safari
利用中のプラグイン一覧
SEO SIMPLE PACK (v.2.3.1)
WP Multibyte Patch (v.2.9)
XO Security (v.3.1.7)
このトピックは5年前 3回からsuyaに変更されました
投稿済 : 10/03/2022 5:45 pm
すみませんサイトが見れないです…！
SWELL開発者です。
投稿済 : 10/03/2022 5:49 pm
トピックスターター
サイトのSSL化がまだ完了していなくて、ブラウザの詳細ボタンから見れませんか？
取り急ぎ画像でもアップしておきます。
投稿済 : 10/03/2022 6:06 pm
「小さく表示」の表示はこれが仕様です！
ブラウザ風の25%のやつはちょっと後で確認しておきます！
SWELL開発者です。
投稿済 : 10/03/2022 9:12 pm
トピックスターター
前は違った気がしたので、古いバージョンで試してみました。
swell-2-5-6-5では、デスクトップ風は「小さく表示」でもうまく表示されてますが、その後デザインが変わったからなんですね。
ブラウザ風は以前も「小さく表示」でうまく表示されませんでした。
一応ご報告しておきます。
投稿済 : 10/03/2022 10:19 pm
正直いうとサイズ系の設定との併用はCSSがかなりごちゃ付いてしまうので「使わないでね」で押し通したいくらいないのですが、コアの機能としても使えちゃうのでどうしよう...という感じです...。
改めて見直してみます。
一応、少し小さめに表示したいときの取り急ぎの対応ですが、リッチカラムでカスタムパディングを使っていただくとよいかなと思います...。
<!-- wp:loos/columns {"colPC":"1","colTab":"1"} -->
<div class="swell-block-columns" style="--swl-fb_tab:100%;--swl-fb_pc:100%"><div class="swell-block-columns__inner"><!-- wp:loos/column {"useCustomPadding":true,"padding":{"top":"0rem","left":"5%","right":"5%","bottom":"0rem"}} -->
<div class="swell-block-column swl-has-mb--s" style="--swl-clmn-pddng:0rem 5% 0rem 5%"><!-- wp:paragraph {"align":"center","backgroundColor":"swl-main"} -->
<p class="has-text-align-center has-swl-main-background-color has-background">画像をここに</p>
<!-- /wp:paragraph --></div>
<!-- /wp:loos/column --></div></div>
<!-- /wp:loos/columns -->
この投稿は5年前 2回ずつ了に変更されました
SWELL開発者です。
投稿済 : 10/03/2022 10:51 pm
トピックスターター
すみません、SWELL機能かと思って気軽に投稿してしまっていました！
・「画像の寸法」は、PCでは小さく表示、スマホでは大きく表示
・「小さく表示」は、PCでもスマホでも小さく表示
という具合に結構便利に使わせてもらっていました！
開発が大変そうであれば、おっしゃる通りリッチカラム等で代替したいと思います！
投稿済 : 10/03/2022 11:05 pm
当方でも画像ブロックにそれぞれのスタイルを適用したところ、編集画面での下記挙動によって表示崩れが発生しました。
・リサイズ動作をしない場合（画像挿入後、スタイルを設定しただけ）
・リサイズ動作をした場合（画像挿入後、75%→100%にして、スタイルを設定）
ただ、表示崩れの発生はそれぞれのスタイルで異なるようです。
・ブラウザ風：リサイズ動作をすると表示が崩れる
・デスクトップ風：リサイズ動作をすると表示崩れが直る
※リサイズ動作をした場合、100%に戻しても「figure.is-resized」は消えない。
SWELLでニッチなカスタマイズして遊んでます #ヤモヲのひとりあそび
投稿済 : 22/03/2022 2:34 pm
suya reacted
トピックスターター
遅くなりましたが、バージョン2.6.0.1で修正されたことを確認しました。
いつも迅速な対応ありがとうございます。
投稿済 : 06/04/2022 6:21 pm