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カスタマイズ依頼

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

ブロックが左に寄ってしまった
 
共有:
通知
すべてクリア

[解決済] ブロックが左に寄ってしまった

24 投稿
3 ユーザー
24 Reactions
1,478 表示
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

いつもお世話になっております!

表題の通りなのですが、ボックスなどが左に寄ってしまうようになってしまいました。

ただ、寄ってないのもあるんです。

左に寄ってしまっているのは編集画面だけで、実際の投稿ではちゃんと中央になっています。

特に変わったことをした覚えはなく、しいて言えば今日cocoonのアップデートをし、寄付特典のコードを入れました。(わいひらさん、大変な中ありがとうございます)

 

画像添付します。

よろしくお願いいたします。

 

----------------------------------------------
サイト名:くるラブ
サイトURL: https://kuru-love.com
ホームURL: https://kuru-love.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/silk/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.3
カテゴリ数:5
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:953バイト
functions.phpサイズ:238バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.10
All-in-One WP Migration 7.44
Aurora Heatmap 1.5.1
Cocoon Custom BlogCard 1.2.3
Cocoon Custom Heading 1.1.1
Cocoon Custom Index 1.1.1
Cocoon Custom Sidebar 1.0.1
Cocoon Custom TOC 1.1.1
Contact Form 7 5.4.2
Duplicate Page 4.4
EWWW Image Optimizer 6.1.9
Rinker 1.8.2
Rinker Fanbox用プラグイン 1.5.1
Show Article Map 0.8
TypeSquare Webfonts for エックスサーバー 1.2.4
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------

This topic was modified 3年前 by hossy

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

hossyさん

投稿者:: @hossy

表題の通りなのですが、ボックスなどが左に寄ってしまうようになってしまいました。

ただ、寄ってないのもあるんです。

左に寄ってしまっているのは編集画面だけで、実際の投稿ではちゃんと中央になっています。

この投稿ページのURLを教えてください。

私からはエディタ画面の確認はできませんので、
どれが左に寄っていて、どれが寄っていないのをおしえていただけると助かります。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

hossyさん

少し試していただきたいです。

以下を子テーマか追加CSSに追加すると、エディタはどうなりますでしょうか。

 

【訂正】

すみません、訂正します。

ここに直接貼り付けると、文字が消えてしまうものがあるため、以下に貼り付けました。
https://notepad.pw/share/0w9j1volo

 

【再訂正】

すみません、再訂正です。

以下に変更していただけますでしょうか。
https://notepad.pw/share/1pspfkus


   
hossy and わいひら reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@mk2_mk2 さん

いつもありがとうございます!!

教えていただいたコードを追加CSSに書いてみましたが変わらずです。

教えていただいたのにスミマセン ? 

 

全部のページで起きているみたいなのですが、とりあえず  https://kuru-love.com/herbanience-revew/ ですと

・白抜きボックス
・アイコンリスト
・Q&A
・ボタン

が左に寄っています。

別のページでは付箋風ボックスも左に寄っていました。

 

他に必要な情報があればおっしゃってください。

いつもありがとうございます。

よろしくお願いいたします。

This post was modified 3年前 by hossy

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

hossyさん

1つも効かない感じですか?

hossyさんの場合は、スキンの影響もありそうで、他の方の事象とはちょっと違う感じではあるのですが。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

hossyさん

URLありがとうございます。

私の提示したCSSが当たっていることは確認しました。

添付画像の部分のエディタ画面は、左に寄っているということですよね。 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 
投稿者:: @hossy

スキン:/wp-content/themes/cocoon-master/skins/silk/style.css

silkスキンにすることで不具合を確認できました。
どうやら、左右マージンスタイルが入っていたようです。

修正版を以下にアップしておきました。

------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

よろしければ、ご確認いただければ幸いです。
もし、適用後修正されていないボックスがありましたら、ご連絡いただければ修正いたします。


   
hossy and mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

わいひらさん

私のローカル環境では解消しました。

ただし、私が確認したのは白抜きボックスのみです。

 

hossyさん

ご確認ください。

私の提示したCSSを当てた段階で、解消されているはず…なんですが。
(編集画面で、リロードすると解消するかもしれません。)

親テーマをアップデートする際は、私の提示したCSSは消去してください。

 

【追記】

・白抜きボックス
・アイコンリスト
・Q&A(←FAQですよね)
・ボタン

確認しました。
問題なさそうです。

 

ちなみに、「ボタン」ブロックって、CocoonのものとWordPress?の両方があるんですね。

 

【再追記】

付箋風ボックスもですね。

確認しました、問題ありませんでした。

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

@mk2_mk2

ご確認いただきありがとうございます!

投稿者:: @mk2_mk2

ちなみに、「ボタン」ブロックって、CocoonのものとWordPress?の両方があるんですね。

そうなんです。
もしかしたら、囲みボタンだけでもよかったかもしれませんね。ただ、Gutenberg登場当初、どうなるかもちょっとよくわかってなくて ? 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

Gutenbergは、まだまだ機能追加もあるでしょうし、もしかするとブロックの増減もあるかもですね。
まだまだ、開発者の方は大変ですね、本当に。

もっと気軽に開発できるものならないものかと。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

Gutenbergは、ちょっと構造が変わっただけでもエラーとなるのが恐怖でしかありません。失敗してフォーラムの書き込みが苦情で溢れないかとも思ったりして ? 
対応策はありますが、やっぱりその仕様だけでしんどいものはしんどいですね…。

ほんと、できるなら気軽にやりたいです。


   
hossy and mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

変なプレッシャーが掛かるのは、考えものですね。

お問い合わせの中でも、お前のせいだ的なものがあると、ちょっとイラっとします。
逆切れなさる方とか。

でも、よくよく調べていくと、ただのご自分のミスだったり…。

こちらも人間ですから間違いはありますし、そこは申し訳ないところもあるのですけど。(私も導火線が短いもので。)
もう少し、ご自分のことも客観的に見ていただきたいなぁ…と思うことはあります。

最後まで「自分でやった覚えはない」と言い張る方もいらっしゃいます。
「だったら誰がやったのよ」と言いたくもなります。

大切なご自身のサイトでしょうから、お気持ちは分かるんですけどね。

そういうプレッシャーも軽減されると良いのですが。
(愚痴ってしまいました。)

 

Gutenbergも便利になるには良いですが、開発コストの軽減にも力を入れて欲しいですよね。
開発コストが膨大になってしまっては、開発者の方も減ってしまうと思います。
(その場合は、有料しか選択肢がなくなってしまうかもしれないですね。)

そう言えば、来週はWordPress 5.8も控えています。
平和だと良いのですが。


   
わいひら and hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@mk2_mk2 さん

昨日はありがとうございました!

追加CSSじゃなくて子テーマに追加したらできました!!

できましたー!!

私の確認不足でスミマセン?

本当にありがとうございました!!


   
mk2 reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@yhira さん

ありがとうございます!!

修正版で直りました!!

あと、cocoonブロックのボタンがまだ左よりです。

大変なのにスミマセン ? 


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

hossyさん

ボタンは、大丈夫みたいなんですが。。。 

 
一応、現在のバージョンをGitHubからダウンロードして確認した。。。つもりです。
 
ちなみに、配置を選択していなくても。
 
 
「右寄せ」
 
 
「中央揃え」
 
 
「中央揃え」が効かないみたいです。(エディタ上でのみ。)
昨日の囲みボタンの件と、同じ感じみたいです。
 
実際のページ表示の際には、囲みボタンと同じCSSが当たって「中央揃え」が効いていました。
 
 
後程、わいひらさんが確認してくださると思います。
 
※図らずもフォーラムの再編集のテストもできました。

   
わいひら and hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@mk2_mk2 さん

投稿者:: @mk2_mk2

一応、現在のバージョンをGitHubからダウンロードして確認した。。。つもりです。

わざわざありがとうございます!!

私もやってみたら右寄せはできました!エディタ上のみ中央揃えが効かないってことなんですね。

右は確認してなかった・・・スミマセン ? 

 

本当にいつもありがとうございます!

This post was modified 3年前 by hossy

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 
投稿者:: @mk2_mk2

お問い合わせの中でも、お前のせいだ的なものがあると、ちょっとイラっとします。

なにかとテーマのせいにされてしまうのは結構あるかもしれませんね。
もちろんテーマが原因の場合もあるのですが、半分以上は違う原因だったりしますね。

投稿者:: @hossy

私もやってみたら右寄せはできました!エディタ上のみ中央揃えが効かないってことなんですね。

中央ぞろえもできるはずなんですけど、何でだろう。
mk2さんが貼られているような、ブロックの設定状態がわかるスクリーンショットをいただけますでしょうか。


   
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@yhira さん

ありがとうございます!

画像添付します。

よろしくお願いいたしますm(_ _)m

 

P.S.私いつもこちらで助けていただいているくらい全然知識ない身なのですが、何かお手伝いできることがあればおっしゃってください!


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

わいひらさん

「ボタン」ブロックの方には、「btn-wrap」がない気がします。

.wp-block[data-align="center"] .btn-wrap {
    text-align: center;
}

   
hossy and わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

あ。「ボタン」ブロックですね。
「囲みボタン」ブロックと勘違いしていました。
修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
hossy and mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7947
 

ご対応ありがとうございます。
解消したことを確認しました。

hossyさんも、ご確認をお願い致します。

 

ちなみに。

さっそく、以下の方法でアップデートしました。

そういえば、WordPress5.5からテーマとプラグインのzipファイルをアップロードするだけでテーマの更新ができるようになってたみたいです。

WordPress5.5からZIPファイルで上書きアップデートができます – TIPS  https://tips.back2nature.jp/wordpress/overwrite-update-can-be-done/

 
ちゃんとアップデートされますね。
(当たり前なんでしょうけど。)
 
これは手軽で便利ですね。

   
hossy and わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

@mk2_mk2 

ご確認いただきありがとうございます!


   
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
Topic starter  

@yhira さん

遅くなってすみません!

直りました!!

ほんとにありがとうございました!!

 

@mk2_mk2さん

確認しました!

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


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

@hossy 

ご確認ありがとうございます!


   
hossy reacted
共有:

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

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

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

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

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

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

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

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