Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:
通知
すべてクリア

[解決済] 常に左揃えにならない

16 投稿
4 ユーザー
12 Likes
837 表示
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

お世話になっております。

投稿画面から文字を入力する際、常に左揃えにならないのですが何か直す方法はありますでしょうか。いろいろ調べてみましたが分かりませんでした。ワードプレスをアップデートする前は普通に左揃えだったと思います。

お手数ではございますが、ご存知の方がおられましたらお教えくださいませ。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4445
 

umeさん

残念ながら、これだけでは何も分からないというのが正直なところです。

 

ダメ元で。。。

Cocoon設定の「変更をまとめて保存」(設定の変更は必要ありません)。
その後、エディタ編集画面でブラウザのリロードをクリック。

上記をお試しいただければと。

これで解消しない場合は、情報のご提示がない中では難しいと思います。
(情報のご提示かあっても、管理画面内はなかなか難しいです。)


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

mk2さま

ありがとうございます。管理画面内は難しいのですね。

ご記載の方法を試してみたのですが変化は無かったです。エディタ編集画面から一回一回左寄せにすることはできるのですが、毎回するのは手間なので最初から左揃えにならいものかと思った次第です。

Cocoon環境を載せるのを忘れておりました。下記の情報で直す方法は分かりますでしょうか。よろしくお願いいたします。

----------------------------------------------
サイト名:砥部焼通販【とべまちモール】
サイトURL: https://umenose.net
ホームURL: https://tobemachi.jp/blog
コンテンツURL: https://umenose.net/wp-content
インクルードURL: https://umenose.net/wp-includes/
テンプレートURL: https://umenose.net/wp-content/themes/cocoon-master
スタイルシートURL: https://umenose.net/wp-content/themes/cocoon-child-master
親テーマスタイル: https://umenose.net/wp-content/themes/cocoon-master/style.css
子テーマスタイル: https://umenose.net/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.2.34
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36 Edg/90.0.818.62
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:61
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:2257バイト
functions.phpサイズ:989バイト
----------------------------------------------
Gutenberg:0
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Arconix FAQ 1.9.2
Category Order and Taxonomy Terms Order 1.5.7.4
Menu Image 3.0.1
Sticky Menu (or Anything!) on Scroll 2.25
WP Multibyte Patch 2.9
----------------------------------------------

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4445
 

umeさん

この症状は、管理画面内だけの話ではないですね。

サイトの本文表示がすべて中央揃えになっていますが、これは意図的なものでしょうか。
(私が見た範囲では、段落1つ1つを左寄せにインラインで指定されていました。)

 

独自のカスタマイズで、Cocoonの親テーマから以下のCSSをImportしていると思います。
https ://tobemachi.jp/design/tobemachi/m_sys_common.css

上記のCSSで以下が指定されています。

body {
    background: #fff;
    color: #333;
    font-size: 15px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "�ҥ饮�γѥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo, Osaka, "�ͣ� �Х����å�", sans-serif;
    line-height:1.4;
    text-align:center;
    position:relative;
font-family: 'Noto Sans JP', sans-serif;
    line-height:1.5;
    text-align:center;
letter-spacing:0em;
}

 

上記の。。。

    text-align:center;

 の部分が影響しているものと思います。
(2箇所ありますね。。。)

 

このような例はあまり見たことがないので、ちょっと自信はないです。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14155
 

サイトURL: https://umenose.net
ホームURL: https://tobemachi.jp/blog

今回の現象と関係あるかわかりませんが、なぜこちらは違うURLが設定されているのでしょうか。


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14155
 

あと、試しに以下のページを投稿して公開ページにして、そのURLをいただいてよろしいでしょうか。


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

mk2さま

ありがとうございます。

私にはHTML/CSSなどの知識がなく、ワードプレスで作ったサイトは連携しているECサイトと同じデザインを希望していたので、カスタマイズは外注しました。そのため、サイトの本文表示がすべて中央揃えになっているのは意図したものではありません。

サイトが納品された後、初投稿する際に中央揃えになる現象を確認したので、そのカスタマイズが原因で中央揃えになってしまったのかどうかは定かではありません。

今は段落ごとに1つ1つ左寄せにして対処している状況です。


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

わいひらさま

ありがとうございます。

サイトURLとホームURLが違うのはECサイトと連携しているからです。

ワードプレスは「 https://umenose.net 」でインストールしておりますが、ECサイト「 https://tobemachi.jp 」の傘下としてみせたかったので異なっております。

詳しくはこちらに書かれています。 https://www.makeshop.jp/main/attraction/wordpress_option/

 試しにページを公開してみましたのでご確認よろしくお願いいたします。 https://tobemachi.jp/blog/tesuto/


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4445
 

umeさん

外注ですか。

このカスタマイズは親テーマに入っています。

つまり、親テーマをバージョンアップすると、消えてしまうと思います。

ちなみに、現在のCocoonの親テーマの最新版は、2.2.9です。

umeさんがお使いのCocoon 2.2.5.4は、WordPress5.7系に対応していないものです。
この先、いろいろと問題が出てくる可能性があります。
(既に、WordPressのバージョンと、親テーマのバージョンが、マッチしていないです。)

そう考えると、少しご相談なさった方が良いのかな。。。と思います。


少し本題から逸れました。

umeさんは、子テーマのCSSの修正はできますでしょうか。

今回の事象を解消するには、子テーマへの追記が必要だと思います。
(エディタ画面だけでなく、サイトの表示自体にも影響します。)

現在、umeさんのサイトの子テーマには、1番最後に以下のようにあります。

body {
    background-color: #FFFFFF;
}

 

ここに、以下のように追記することで、今回の事象は解消すると思われます。

body {
    background-color: #FFFFFF;
    text-align: start; 
}

 

私の先の返信に書いた、親テーマにimportしているカスタマイズ部分の「text-align: center」部分を削除しても、解消すると思います。

どちらかの対応が必要だと思います。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14155
 

https://tobemachi.jp/design/tobemachi/m_sys_common.css
このCSSはなんなんでしょう。テーマのCSSではないです。
すべては上記CSSファイルに書かれているbody要素のスタイルが問題のような気がします。
外注したのであれば、その外注先に修正を依頼してみてはいかがでしょうか。
Cocoonサポートフォーラムは、申し訳ないですが独自カスタマイズの不具合対応は、サポートの対象外とさせていただいています。
https://wp-cocoon.com/not-supported/


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14155
 

ワンチャン、子テーマ(親テーマでもいいけど子テーマが望ましい)のeditor-style.cssに以下のように書き込んで保存してみるとどうでしょう。

body{
  text-align: left !important;
}

ただ、こちらに同様の環境があるわけではないので、試していないのでうまくいくかどうかわかりません。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

前略、ume さん

本来は、依頼した希望どおりになっていない場合は、発注先に問い合わせれば良いはずですが、このフォーラムにいらしたということは、すでにそれはなさっているのかもしれませんね。

 

親身になって相談に乗ってくれるところを見つけるのも、ひとつの方法かもしれません。

 

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

https://wp-cocoon.com/cocoon-custom/


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

mk2さま

 バージョンの違いによる不具合が起こる可能性がある件、ご指摘いただきありがとうございます。外注先に、Cocoonをアップデートしても問題が起きないようにするにはどうすればいいか相談したいと思います。

 body {

    background-color: #FFFFFF;

    text-align: start;

}

上記の方法を試したところ左揃えになりました。

お忙しいところ相談に乗っていただき本当にありがとうございました。


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

わいひらさま

 CSSについて外注先に問い合わせてみたいと思います。カスタマイズが原因だったのですね。サポート対象外のことを聞いてしまい申し訳ありません。

body{

  text-align: left !important;

}

 上記のように書き込んでも左揃えになりました。

お忙しいところ本当にありがとうございました。今後もCocoonを使わせていただきます。


   
ume
 ume
(@ume)
Active Member
結合: 2年前
投稿: 7
Topic starter  

リフィトリーさま

 カスタマイズが原因であのようになってしまったとは、ここで相談するまで分からなかったので外注先には聞けていませんでした。

どのタイミング不具合が起きたのか把握するためにも、発注前に管理画面をある程度触っておけばよかったと反省しております。

親身に相談に乗っていただけてとても助かりました。カスタマイズをされている方々のご案内ありがとうございます。

参考にさせていただきます。


わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14155
 

CSSについて外注先に問い合わせてみたいと思います。カスタマイズが原因だったのですね。サポート対象外のことを聞いてしまい申し訳ありません。

原因が、カスタマイズ対象外かどうかわからない場合もあるため質問すること自体は全然問題ありません。
もし原因がサポート対象外だった場合は、自前で対応していただく必要があるかもということをいいたかったのでした。


   
mk2 reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な回答があった場合は「いいね!」もご活用ください。回答者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました