サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
16/07/2021 5:35 pm
いつもお世話になっております！
表題の通りなのですが、ボックスなどが左に寄ってしまうようになってしまいました。
ただ、寄ってないのもあるんです。
左に寄ってしまっているのは編集画面だけで、実際の投稿ではちゃんと中央になっています。
特に変わったことをした覚えはなく、しいて言えば今日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
16/07/2021 5:52 pm
hossyさん
表題の通りなのですが、ボックスなどが左に寄ってしまうようになってしまいました。
ただ、寄ってないのもあるんです。
左に寄ってしまっているのは編集画面だけで、実際の投稿ではちゃんと中央になっています。
この投稿ページのURLを教えてください。
私からはエディタ画面の確認はできませんので、
どれが左に寄っていて、どれが寄っていないのをおしえていただけると助かります。
わいひら reacted
16/07/2021 6:05 pm
hossyさん
少し試していただきたいです。
以下を子テーマか追加CSSに追加すると、エディタはどうなりますでしょうか。
【訂正】
すみません、訂正します。
ここに直接貼り付けると、文字が消えてしまうものがあるため、以下に貼り付けました。
https://notepad.pw/share/0w9j1volo
【再訂正】
すみません、再訂正です。
以下に変更していただけますでしょうか。
https://notepad.pw/share/1pspfkus
Topic starter
16/07/2021 6:51 pm
@mk2_mk2 さん
いつもありがとうございます！！
教えていただいたコードを追加CSSに書いてみましたが変わらずです。
教えていただいたのにスミマセン ?
全部のページで起きているみたいなのですが、とりあえず https://kuru-love.com/herbanience-revew/ ですと
・白抜きボックス
・アイコンリスト
・Q&A
・ボタン
が左に寄っています。
別のページでは付箋風ボックスも左に寄っていました。
他に必要な情報があればおっしゃってください。
いつもありがとうございます。
よろしくお願いいたします。
This post was modified 3年前 by hossy
16/07/2021 6:57 pm
hossyさん
1つも効かない感じですか？
hossyさんの場合は、スキンの影響もありそうで、他の方の事象とはちょっと違う感じではあるのですが。
わいひら reacted
16/07/2021 7:00 pm
hossyさん
URLありがとうございます。
私の提示したCSSが当たっていることは確認しました。
添付画像の部分のエディタ画面は、左に寄っているということですよね。
わいひら reacted
16/07/2021 7:37 pm
スキン：/wp-content/themes/cocoon-master/skins/silk/style.css
silkスキンにすることで不具合を確認できました。
どうやら、左右マージンスタイルが入っていたようです。
修正版を以下にアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
よろしければ、ご確認いただければ幸いです。
もし、適用後修正されていないボックスがありましたら、ご連絡いただければ修正いたします。
16/07/2021 7:44 pm
わいひらさん
私のローカル環境では解消しました。
ただし、私が確認したのは白抜きボックスのみです。
hossyさん
ご確認ください。
私の提示したCSSを当てた段階で、解消されているはず…なんですが。
（編集画面で、リロードすると解消するかもしれません。）
親テーマをアップデートする際は、私の提示したCSSは消去してください。
【追記】
・白抜きボックス
・アイコンリスト
・Q&A（←FAQですよね）
・ボタン
確認しました。
問題なさそうです。
ちなみに、「ボタン」ブロックって、CocoonのものとWordPress？の両方があるんですね。
【再追記】
付箋風ボックスもですね。
確認しました、問題ありませんでした。
16/07/2021 11:47 pm
ご確認いただきありがとうございます！
ちなみに、「ボタン」ブロックって、CocoonのものとWordPress？の両方があるんですね。
そうなんです。
もしかしたら、囲みボタンだけでもよかったかもしれませんね。ただ、Gutenberg登場当初、どうなるかもちょっとよくわかってなくて ?
16/07/2021 11:53 pm
Gutenbergは、まだまだ機能追加もあるでしょうし、もしかするとブロックの増減もあるかもですね。
まだまだ、開発者の方は大変ですね、本当に。
もっと気軽に開発できるものならないものかと。
17/07/2021 1:14 am
変なプレッシャーが掛かるのは、考えものですね。
お問い合わせの中でも、お前のせいだ的なものがあると、ちょっとイラっとします。
逆切れなさる方とか。
でも、よくよく調べていくと、ただのご自分のミスだったり…。
こちらも人間ですから間違いはありますし、そこは申し訳ないところもあるのですけど。（私も導火線が短いもので。）
もう少し、ご自分のことも客観的に見ていただきたいなぁ…と思うことはあります。
最後まで「自分でやった覚えはない」と言い張る方もいらっしゃいます。
「だったら誰がやったのよ」と言いたくもなります。
大切なご自身のサイトでしょうから、お気持ちは分かるんですけどね。
そういうプレッシャーも軽減されると良いのですが。
（愚痴ってしまいました。）
Gutenbergも便利になるには良いですが、開発コストの軽減にも力を入れて欲しいですよね。
開発コストが膨大になってしまっては、開発者の方も減ってしまうと思います。
（その場合は、有料しか選択肢がなくなってしまうかもしれないですね。）
そう言えば、来週はWordPress 5.8も控えています。
平和だと良いのですが。
17/07/2021 2:15 pm
hossyさん
ボタンは、大丈夫みたいなんですが。。。
一応、現在のバージョンをGitHubからダウンロードして確認した。。。つもりです。
ちなみに、配置を選択していなくても。
「右寄せ」
「中央揃え」
「中央揃え」が効かないみたいです。（エディタ上でのみ。）
昨日の囲みボタンの件と、同じ感じみたいです。
昨日の囲みボタンの件と、同じ感じみたいです。
実際のページ表示の際には、囲みボタンと同じCSSが当たって「中央揃え」が効いていました。
後程、わいひらさんが確認してくださると思います。
※図らずもフォーラムの再編集のテストもできました。
Topic starter
17/07/2021 8:07 pm
@yhira さん
ありがとうございます！
画像添付します。
よろしくお願いいたしますm(_ _)m
P.S.私いつもこちらで助けていただいているくらい全然知識ない身なのですが、何かお手伝いできることがあればおっしゃってください！
18/07/2021 7:44 pm
あ。「ボタン」ブロックですね。
「囲みボタン」ブロックと勘違いしていました。
修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
18/07/2021 8:18 pm
ご対応ありがとうございます。
解消したことを確認しました。
hossyさんも、ご確認をお願い致します。
ちなみに。
さっそく、以下の方法でアップデートしました。
そういえば、WordPress5.5からテーマとプラグインのzipファイルをアップロードするだけでテーマの更新ができるようになってたみたいです。
WordPress5.5からZIPファイルで上書きアップデートができます – TIPS https://tips.back2nature.jp/wordpress/overwrite-update-can-be-done/
ちゃんとアップデートされますね。
（当たり前なんでしょうけど。）
（当たり前なんでしょうけど。）
これは手軽で便利ですね。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。