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

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

共有:
通知
すべてクリア

[解決済] 右側に寄ってしまう

11 投稿
4 ユーザー
16 Likes
229 表示
Risa
 Risa
(@risa)
Active Member Registered
結合: 6か月前
投稿: 6
Topic starter  

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

https://ouchieigokyoukai.com/

相談内容:

URLの通り右側によってしまい、困っております。

(ただ、プレビューでは正しく見えます。)

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

設定を見てみたのですが、はじめてblogに調整しているため、あまり書いてある日本語の言葉も分かっておりません。。。(いちを、検索して過去のものを見てみたのですが、既にのっていたら、どれのことか教えて頂きたいです。。。)

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

----------------------------------------------
サイト名:おうち英語エンジョイ広場
サイトURL: https://ouchieigokyoukai.com
ホームURL: https://ouchieigokyoukai.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-tegakinote-pink-lemon/style.css
WordPressバージョン:6.0.1
PHPバージョン:7.4.28
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.7
カテゴリ数:4
タグ数:1
ユーザー数:1
----------------------------------------------
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
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.2.4
VK All in One Expansion Unit 9.77.0.0
VK Block Patterns 1.19.0
VK Blocks 1.39.2.1
----------------------------------------------

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


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

前略、Risaさん

以下のプラグインは、他のテーマのために作られたもので、Cocoonとの相性は最悪です。

The following plugins are designed for other themes and are not compatible with Cocoon.

VK All in One Expansion Unit 9.77.0.0
VK Block Patterns 1.19.0
VK Blocks 1.39.2.1

このプラグインは削除することをおススメします。

We recommend that you remove this plugin.


   
Risa and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

Risaさん

WordPressを日本語環境で利用する場合は、プラグインの「WP Multibyte Patch」のインストールは必須なんだそうです。

インストールしておいた方が無難かもしれません。

 

If you want to use WordPress in Japanese environment, it is necessary to install the plugin "WP Multibyte Patch".

 

It may be safer to install it.


   
Risa and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 4年前
投稿: 6845
 

よく見てみると、子テーマをお使いになっていないご様子。

出先なので、書き込みにくいです。

どなたか、ご案内くださると良いのですが、、、


   
chu-ya
(@chu-ya)
Noble Member Registered
結合: 10か月前
投稿: 715
 

上記の補足です。

●原因
左サイドバー+メイン幅は1250pxある。
図示するようにプラグイン「VK Blocks」が全体幅を1140pxにしている。
この為、Cocoonのデザインと合わず、はみ出てしまう。

●対策
プラグインを停止して下さい。

●補足
エディターGutenbergで多くのブロックが使え。
この為、あえてプラグイン「VK Block Patterns」「VK Blocks」を必要はないと思います。

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

出先でスマホなので、書き込みにくいんですが、、

 

Wordpress has parent and child themes.

We recommend that you use a child theme.


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

では・・・。
(Google翻訳で…)

 

Risaさん

現状のカスタマイズ有無に関わらず、親テーマと子テーマの両方のインストールをお勧め致します。

We recommend installing both the parent theme and the child theme, regardless of the current customization.

 

親テーマと子テーマって何?ということに関しましては、以下が参考になると思います。

What are parent and child themes? Regarding that, I think the following will be helpful.

 

Cocoonテーマをインストールする方法
https://wp-cocoon.com/theme-install/

[解決済] 親テーマと子テーマについてです。
https://wp-cocoon.com/community/postid/34811/


   
Risa
 Risa
(@risa)
Active Member Registered
結合: 6か月前
投稿: 6
Topic starter  

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

しかし、子テーマがインストールできないです。

なぜでしょうか?

教えて頂いた、URLから親テーマではなく、子テーマ(プラグイン)のみをインストールしようとしました。

添付ファイルのようにエラーが出ます。


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

Risaさん

子テーマはプラグインではありません。

その名の通り「テーマ」です。


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

Risaさん

ちなみに、子テーマインストール後は、子テーマを有効化してください。

但し、親テーマの設定が引き継がれなかったと思います。

その場合は、以下のような手順が必要かと思います。

 

親テーマが有効な状態で、Cocoon設定のバックアップ。

テーマ設定のバックアップ方法
https://wp-cocoon.com/how-to-theme-settings-backup/

 

子テーマが有効な状態で、Cocoon設定のリストア。

テーマ設定の復元(レストア)方法
https://wp-cocoon.com/how-to-theme-settings-restore/

 

 

なお、上記手順でも引き継がれないものがありますので、それらに関しては、手作業でコピペ・再設定等必要だと思います。

引き継がれないものは、上記リンクに書いてあると思います。


   
Risa
 Risa
(@risa)
Active Member Registered
結合: 6か月前
投稿: 6
Topic starter  

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

私でもできました~!


   
共有:

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

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

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

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

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

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

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

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