Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ギャラリー画像がサイト幅いっぱいに表示...
 
通知
すべてクリア

[解決済] ギャラリー画像がサイト幅いっぱいに表示されるのを解消したい

4 投稿
3 ユーザー
2 Likes
2,178 表示
sabo_nochihare
(@sabo_nochihare)
投稿: 12
メンバー
Topic starter
 

はじめまして、saboと申します。

本日CocoonからSWELLへ移行し、基本設定が終わりました。記事ごとの微修正に入った段階です。

サイト内で画像を多用しており、ギャラリー機能で「2カラム/サイズ中」などの設定をしています。

SWELL移行後に画像表示が以下のように崩れており、解決策を模索しているところです。

 *画像サイズの崩れや修正について過去記事が見当たらず質問させていただきました

------------------------------------------------------------------------

▼SWELL移行後のギャラリー画像表示

 ・PC(Safari) :本文の画面幅いっぱいにギャラリー画像が表示されている
          縦横比が崩れて横に伸びている

 ・PC(Chrome):フルサイズで画像が表示されている
          縦横比は正常

 ・SP(Safari) :本文の画面幅いっぱいにギャラリー画像が表示されている
          2カラムは縦横比は正常、1カラムだと横に伸びている

 ・SP(Chrome):本文の画面幅いっぱいにギャラリー画像が表示されている
          2カラムは縦横比が正常、1カラムだと横に伸びている

------------------------------------------------------------------------

ギャラリーひとつの設定(カラム・画像サイズ)を修正するか、CSSなどで画像サイズの修正が可能か、お分かりでしたらご教示いただけませんでしょうか。

PCでブラウザ毎に表示差があるので、WordPressやテーマ側の問題ではなく一つずつの修正が必要であろうと薄々覚悟はしています・・・

よろしくお願いします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.9.3
利用中のPHPバージョン
7.4.25
OS
MacOS,iPhone
利用中のWordPressバージョン
5.9.1
利用中のサーバー会社
ConoHa
ブラウザ
Safari,Chrome
利用中のプラグイン一覧

Ad Invalid Click Protector
BackWPup
Broken Link Checker
Contact Form 7
EWWW Image Optimizer
Highlighting Code Block
Invisible reCaptcha
No Right Click Images Plugin
Rich Table of Contents
SEO SIMPLE PACK
SIMPLE BLOG DESIGN
SiteGuard WP Plugin
WebSub (FKA. PubSubHubbub)
WP Fastest Cache
WP Mail SMTP
XML Sitemaps
【SWELL】乗り換えサポート from Cocoon

 
投稿済 : 09/03/2022 3:46 pm
yamowo
(@yamowo)
投稿: 32
メンバー
 

ご質問の内容と違っていたらすみません。

ギャラリーブロックの表示サイズを調整する方法として、CSSでのやり方もありますが、

SWELL機能のみでやるやり方としては、添付のように、リッチカラムを3カラムにして、

中央のカラムにギャラリーブロックを挿入。

両サイドのダミーカラム(空のカラム)とのバランスを見ながらカラムの横幅を調整します。

 

ギャラリーブロック

 

この方法でしたら、ギャラリーの画像サイズがフルサイズでも、デバイスごとに設定できます。

ひとつひとつの再設定は必要ですが…^^;

SWELLでニッチなカスタマイズして遊んでます #ヤモヲのひとりあそび

 
投稿済 : 09/03/2022 6:41 pm
reacted
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 
投稿者:: @sabo_nochihare

ギャラリー機能で「2カラム/サイズ中」などの設定をしています。

これはCocoonの機能ですかね?

だとすれば、こちらの機能に関しての乗り換えサポートはありませんので、全て手動修正していただく必要があります。

または特定のクラスが付与されているのであれば、Cocoon時のCSSをご自身で再適用させると一括で復元できるかと思います。

SWELL開発者です。

 
投稿済 : 09/03/2022 9:18 pm
sabo_nochihare
(@sabo_nochihare)
投稿: 12
メンバー
Topic starter
 

yamowoさん 了さん

ご回答ありがとうございます。

ギャラリー機能はCocoon特有ではなく、WordPressの標準ブロックのはずです。

cssを少し調べてみましたが、全てのギャラリーを希望のサイズにはできそうになかったので、ラクせずに一つずつ修正することにします。

お忙しいところ、ありがとうございました。

 
投稿済 : 09/03/2022 9:55 pm
yamowo reacted
共有: