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

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

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

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

66 投稿
4 ユーザー
40 Reactions
69 表示
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

始めて投稿させていただきます。

現在、別テーマからcocoonにてホームページを移行中です。

マニュアル通り、cocoon-childでの編集を行っていましたが、それまで正常に表示されていたものが、急にレイアウトが崩れてしまいました。

主な症状としては、

①編集画面ではデザイン通りの表示がされていますが、プレビュー表示やネット上だと、ブロック同士がくっついてしまっている。

②モバイルで閲覧するとフル画面ではないのに文字が両幅ギリギリまで表示されてしまう。

③スマホでみると、モバイルフッダーメニューも表示されず、代わりにページの一番最後に左右の矢印と×印が表示されてしまう。

④追加した画像は表示されるものの、ブロック内の背景画像のみが表示されない。

 

ちなみに、①②③はcocoon-childのみ現れる症状で、親テーマを有効にした場合にはこの症状は出ません。

④に関しては、親・子どちらも現れる症状になります。

各固定ページは、プラグインのKubioにて作成していました。

 

解決のために試したこと

プラグインをすべて無効、高速化無効:どちらも症状は変わりませんでした。

テーマの再インストール:改善されず

キャッシュ削除:改善されず

 

お力をお貸しいただければと思います。宜しくお願いします。

 

 

 

 

環境情報:

子テーマ

----------------------------------------------

サイトURL: https://takadasangyo.cloudfree.jp
ホームURL: https://takadasangyo.cloudfree.jp
コンテンツ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
WordPressバージョン:6.8.1
PHPバージョン:8.2.28
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.7
カテゴリー数:3
タグ数:5
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools 5.9.2
Akismet Anti-spam: Spam Protection 5.4
Arkhe Blocks 2.27.1
A WP Life Themes Companion 1.4.5
BackWPup 5.2.3
Category Order and Taxonomy Terms Order 1.9
Classic Editor 1.6.7
Classic Widgets 0.3
Contact Form 7 6.1
Custom Cover Link 1.0
Font Awesome 5.0.2
Hide Page And Post Title 1.5.8
Jetpack 14.7
Kubio 2.6.1
----------------------------------------------

 

親テーマ

----------------------------------------------

サイトURL: https://takadasangyo.cloudfree.jp
ホームURL: https://takadasangyo.cloudfree.jp
コンテンツ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
WordPressバージョン:6.8.1
PHPバージョン:8.2.28
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.7
カテゴリー数:3
タグ数:5
ユーザー数:2
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools 5.9.2
Akismet Anti-spam: Spam Protection 5.4
Arkhe Blocks 2.27.1
A WP Life Themes Companion 1.4.5
BackWPup 5.2.3
Category Order and Taxonomy Terms Order 1.9
Classic Editor 1.6.7
Classic Widgets 0.3
Contact Form 7 6.1
Custom Cover Link 1.0
Font Awesome 5.0.2
Hide Page And Post Title 1.5.8
Jetpack 14.7
Kubio 2.6.1
----------------------------------------------


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

yoppychanさん

恐れ入りますが、不具合の発生している状況を拝見させていただきたいです。

トップページの他にも2~3ページ拝見しましたが、現在、仰っているような不具合が発生していないように見えます。

また、子テーマは真っ白で、何もないようです。

 
 
投稿者:: @yoppychan

①②③はcocoon-childのみ現れる症状で、親テーマを有効にした場合にはこの症状は出ません。

上記のような場合は、子テーマで行っているカスタマイズがおかしいのだとは思います。
ただ、それが今ないと思われますので、確認のしようがないと思われます。

テストサイト・テストページ等で構いませんので、不具合の発生している状況を確認させていただきますよう、お願いいたします。

 

 

投稿者:: @yoppychan

④追加した画像は表示されるものの、ブロック内の背景画像のみが表示されない。

上記は親テーマでも発生しているとのことですが、どのページのどの部分を確認すれば良いのか、第三者には分からないです。


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

ちなみに、「Mixed Content(混在コンテンツ)」が発生しています。
(SSL化(https)が不完全で、「http」で読み込みを行っているものがある)

以下はエラーになっています。
(1番上が「Mixed Content(混在コンテンツ)」で、下2つは画像が404)

 
「Mixed Content(混在コンテンツ)」
 
http ://takadasangyo.cloudfree.jp/wp-content/uploads/font-awesome/v6.5.1/css/svg-with-js.css
 
念のため「404」も。
 
http ://takadasangyo.cloudfree.jp/wp-content/uploads/2025/05/modern-flowing-creative-blue-wave_1035-19492.jpg

http ://takadasangyo.cloudfree.jp/wp-content/uploads/2025/05/cropped-DJI_20250320125945_0660_D-scaled-e1743840627421-1-1-1.jpg

 
 
以下はWarning(警告)です。
 
http ://takadasangyo.cloudfree.jp/wp-content/uploads/2025/04/c784ec3f74549c2b825a22e44fa42025-1.png

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

@mk2_mk2 さん

ご返信ありがとうございます。

説明が足りずすみませんでした。

①編集画面ではデザイン通りの表示がされていますが、プレビュー表示やネット上だと、ブロック同士がくっついてしまっている。

それぞれの間隔がなくなっているような状態です。親テーマでは、この症状は発生しません。


   
返信引用
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

@mk2_mk2 さん

親テーマで表示すると、このようになります。


   
返信引用
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

@mk2_mk2 さん

 

②モバイルで閲覧するとフル画面ではないのに文字が両幅ギリギリまで表示されてしまう。

こちらの症状に関しては、スマホでサイトを表示した際に起きている症状です。


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

yoppychanさん

スマホからですので、簡単に。

画像添付はありがたいのですけれど。

画像だけを見ても何が原因かは分からないです。

その症状を発生させた、実際のページを拝見したいのです。

そのページのURLを、ご提示ください。

 

【追記】

今、症状が発生した状態なのですね?

昨日スマホで拝見した際は、モバイルメニューは表示されていました。


   
返信引用
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

@mk2_mk2 さん

対応がうまくできず、すみません。

実際のURLを示したらよろしいでしょうか?

 

https://takadasangyo.cloudfree.jp/

 

宜しくお願いします。


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

いえ、どのページを拝見すれば良いのかです。

トップページのURLではありません。

例えば、以下はどのページなのかです。

投稿者:: @yoppychan

こちらの症状に関しては、スマホでサイトを表示した際に起きている症状です。

 

 

【追記】

上記は、以下かもしれません。

https://takadasangyo.cloudfree.jp/philosophy/

URLがないと、こちらでそれを探す必要があるので、それは避けてほしいです。

URLがあれば、クリックするだけで済むのです。

 


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

@mk2_mk2 さん

ありがとうございます。

トップページからすでにレイアウトがおかしい状態です。

・トップページの出だし(最初の部分)から、文字は表示されるが、背景画像が表示されず、白くなっている。

・中段あたりのカラムなどが本来スペースがあるにもかかわらず、すべてくっついてしまっている。 など

 

すべてのページでレイアウトが崩れており、背景画像を使っている部分は白くなっています。

 

先ほど、送らせていただいた「両幅がギリギリの文字」のページは、

https://takadasangyo.cloudfree.jp/philosophy/

です。

 


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

yoppychanさん

ちょっと、問題が多過ぎて、1つのトピックで扱うには、難しい気もします。

おそらく、以下のプラグインをご利用かと思いますが、これがかなり悪さをしているのではないかと、今のところ疑っています。

Kubio AI Page Builder
https://ja.wordpress.org/plugins/kubio/

量が多くて、まだ全部見ていません。


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

投稿者:: @yoppychan

④追加した画像は表示されるものの、ブロック内の背景画像のみが表示されない。

これは、トップページの以下のことではないか・・・と思われますが。

投稿者:: @yoppychan

上記は、私からと見え方が違います。
私からは以下のような感じです。

 
 
赤枠部分が、私からは表示されません。
 
プラグインのブロック?なのか、良く分かりませんけれど。
 
CSSで、以下のような指定があります。
 
このbackground-imageで指定されているURLは以下でした。
(直リンクにならないように、途中にスペースを入れています)
 
https ://takadasangyo.cloudfree.jp/wp-content/uploads/2025/05/cropped-DJI_20250320125945_0660_D-scaled-e1743840627421-1-1-1.jpg
 
これを実際に開くと、以下のように404です。
更に、別のプラグインのwarningも出ています。
 
Warning: Attempt to read property "post_title" on null in /home/takadasangyo/takadasangyo.cloudfree.jp/public_html/wp-content/plugins/hide-page-and-post-title/hide-page-and-post-title.php on line 90

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

@mk2_mk2 さん

ご配慮いただきありがとうございます。

まさに、赤枠の部分が背景画像を追加している部分でして、それ以外の画像は表示されるものの、背景画像として追加している部分が表示されない状態となっています。

また、赤枠の上のカラム部分も3列×2行で計6つのボタンになっているのですが、それぞれ上下左右にスペースがあるはずなのですが、上下でくっついた状態になっています。
その上の、COMPANYのブロックも上下でスペースがあるはずですが、くっついてしまっています。


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

トップページを拝見すると、Cocoonの親テーマ・子テーマのスタイルシートの読み込みが見当たらないのですけれど。

これは、どうなっているのでしょう?

(何かで縮小化やマージがされている?)


   
返信引用
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

@mk2_mk2 さん

ありがとうございます。

特に何か設定をした覚えはありません。


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

私のテストサイトに以下プラグインに、以下を入れてみました。
(現在子テーマが有効)

投稿者:: @mk2_mk2

Kubio AI Page Builder
https://ja.wordpress.org/plugins/kubio/

その状態で、親テーマと子テーマの読み込みは確認できます。
(HTML上に、スタイルシートの読み込みがある)

しかし、ご提示のサイトでは。見つけることができません。
検索してもヒットしません。

何かで、マージされていると思います。
(それがプラグインなのかどうか、分からないです)


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

投稿者:: @yoppychan

https://takadasangyo.cloudfree.jp/philosophy/

投稿者:: @yoppychan

上記についても、もはや本文自体が、プラグインのブロックみたいです。

 
これに、左右のpaddingなどがないですから、そこから調整が必要なのではないかと。
 
 
通常Cocoonだと、以下のようにmainの左右のpaddingがあるのですけれど。
(緑色の部分)
 
 
 
ご提示のサイトは、このmainすら見つからないです。
サイト構成が、完全に変わってしまっていて、Cocoon標準のものと違い過ぎると思います。
 
 
私のテストサイトに、「kubo」というプラグインを入れただけだと、このmainは存在します。
他の要因で、構成が変わっていると思います。

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

私のテストサイトのHTMLソースで、mainタグを検索すると。

 
先程添付したように、mainタグはあります。
投稿者:: @mk2_mk2

 

 

ただ、ご提示のサイトの以下では。

投稿者:: @yoppychan

https://takadasangyo.cloudfree.jp/philosophy/

 
mainタグがありません。
 
Cocoon標準のサイト構成ではなく、何か違う構成になってしまっていると思います。
(上記は一例で、他にもいろいろありそうですが・・・)
 
先程書いたように、私のテストサイトに「kubo」をインストールしただけでは、こうはなりませんでした。
他の要因だと思います。
 
CSS等で調整はできると思いますけれど。
もしかすると、構成を変えている要因の何かの方で、設定ができるのかもしれません。
それが何かは分からないですけれど。
 
 
左右の余白がない件は、「段落」ブロックの左右にpaddingやmarginを設定するという方法もあるとは思いますけれど。
それだと、1つ1っ設定する必要があります。
 
そして「段落ブロック」すら、標準のものが使用されておらず。
使用されているのは、プラグイン「kubo」のもので、ちょっと何が最適なのかというのは、私には分からないです。
 
とりあえず、wp-site-blockというものが、本文エリアの大元ぽいのですけれど。
そこを以下のようにすれば、添付のようにはなりました。(数値は調整要ですが)
.wp-site-blocks {
    padding: 0 2em;
}
 
ただ、これだと、既に余白のあるところは、更に余白が追加されてしまいますので、そこの調整が必要になってしまいます。
(ページの最初の方など)

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

@mk2_mk2 さん

ありがとうございます。

私自身、ほとんど知識がないため、よくわからない作り方をしていたのかもしれません。

少し前までは、私も「kubio」を使っていても特に問題なかったのですが、いじっていたら急におかしくなってしまいました。おそらく変な操作をしてしまったのだと思います。


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

yoppychanさん

恐れ入ります。
Cocoon標準と、サイト構成が違ういうのか、HTMLソースが違うと思います。
Cocoonにあるべきものがなかったりします。

この要因が何かがちょっと分からないです。
そちら側で、調整ができれば、その方が良さそうには思いますけれど。

 

とりあえず、以下プラグインも入れてみましたが、再現できず・・・。

投稿者:: @yoppychan

A WP Life Themes Companion 1.4.5

https://ja.wordpress.org/plugins/awp-companion/

 

以下については「セキュリティ上の問題」でダウンロードできず、試すこともできません。

投稿者:: @yoppychan

Arkhe Blocks 2.27.1

https://ja.wordpress.org/plugins/arkhe-blocks/

 
 
どちらも、他テーマ用のものだと思いますので、動作は保証できない気はします。
(試すことができないものは、何とも言えず。何より「セキュリティ上」何かあるのであれば、入れない方が良いとは思います)

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

@mk2_mk2 さん

ありがとうございます。

ご指摘の通り、2つのプラグインは無効にしましたが、症状変わらずです。


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

投稿者:: @yoppychan

投稿者:: @yoppychan

Arkhe Blocks 2.27.1

https://ja.wordpress.org/plugins/arkhe-blocks/

上記は、脆弱性が報告されていますね。

https://www.cve.org/CVERecord?id=CVE-2025-32161


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

yoppychanさん

投稿者:: @yoppychan

ご指摘の通り、2つのプラグインは無効にしましたが、症状変わらずです。

恐れ入りますが、ちょっと分からないですね。
なぜ、HTML構成がCocoonのものと違うのか。
(Cocoonにあるべきものがないのか。)

全プラグインを停止しても起き得るのかは、確認してもよいかもしれないですけれど。
ちょっと良く分からないところです。

 

少し調べてみると。

「<div class="wp-site-blocks">」は、ブロックテーマでFSE(フルサイト編集)した際に、作成されるのではないかと思われます。

Cocoonは、FSEには対応していません。
そもそものサイトの作成方法から、違うのかもしれないです。

(FSEで編集したものは、そのままでは移行できないのかもしれないです。FSEで作成されたサイトは、拝見した経験すらありませんので、良く分からないところですけれど)


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

@mk2_mk2 さん

全プラグインを無効にしてみると、さらにレイアウトが崩れます。「kubio」で作ったもののため、こうなってしまうのでしょうか。

 

構成やプラグイン等はインストールし直すなどでリセットできないのでしょうか。


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

yoppychanさん

いえ、おそらく元々のサイトが、ブロックテーマで、FSE(フルサイト)で編集されている可能性がありそうに思います。

本来「<div class="wp-site-blocks">」は、Cocoonに切り替えると、出力されないはずだと思います。
その他にも、Cocoonが出力するタグがなかったりします。

何かがおかしいのだと思います。
それの要因が何かが、分からないですね。


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

今拝見しても、やはり「<div class="wp-site-blocks">」があります。

先程までなかった、Cocoonの親・子テーマの読み込みが出てきました。

しかし、HTML構成は、Cocoon標準のものではないです。

元々の作りが、そういうものなのかもしれないです。
ちょっと、その辺りは分からないです。

 

ちなみに、テストサイトでブロックテーマ(Twenty Twenty-Five)を使って、固定ページを編集をしてみました。
すると「<div class="wp-site-blocks">」が出てきます。
(「Twenty Twenty-Five」で「固定ページ」というテンプレートだから?)

しかし、Cocoonに切り替えると、これは出てこなくなります。
そして、Cocoon標準のHTML構成に変わります。

ご提示のサイトがそうならないということは、元々作成した段階で、テーマの切り替えを許容しないようなことになっている?
(FSEで編集したテンプレートを使っている?)

ちょっと分からないです。

Cocoon標準のHTML構成でなければ、CocoonのCSSは適用されない可能性があります。
(HTML構成が違えば、CSSセレクタも違い、適用されない)

そしてCocoon設定などでの調整も、効かない可能性があると思います。


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

@mk2_mk2 さん

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

wordpress自体を再インストールしたら構成などもリセットされたりしますでしょうか?


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

yoppychanさん

いえ、分からないです。

原因が分かりませんので、感覚でどうなると言えるものではないです。

例え、WordPressを再インストールしても、今のデータを戻せば、同じ状態になると思います。

今あるページを作成した時の、元々の話なのではないかと思われます。

(クラシックテーマに切り替えることができない?)


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

@mk2_mk2 mk2さんお疲れ様です。

Arkhe BlocksはArkheやSwellと同じブロックを他のテーマで使えるようにするプラグインだったと認識してます。

あれに脆弱性があったんですねさっき知りました。


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

@yoppychan むやみに初期化を行うとこれまでに作成してる記事データなどを全て失うのでサブディレクトリーにワードプレスをクリーンインストールしてインポーターを使ってデータを差し込んでみることをオススメします。

その後同じようなプラグイン構成にして問題がなければ本番環境用にルートディレクトリーをサイトアドレスとしてクローンすればいいだけなので(cpanelが使える場合に限定されます。)

この投稿は16時間前ずつmarisachiに変更されました

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

@mk2_mk2 僕の回答にある方法を試してはどうでしょうか?インポーターでデータを挿せば映されるのは記事データ(文章やブロック配列、画像)だけなので全くもって同じ現象が再発すると言うのは避けれるかと思います。


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

@yoppychan パソコンがあればもう少し僕の方でも原因を調査できればと思ったのですが•••仕事中で家から離れてまして

19:00以降であれば私も付き合いますが•••


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

@mk2_mk2 さん

ありがとうございます。

kubioが有効になっているとクラシックテーマでの編集はできませんでしたが、無効にしていますので、編集可能だと思いますが、最初からレイアウトを直す必要がありそうです。

ここまで変になってしまうとそれも致し方ないのかもしれません。

 


   
返信引用
(@yoppychan)
Active Member Registered
結合: 2日前
投稿: 17
トピックスターター  

@marisachi さん

ありがとうございます。

ありがとうございます。

作成にかなりの時間を要しているため、作り直すことは避けたいところです。。。

是非ともお力をお貸しいただきたいと思います。

よろしくお願いします。


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

まだ、戻って来たばかりで、全部は読んでいません。
(これからも、しばらくは見れないと思います)

投稿者:: @yoppychan

kubioが有効になっているとクラシックテーマでの編集はできませんでしたが、無効にしていますので、編集可能だと思いますが、最初からレイアウトを直す必要がありそうです。

認識が違います。

簡単に言えば、FSEに対応しているのがブロックテーマ、対応していないのがクラシックテーマと、考えても良いと思います。

「クラシックテーマ ブロックテーマ」で、検索してみてください。

私は、先に「kubio」を試したのは、Cocoonのブロックエディタです。
Cocoonは、クラシックテーマです。(FSEに対応していません)

 
私は、先にCocoonで「kubio」を使用して、確認しました。
その際、Cocoon標準のHTMLで、出力されていました。

今のところ、「kubio」を疑ってはいないです。
(但し、他の編集方法があれば、何かあるかもしれませんが。メニュー「kubio」のところ?)

「kubio」専用ブロックを使っていますので、これらは「kubio」が有効でないと、崩れると思います。


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

今、以下のページを確認しました。

投稿者:: @yoppychan

https://takadasangyo.cloudfree.jp/philosophy/

ソースがやはり違うんですよね。

 
以下は、私のテストサイト。
 
赤枠部分が、ごっそりないです。
 
 
そして、<body>タグから、entry-contentまでの間も、ごっそりないです。
そして、間に「<div class="wp-site-blocks">」があるのも違います。
(私がテストのために、いろいろ表示されているということもありますが)
 
 
私のテストサイト。

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

そして、以下はフロントページです。

https://takadasangyo.cloudfree.jp/

 
添付画像が、1番上の状態です。
 
ヘッダー画像・グローバルメニューなどがないです。
最初に見た時は、あったと思います。
 
そうだとすると、FSEでレイアウト(ヘッダーなどの構成)を作っていたのかなと、思いはしました。
(今、こういう状態だということは、何かのプラグインが出している?)
 
ただ、そうだとしても、Cocoonのものが何も出ていないのは、何なんだろうとは思います。
(HTMLの違いも、ここまで大きく違うのは何なんだろうと)

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

投稿者:: @marisachi

インポーターでデータを挿せば映されるのは記事データ(文章やブロック配列、画像)だけなので全くもって同じ現象が再発すると言うのは避けれるかと思います。

投稿者:: @marisachi

サブディレクトリーにワードプレスをクリーンインストールしてインポーターを使ってデータを差し込んでみることをオススメします。

サブディリクトリなど、何でも良いのですが。
テスト環境を作ってみるのは良いと思います。

まっさらな状態で、WordPress・Cocoonを新規インストール。
「kubio」もインストールしても良いかもしれません、専用ブロックを使用していると思いますので。
(とりあえず、他のプラグインはなしで)

そして、テストですので、いくつかのページだけでも良いので、データをコピーしてみると良いと思います。

編集画面で「コードエディタ」に切り替えて表示されるソースを、丸ごと貼りつける方法でも良いと思います。


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

投稿者:: @marisachi

Arkhe BlocksはArkheやSwellと同じブロックを他のテーマで使えるようにするプラグインだったと認識してます。

「Arkhe」の機能拡張プラグインだと思っていました。

一応他テーマでも使用できるとは思いますが、
Cocoonと同じようなブロックがありますし、ツールバー?の拡張なども重ならないのかなと、思ったりもします。

投稿者:: @marisachi

あれに脆弱性があったんですねさっき知りました。

私もダウンロードして試してみようと探して、初めてしりました。


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

@mk2_mk2 そうですね。

私も今のブロックの実装状況はSwellとCocoonで大きな違いはないのではないかと感じてます。

やはりデザイン変更などでテスト環境を構築するに勝るものはないですね。

例のプラグインと同じようなプラグインにuseful blocks と言うのもありますが個人的にはそれすらも不要かと感じてます。

ご指摘のとおりツールバーなどが競合する可能性は高いので外された方が良いと私も思ってます。


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

@yoppychan いくつか確認したいのですが
①この症状はいつ発生しました?
②気づいたのはいつですか?
③その時どのような作業をしていましたか?

回答次第によりますがソースの壊れ方がかなり酷いので個人的にはArkhe Blocksの脆弱性を踏み台にした第三者による不正改竄を視野に入れてみようと思っております。

その辺を踏まえてもう一点XML-RPC(外部クライアントなどからコンテンツの投稿とを行う)機能を有効にしていたりしますか?またそのサイトを設置しているサーバーにはWAF(WebApplicationFirewall)は搭載されていますか?


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

@mk2_mk2 もう一度ソースを見ていたんですけど壊れ方がかなり酷いですね・・・
もはやプラグインでできるようなレベルではないような・・・


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

marisachiさん

スマホからなもので、短めに。

今は、全プラグインを無効にした状態と思われます。

そのため、最初に拝見した時と、違う状況です。

「kubio」専用のブロックは、どうしても崩れると思います。

ただ、それにしても、CocoonのHTMLソースにあるものがなかったり、違いがあります。


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

@mk2_mk2 う~~ん個人的にサイトビルダーが嫌いなのでそういう系のプラグイン使わないので益々僕に力になれるか怪しくなってきましたね・・・・

そもそもWordPressにテーマを使う意味がなくなってしまうのでサイトビルダーは個人的に要らない子だと思ってます。


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

marisachiさん

投稿者:: @marisachi

個人的にサイトビルダーが嫌い

私も苦手です。

今、スマホからなもので、ご提示ができないのですが。

普通に編集画面から編集する分には、大丈夫と思われるのですけれど。

「kubio」には他にもメニューがあって、FSEっぽいことができるのかもしれません。

まだ使い方が分からないのですが。


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

@mk2_mk2 個人的にcocoonソースコードと異なることに疑問を抱いてるよりHTMLのベストプラクティスから逸れていることに疑問が隠せないですねheaderとか色んなパーツになるタグが消えちゃってセマンティックなHTMLからは随分かけ離れている印象が強いです。

これでGoogleがインデックスするようであれば訪問者から怒りが絶えないのでましてはコーポレートサイトがこうとなるかなりの問題かと・・・・

一度インデックスも封印してもらった方が良いのでは・・・


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

質問者からの回答が途絶えてしまったすね・・・

余計なことしていなければいいのですがこれ以上反応ないのであれば自分の作業始めたいのですがね・・・
デザインの刷新を検討していてリライトとかが必要なのでそろそろ作業に取り掛かりたい・・・・・・・・・・


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

marisachiさん

その辺りは、全プラグイン無効化の影響の可能性があります。

今のソースは、最初とまた違います。

ヘッダーなども、最初はありました。

そのため、FSEで作成されたものではないかと、疑っています。(FSEで編集・作成されたテンプレート部分がない?)

他の可能性もありますが、あまりにも違い、良く分からないです。

最初の状態は、Cocoonのスタイルシートの読み込みが見つからず、何かでマージ・縮小化されているっぽかったのですけれど。 

ただ、全プラグイン有効時も、そして全プラグイン無効時も、ソースがCocoonのものとは違う状態です。


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

@mk2_mk2 FSE(フルサイト)ってheader(ヘッダー)って外せるんですかね?
ちょうどデザイン刷新にテストサイトを作る予定があるんでtwenty twentyシリーズで試してみようと思います。


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

yoppychanさん

恐れ入りますが、「kubio」のみ有効にしていただけないでしょうか。

それで、ヘッダー等が出てくるか、確認したいです。 

(何がヘッダーやグローバルナビっぽいものを出力していたのか・・・)


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

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

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

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

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

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

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

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

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