WordPressテーマSANGOの質問

カラムが横並びに表示されない

アバター
名なし

表題の通りです。
モバイルだけではなく、デスクトップでも縦並びになってしまいます。
他のテーマではきちんと横並びになるので、sango側の不具合かな?と思ってお聞きしました。
よろしくお願いいたします。

SANGO Gutenbergプラグイン問題の報告や要望
コメントへの回答
サルワカくん
サルワカくん
2021/04/14

いつもお世話になっております。
こちら試してみたところこちらの環境では正しく横並びになる様です。
もしよろしければ再現するURLをご共有いただけないでしょうか?

よろしくお願いします

アバター
名なし
2021/04/14

返信ありがとうございます。
テストページを作りました。
http://mmisettei.com/test/
ご確認よろしくお願いします。

サルワカくん
サルワカくん
2021/04/15

共有いただきありがとうございます。

サイトを調査してみたところ、WordPressが標準で提供しているCSSが適用されていない様にみえます。
以下の様な理由が考えられるのでお確かめいただけますでしょうか?
– WordPressのCSSがサーバーにアップロードされていない
– 子テーマでのカスタマイズ、もしくはプラグインが影響してWordPressのCSSが適用されていない

ご確認よろしくお願いします

アバター
名なし
2021/04/15

ご対応、ありがとうございます!

>– WordPressのCSSがサーバーにアップロードされていない
– 子テーマでのカスタマイズ、もしくはプラグインが影響してWordPressのCSSが適用されていない

とのことでしたので、現在のWordPressを削除して、再度インストールし直してみましたが、横並びにはなりませんでした。
標準のWordPress以外に、CSSというファイル?のアップロードが別に必要になるのでしょうか?

また、子テーマのカスタマイズは外観からできる基本設定(色とかヘッダーの変更)以外は何もしていないですが、色の変更とかをすると、表示が反映されなくなるのでしょうか?
それとWordPressをインストールし直したのでプラグインがまっさらになりましたが、特に表示のされ方に変更はありませんでした。
プラグインが入っていない状態でも、何か影響が起きてしまうのでしょうか??

WordPressの知識に疎いため、回答がずれていたら申し訳ないです。
いずれにせよ自分の非が原因だと思いますし、これ以上お手を煩わせるのも申し訳ないですので、横並びは諦めることにします。

(「WordPress を更新したらギャラリーが崩れて横並びにならない不具合解消方法」
という記事もあったので、sangoではなく標準のWordPressが原因の可能性もありますし。読んでもさっぱりわからなかったですが)

長々とすみません!
そして何度もご対応いただき、ありがとうございました。

サルワカくん
サルワカくん
2021/04/15

お世話になっております。
お役に立てず申し訳ありません。

そうですね、こちらでは再現しないのでWordPress側に起因する問題の可能性もありそうです。。
一点お確かめいただきたいのですが、WordPressをインストールしているサーバーに以下のファイルがあるかだけ最後にご確認いただけないでしょうか?
wp-includes/css/dist/block-library/style.min.css

もしかするとこのファイルが存在せずcssが読み込まれていない可能性がありそうです。
ご確認よろしくお願いします。

アバター
shine
2021/04/17

横からくちばしを突っ込んですみません。

実は僕も同じ現象に悩まされていました。カラムを設定しても横並びにならないだけでなく、画像のセンタリングも効かないという。

で、このページのさるわかさんの記述を拝見し、試しに当該CSSファイル(⬇のstyle.min.css)の該当部分(以下の3つのclass名のとこ)をコピーし、sango子テーマのcssファイルに貼り付けたら、どちらの問題もすんなり解決しました。

.wp-block-columns
.wp-block-column
.wp-block-image

ありがとうございました。

ところでソースコードを見ると、さるわかさんご指摘のとおり⬇のファイルを読み込んでいないのですが、なぜそうなるのかがわかりません。

wp-includes/css/dist/block-library/style.min.css

僕の場合も質問者さんと同じで、テーマをほかのものに変えたらこの問題は起きませんでした。wordpressもsangoもPHPも最新です。

ちなみにプラグインをすべて停止してもダメ、テーマをsangoの親テーマに変えてもダメでした。

このほかで読み込みが阻害される理由としては何が考えられますでしょう。

もしなにかピンとくるものがあったら、ぜひご教授くださいませ。

追伸:質問者さん含め、同様の現象でお困りの方へ。僕のように該当部分だけをコピペするのが面倒なら、style.min.cssをまるごとコピーして、子テーマのcssファイルに貼り付けるだけでも解決しますよ。

アバター
名なし
2021/04/15

いえいえ、こちらこそお手間おかけしました。

>一点お確かめいただきたいのですが、WordPressをインストールしているサーバーに以下のファイルがあるかだけ最後にご確認いただけないでしょうか?
wp-includes/css/dist/block-library/style.min.css

ありました!

サルワカくん
サルワカくん
2021/04/17

お世話になっております。
もしかすると、カスタマイザーの高速化設定で「Gutenberg用のCSSを読み込まない」設定にチェックが入っている可能性はないでしょうか?
ご確認よろしくお願いします。

サルワカくん
サルワカくん
2021/04/17

お世話になっております。
カスタマイザーの高速化設定で「Gutenberg用のCSSを読み込まない」設定にチェックが入っている可能性はないでしょうか?
ご確認よろしくお願いします。

アバター
shine
2021/04/17

入ってました。チェックを外したら、すべて解決しました。

少し前までクラシックエディタを使っていたので、sangoインストール後すぐに✅を入れたのだと思います。いまのいままで完全に忘れていました。

横からすみませんでした。でもお礼を言わずにはいられません。どうもありがとうございましたm(_ _)m

サルワカくん
サルワカくん
2021/04/17

お世話になっております。
おっしゃるとおり、確かにクラシックエディターを使ってグーテンベルグに切り替えると過去に設定した内容を覚えていられないですよね。
解決されてよかったです。

アバター
名なし
2021/04/17

自分も解決しました。
クラシックエディタを使っていないのに、なぜかチェックを入れていたことが原因でした。
(そのせいでGutenbergの旧エディタの項目をすっ飛ばして読んでいました。反省です)
多大なご迷惑をおかけしてしまい、申し訳ございませんでした。

サルワカくん
サルワカくん
2021/04/17

いえいえ!
解決されてよかったです!