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

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

プレビュー及びネット上で編集画面の通り...
 
共有:
通知
すべてクリア

プレビュー及びネット上で編集画面の通りに表示されない

65 投稿
4 ユーザー
40 Reactions
62 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

marisachiさん

投稿者:: @marisachi

FSE(フルサイト)ってheader(ヘッダー)って外せるんですかね?

いえ、それは分からないです。

ただ、全プラグインが無効なんだと思われます、今は。

そのため、プラグインが出力していたものは、出ない可能性があると思います。

そして、それにしても、Cocoonが出力するものがないのが、不可解です。


   
わいひら reacted
返信引用
(@marisachi)
Estimable Member Registered
結合: 3年前
投稿: 76
 

@mk2_mk2 ヘッダー外せるみたいです。
空っぽにするとテンプレートが使えますよ的な案内文が出ました。

次は話題に出ているサイトビルダープラグインを入れて挙動を見てみます。


   
わいひら reacted
返信引用
(@marisachi)
Estimable Member Registered
結合: 3年前
投稿: 76
 

検証結果言いますmk2さんのおっしゃる通りcocoonはブロックテーマではないのでこのプラグインとは互換性がないのでデザイン崩れは起きて当然と言った感じですね。

そもそも、cocoonで使われるタグやstyleとは合わないので最終的にリストとかぐちゃぐちゃになります。

そうなるとそのプラグインを使ってサイトを設計するならtwenty twenty系のデフォルトテーマで十分かと思います。

 

 
 

   
わいひら reacted
返信引用
(@marisachi)
Estimable Member Registered
結合: 3年前
投稿: 76
 

参考用にデフォルトテーマでの表示の状態もおいておきます。
そもそも論テーマで使用可能な機能はスタイルシートのメタデータでテーマセレクターに表示してくれるのでその中にサイトエディターの文言がない時点でCocconにFSE系統のプラグインと相性が無いのは明白だと思いますね・・・

 

   
わいひら reacted
返信引用
(@marisachi)
Estimable Member Registered
結合: 3年前
投稿: 76
 

テストサイトのURLもおいておきますね。
女性ぽい名前なのに変なおじさんの画像使われていてAIらしさが出ててわらけます。
マイブログ – ちょうど別のWordPressサイト


   
わいひら reacted
返信引用
(@marisachi)
Estimable Member Registered
結合: 3年前
投稿: 76
 

より細かく現象を再現できたので説明しますと
①Kubioが固定ページを作成する

プレビュはKubioが強引にサイトエディターを起動させるため一見デザイン通りに見える、しかし
テーマがCocoonであるためKubioとCocconのタグが混在するstyle定義が異なるなりデザイン崩れが起きる
Kubioを停止する→Kubioプラグインが動作していないため固定ページ上に機能しないブロックが設置されているだけになるのでWordPress中の文章だけを読み取り表示させる。

ホーム画面を通じて、企業法務の専門知識をより深く理解できるようお手伝いします。 企業法務の専門知識を深めよう! マイブログにようこそ 私たちのコアビジネスは 企業法務に関する知識を共有することです。 共有 企業法務とは何ですか? 企業法務とは、企業が取引を行う際や法的構造を構築する際に、バランスの取れたアドバイスを提供する法律の分野です。企業の事業を支える重要な役割を果たし、法的な問題を解決することで企業の成長を促す役割を担っています。 企業法務の重要性 企業法務は企業の成長や取引の安全性を守るために欠かせないものです。法的問題に頭を抱えると時間とお金を無駄にすることになるため、法的リスクを最小限に抑えることができるように企業法務の専門家に相談することが重要です。 企業法務の重要な要素 コンサルティング、契約の作成とレビュー、法的リスクマネジメントなど 専門的なコンサルティング コーポレートガバナンスや企業の法的問題を解決するための専門的なコンサルティングを提供しています。 詳細 契約の作成とレビュー 企業やビジネスに必要な契約の作成やレビューを行い、利益を最大化するためのアドバイスをします。 詳細 法的リスクマネジメント 法的リスクを最小限に抑え、企業の安全性を確保するための専門的なアドバイスを提供します。 詳細 すべてのプロジェクトについて詳しく話し合い、あなたの会社に関する法的リスクを最小限に抑える方法について一緒に考えましょう。 法的リスクは企業にとって大きなものであり、その最小限に抑えることは重要です。マイブログではすべてのプロジェクトについて詳しく話し合い、お客様の会社の成功をサポートします。 詳細を見る 取引件数 私たちが扱う取引やプロジェクトの数を紹介します。 取引の完了数 500件 契約作成数 200個 法的リスクマネジメントプラン実施数 100件 顧客満足度 95% 重要なプロジェクトポートフォリオをご覧ください 大手企業との取引 成功した案件 当社は過去に多くの大手企業との取引を行い、その中で多くの成功を収めてきました。 詳しく 新興企業との取引 成功した案件 また、新興企業との取引においても多くの成功を収めてきました。 詳しく 主要プロジェクト紹介 多岐にわたる分野での取引を行っています 当社は様々な分野の企業と取引を行っており、幅広い経験と知識を有しています。 詳しく クライアントからのお言葉 私たちのパートナーとしての印象をご紹介します。 弊社の法律の専門家は非常に頼りになると評価されています。私たちの協力は非常に価値があると言っていただきました。 山田太郎 ABC法律事務所 私たちの企業の法務を任せきった山田弁護士との協力は何よりも信頼できるものでした。彼の専門的な知識と経験は私たちにとって非常に貴重でした。 佐々木美由紀 DEF法務事務所 法務の分野では信頼できる弁護士を見つけることが重要です。私たちは幸運にもそんな弁護士を見つけることができ、私たちの業務拡大にも役立っています。 鈴木健太郎 GHIコーポレーション すべてのプロジェクトについて詳しく話し合い、あなたの会社に関する法的リスクを最小限に抑える方法について一緒に考えましょう。 法的リスクは企業にとって大きなものであり、その最小限に抑えることは重要です。マイブログではすべてのプロジェクトについて詳しく話し合い、お客様の会社の成功をサポートします。 詳細を見る

上記の様に文章だけがおかしな形で表示されると言う挙動を起こすのだと思います。

 
 
 

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

とりあえず、私が確認した結果を。

まず、Cocoonで、固定ページを作成します。

 
見た目、まさに「Cocoon」という感じかと思います。
 

 
 
そして、プラグイン「kubio」は、このプラグイン独自でFSEのようなことができるみたいです。
よって、CocoonでもFSEができます。
 
以下のメニューから編集します。
 

②の「kubio」の編集機能を使って、ヘッダー部分を書き換えます。

①の青枠・青矢印の部分です。
この部分を以下のように書き換えます。

 

 
 
すると、先程の固定ページは、以下のように変わりました。
(固定ページとしては、同じものです)
 
 
ちなみに、緑枠・緑矢印部分は、最初のトピック主さんのサイトで、確認できたものと同じような感じです。
(「kubio」で追加していたのではないかと)
 
そして、HTMLソースを見ると、もうCocoonとは違う感じです。
(これも、トピック主さんのサイトと、同じようになったと思います)
 
Cocoonのスタイルシートの読み込みも、HTMLソースからなくなりました。
プラグイン「kubio」が、マージしているものと思います。
(もしくは、削除されてしまったのか?)
 

 
完全には再現はできませんし、まだ不可解なことはあるのですけれど。
 
ただ、この「kubio」というプラグインのFSE機能を使えば、もはやCocoonの手は離れてしまうということだと思います。
 
その場合。
 
この機能を使って、レイアウト調整をしていくのか。
もしくは、適宜CSSで調整していくのか。

そういうことが必要に思います。


   
わいひら reacted
返信引用
(@yoppychan)
Active Member Registered
結合: 1日前
投稿: 17
トピックスターター  

返信ができず、すみませんでした。

色々調べていただきありがとうございます。

私には内容が難しく理解できないのですが、kubioを使わずに、一から作り直した方が手っ取り早いような感じでしょうか?


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

ちなみに、この「kubio」というプラグインは、独自ブロックも追加します。

Cocoonで、以下のようなメニューから、普通に投稿・固定ページを編集した場合は、今のところ普通に「kubio」専用ブロックも使用できているようです。
(まだ、不都合のあるものを見つけていないだけかもしれませんが)

 
 
ただ、CocoonやWordPressコアと同じようなブロックも多いように見えます。
このプラグインの機能を理解している訳ではありませんので、良く分かりませんけれど。
本当に必要なのかとは思ってしまいます。
 

 
先の返信に書いたようなFSE機能を使いたいということであれば、もちろん必要なのだと思います。
 
その場合は、もはやテーマを離れて、このプラグイン独自でHTMLソースを出力しているようですので。
そちらで調整したり、独自にCSSで調整したりが必要なのだと思います。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

投稿者:: @yoppychan

kubioを使わずに、一から作り直した方が手っ取り早いような感じでしょうか?

何とも言えないです。
ここまで作ったものをイチから作り直すのは、大変なようにも感じます。

先の添付したような「kubio」のFSE機能を使っているように思います。

先は、以下のように提示しました。

投稿者:: @mk2_mk2

以下のメニューから編集します。

 

投稿一覧・固定ページ一覧で、以下を選択しても、上記と同じように編集できるようです。

 
これを使用した場合は、テーマの手から離れ、プラグイン「kubio」独自機能で編集され、ページ出力もされているようです。
 
そのため、先程書きましたように、このプラグインの機能で、レイアウト調整いただいたり、独自にCSSで調整が必要に思います。

   
わいひら reacted
返信引用
(@yoppychan)
Active Member Registered
結合: 1日前
投稿: 17
トピックスターター  

私のスキル的に難しいことはできないため、今の状況からすると、最初から作り直すことになりそうですが、仮に作り直す場合には、どのようにすれば良いのでしょうか?

kubioを使わなければ、cocoonを再インストールするだけで構成とかも正常に戻るのでしょうか?


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17832
 

@yoppychan 

まずmarisachiさんが、かかれたこれをやってみると良いかと思います。
https://wp-cocoon.com/community/postid/85710/

  1. テスト用のサブドメイン(もしくはディレクトリ)サイトなどで、WordPressを新規インストールする(すべてのプラグイン無効状態)
  2. 現在のサイトから、投稿データをエクスポートする
  3. テスト用のサブドメインサイトに投稿データをインポートする

と、いった感じです。

エクスポートとインポートする方法はこちら
https://www.sejuku.net/blog/71412

テストサイトでこれでうまくいかないようであれば、最初から作る必要があるのかもしれません。kubioの仕様を詳しく知っているわけではないので、うまくいくかどうかはわかりません。
うまくいくようであれば本サイトでWordPressをクリーンインストールして、同様のことを行えばよいかと思います。

投稿者:: @yoppychan

kubioを使わなければ、cocoonを再インストールするだけで構成とかも正常に戻るのでしょうか?

クリーンインストール時に、そのプラグインを使っていなければ、構成も戻ると思います。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

最初Cocoonで作成した以下のページですけれど。

投稿者:: @mk2_mk2

まず、Cocoonで、固定ページを作成します。

 

「kubio」のFSE機能で、編集して、以下のようになりました。

投稿者:: @mk2_mk2

 
すると、先程の固定ページは、以下のように変わりました。
(固定ページとしては、同じものです)
 

 

そして今、プラグイン「kubio」を無効化してみました。

すると、以下のようになってしまいました。

 
 
戻らないみたいです。
 
 
私のテストサイトは、このプラグイン以外入っておりません。
そのため、他のプラグインの影響はないと言えると思います。
 
これはもはや「kubio」の機能かと思いますので、分からないというのが、正直なところです。
(どうすれば戻るんでしょう?ヘッダーを編集し直す?どうやってCocoonのものに戻すのか・・・)
 
無料版のプラグインだと、「そのページだけ」という編集ができなくて。
全ページに適用されてしまうっぽいんですよね。
 
WordPressに最初からある固定ページの「Sample Page」すら、以下のようになってしまいました。
(ヘッダーも何もない)
 
 
もうこのテストサイトは使えないのかも・・・。

   
わいひら reacted
返信引用
(@yoppychan)
Active Member Registered
結合: 1日前
投稿: 17
トピックスターター  

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

とりあえずご指示いただきました、

テスト用のサブドメイン(もしくはディレクトリ)サイトなどで、WordPressを新規インストールする(すべてのプラグイン無効状態)

を試してみたいと思います。

また改めて結果を報告させていただきます。

ひとまず、今日は昼間から遅い時間までご対応いただきありがとうございました。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8913
 

本題とは関係ありませんが・・・。

先程、以下のように書きました。

投稿者:: @mk2_mk2

Cocoonのスタイルシートの読み込みも、HTMLソースからなくなりました。
プラグイン「kubio」が、マージしているものと思います。
(もしくは、削除されてしまったのか?)

この部分がどうなっているのかと、先程の固定ページに、アイコンボックスを追加してみました。

 
すると、HTMLは出ているのですけれど、以下のような表示に。
 
アイコン部分は、シンプルなものですし、これが適用されないってことは。
https://github.com/xserver-inc/cocoon/blob/9907e1d3ece154af5b222ab4696d30e00f432ea9/style.css#L3414-L3420
 
もうCocoonのスタイルシートは、読み込まれていないのだと思います。
(マージ等もされていない)
 
entry-contentの部分も「kubio」のものが適用されていました。
 
余談ですね。
すみません。

   
わいひら reacted
返信引用
固定ページ 2 / 2
共有:

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

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

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

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

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

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

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

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