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

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

このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。

2サイトで編集画面のメタボックス表示位...
 
通知
すべてクリア

[解決済] 2サイトで編集画面のメタボックス表示位置が異なる

15 投稿
5 ユーザー
8 Reactions
289 表示
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

2サイトで編集画面のメタボックス表示位置が異なる

本文: 2つのWordPressサイトで編集画面の表示が異なり、原因が特定できないためご相談します。

環境は両サイトとも、WordPress 7.0、Cocoon Child 7.0、同一プラグイン構成です。

片方(cyochiku.com)はメタボックスが右サイドバーに統合表示されますが、もう片方(moosuke1.com)はメタボックスが編集エリア下部に表示され、広告・レビュー・更新日の変更・メモ・リダイレクトの項目が表示されません。

Cocoon設定・投稿タブの設定は同一、TypeSquare無効化・ブラウザキャッシュ削除・Cocoon設定の再保存も試しましたが改善しませんでした。

 
 
 
 

このトピックは3週間前からmoosukeに変更されました

   
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

どなたかおわかりになる方はいらっしゃいませんか。それぞれ1が異なるため、使いづらくて仕方ないのです。
投稿記事の下にSEO編集画面がでているブログのほうが昔から使っていますが、バージョンは同じです。

本当に困っているので、宜しくお願い致します。



   
Y.INABA
(@yinaba)
Estimable Member Registered
結合: 1年前
投稿: 135
 

@moosuke

恐れ入りますが、フォーラム上記にございますとおり、まずは環境情報等のご提示をお願いいただけますでしょうか(可能な範囲で問題ありません)。

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

相談内容:

不具合の発生手順:

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

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

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

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

 

また、以下はCocoonの子テーマのバージョンと思われます。
現在のCocoon(親テーマ:本体)の最新バージョンは2.9.2.7となっていますが、そちらも揃っていますでしょうか。

投稿者:: @moosuke

Cocoon Child 7.0

 



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

当サイトで配布している子テーマのバージョンは1.1.3です。7.0というのはどういった状態なのか、説明していただいてよろしいでしょうか。


この投稿は3週間前ずつわいひらに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9502
 

事象が第三者にも、はっきり分かるように。

2つのサイトの編集画面のキャプチャ画像(スクリーンショット)の添付もお願いします。

(そこにヒントがある場合も、良くあるので)


この投稿は3週間前ずつmk2に変更されました

   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4507
 

●確認のお願い

広告・レビュー・更新日の変更・メモ・リダイレクトの項目が表示されません。

以下を確認してください。

①Gutenbergエディターの画面右上の「オプション」をクリック。

②オプションの「設定」をクリック

各パネルの表示設定はオンになっていますか?

 

●Cocoonのメタボックスの表示位置

Cocoonの初期表示のメタボックス表示位置は以下となっています。
このため、サイドバーに表示するには人手で移動する必要があります。

  • カスタムフィールド、本文下
  • 更新日、サイド
  • メモ、サイド
  • ページ設定、サイド
  • その他、サイド
  • リダイレクト、サイド
  • レビュー、サイド
  • SEO、本文下下
  • SNS画像、サイド
  • 公告、サイド
  • カスタムJS、本文下
  • カスタムCSS、本文下

●サイドバーにメタボックスを人手で移動

必要に応じ、本文下のメタボックスの右の「▼」をクリックしサイドバーに移動してください。
または、メタボックスをドラッグ&ドロップでサイドバーに移動します。


●Gutenbergエディターでうまく移動できない場合

[Cocoon設定]→[エディター]→「Gutenbergエディターを有効にする」オフとし、一旦クラシックエディターにします。

本文下のメタボックス(SEO)をドラッグ&ドロップしてサイドバーに移動します。

その後、設定をGutenbergエディターに戻します。

 


この投稿は3週間前 4回ずつ大門未知子に変更されました

   
わいひら reacted
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

@chu-ya ご丁寧に画像まで付けてくださり、ありがとうございます。
アドバイス通りすべて試してみましたが、移動できませんでした。他の方のアドバイスに写真添付して次を試してみたいと思います。ありがとうございました。



   
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

@yinaba わいひら様 mk2様

アドバイスありがとうございます。添付写真、見にくいかと思いますがこのような状態です。

どちらもwpのバージョンが7.0で、コクーンのバージョンもどちらも以下で同じでした。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

Cocoonバージョン: 2.9.2.7

Cocoon Childバージョン: 1.1.3


この投稿は2週間前 3回ずつmoosukeに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9502
 

moosukeさん

例えば、添付いただいた「SEO」の部分が、一方のサイトでは、投稿編集画面の下になくて、右側の「設定パネル」にあるという感じでしょうか?

それなら、@chu-yaさんがお書きになった方法が使えると思うのですが、ダメなのでしょうか?



   
わいひら reacted
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

もう一つの編集画面がこちらです。(2枚一度に添付できませんでした。)


この投稿は2週間前ずつmoosukeに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9502
 

当方、今スマホですので、画像編集等ちょっとできませんが、説明してみます。

他のメタボックスも同じですので、「SEO」で説明します、

 

ブロックエディタだと、通常、編集エリア下に「SEO」があります。

上向きの矢印がグレーアウトされていて、右側の設定パネルには、移動できません。

 
 
 
では、右側の設定パネルに移動させるにはどうするか?
 
クラシックエディタに切り替えます。
 
以下がクラシックエディタの状態です。
 
 
クラシックエディタだと、上向きの矢印が黒くて、自由に移動できます。
ドラッグもできます。
 
試しに、右側へと移動させます。
 
クラシックエディタだと、簡単に移動できてしまいます。
 
 
 
②の状態で、ブロックエディタに切り替えます。
 
「SEO」が、右側の設定パネルにきてしまいます。
 
 
 
③の状態から、編集エリア下へと移動させようと、矢印部分をクリックすると、設定パネルの一番下にくると、下矢印部分がグレーアウトされて、これ以上移動できなくなります。
 
 
 
 
これの逆をする感じなんですよね。
 

 
※上記は上下矢印部分の操作ですけれど。
 
試しに、ブロックエディタでドラッグ操作すると、普通に移動できましたね。
 
(設定パネルから、メタボックスへの移動は。逆はできませんでした)

この投稿は2週間前 9回ずつmk2に変更されました

   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4507
 

@moosuke さん

本件は不具合ではありません。

すみません、説明が悪かったです。
メタボックスの移動ですが、画像▼ではありません(パネルの開閉)。その隣の「>上下矢印」です。

パネルを掴んでドラッグでも移動できます。

Gutenbergエディターの基本操作を勉強してください。

 
添付写真、見にくいかと思いますがこのような状態です。
写真を撮るのではなく、画面キャプチャできます。
PCの基本操作もあわせ勉強してください。

●注意点

本文下にメタボックスがなくなると、本文下に移動できない場合があります。

https://ss1.xrea.com/chuya.s239.xrea.com/temp/gutenberg-move-metabox-back/


この投稿は2週間前 10回ずつ大門未知子に変更されました

   
わいひら reacted
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

@mk2 様 大門未知子様

出来ました!
クラシックエディターに変えたら移動できました!
普段はブロックエディターを使用していてもので、何故??と不便に思いながらもずっと使っていたので本当に嬉しいです。ありがとうございます。

因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。左右のボックス(リストビューや右のアイコン画面など)とも表示はさせたいのですが大きすぎて本文が少し書きにくくて。。。



   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4507
 

@moosuke さん

各パネルの表示設定はオンになっていますか?

上記はどうだったのですか?
こちらの質問に対し、回答願います。

因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。

現状、各パネル幅を狭くする機能はありません。


この投稿は2週間前 3回ずつ大門未知子に変更されました

   
わいひら reacted
(@moosuke)
Active Member Registered
結合: 3週間前
投稿: 7
トピックスターター  

申し訳ございません。アドバイス通りに対処してみたので、パネルの設定も全てオンにしておりました。

パネル幅は変更不可なのですね。

教えて頂き、ありがとうございます。

皆様のお蔭で、ようやく使いやすくなりました。

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



   
わいひら reacted
共有:

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

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

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

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

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

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

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

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