Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

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

相談内容：

不具合の発生手順：

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

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

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

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

フォーラム利用ガイドリンク

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

共有:

通知

すべてクリア

[解決済] NOMADCODE使用時の事象について

不具合報告

最新の投稿 : MURAMASA 2年前

5 投稿

3 ユーザー

5 Reactions

687 表示

RSS

MURAMASA

(@muramasa)

Eminent Member Registered

結合: 2年前

投稿: 29

Topic starter 2022年5月26日 00:23

わいひら様

お世話になります。
綴屋てんちゃんねるのむらまさと申します。

相談内容：

最近、投稿した記事にNOMADCODEを使用した時の
起きた事象です。
投稿前レビューではスコア表示されていますが、
投稿記事では文字と画像のみで表示されてしまう。
※環境情報の下に画像を貼付します。

解決のために試したこと：
新規記事でNOMADCODEの追加作業を再度行いましたが、
やはり同一事象がはっせいします。

これは、COCOON内の設定なのか？、それとも、
インスト済のプラグイン、またはセキュリティー等が
邪魔をしているのでしょうか？

ググってみても同一事象が見つけ出せなかったため
ご指摘をお願いしたく、宜しくお願いします。

----------------------------------------------
サイト名：綴屋てんちゃんねる
サイトURL： https://washinosu.com
ホームURL： https://washinosu.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/skin-ganchan03/style.css
WordPressバージョン：6.0
PHPバージョン：7.4.29
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.3
カテゴリ数：15
タグ数：181
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：24633バイト
functions.phpサイズ：2131バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2021/05/綴屋てんちゃんねるLOGO.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：0
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Accelerated Mobile Pages 1.0.77.43
AdSense Integration WP QUADS 2.0.52
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.2.4
All in One SEO 4.2.0
Autoptimize 3.0.4
BackWPup 3.10.0
BF Click Counter 0.11
Broken Link Checker 1.11.16
Category Order and Taxonomy Terms Order 1.6
Contact Form 7 5.5.6.1
Copy & Delete Posts 1.2.9
EWWW Image Optimizer 6.5.2
Google Analytics for WordPress by MonsterInsights 8.5.3
Lazy Load - Optimize Images 2.3.6
Multi Device Switcher 1.8.3
Native Emoji 3.0.1
Password Protected 2.5.1
Pochipp 1.7.5
Pochipp Assist 0.1.0
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.5
Revision Control 2.3.2
SiteGuard WP Plugin 1.6.1
Site Kit by Google 1.75.0
WebSub (FKA. PubSubHubbub) 3.1.2
WP Fastest Cache 1.0.1
WP Multibyte Patch 2.9
XML Sitemap & Google News 5.3.3
----------------------------------------------

ｍｋ２

(@mk2_mk2)

Illustrious Member Moderator

結合: 4年前

投稿: 7832

2022年5月26日 01:01

MURAMASAさん

フォーラム上部の案内の通り、お問い合わせの際は、高速化を無効化していただくようお願いします。

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

MURAMASAさんは、現在以下のようにCocoonの高速化が有効のようです。

投稿者:: @muramasa

ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：0
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1

また、Cocoonの高速化と、以下のプラグインは機能が重複し、併用すると不具合の原因になることが多いです。

投稿者:: @muramasa

Autoptimize 3.0.4

どちらか一方のご使用をお勧めします。
（基本的には、Cocoonの高速化のみ使用、プラグインはアンインストールで問題ないかと思います。）

また、ページキャッシュプラグインの無効化もお願い致します。
キャッシュ時点の情報を見てしまい、最新の状態の確認ができないことがあるためです。

投稿者:: @muramasa

WP Fastest Cache 1.0.1

ちなみに余談ですが…。

投稿者:: @muramasa

Lazy Load - Optimize Images 2.3.6

上記プラグインは必要でしょうか。

WordPress 5.5以降は、標準でネイティブLazyLoadに対応しています。
（iframeは、WordPress 5.7以降）

WordPressがカバーしていない部分は、Cocoonでもカバーしている気がするのですが、このプラグインが必要なものなのかどうか。

現状では、特に不具合は無いようには見えますが、他にもプラグインの機能があるためご使用なのでしょうか。
（このプラグインは、初めて見たため、機能を存じておりません、すみません。）

そして、JavaScript(jQuery)関連のエラーも出ているようです。

今のところ原因は分かりません。

（もしかすると、高速化（圧縮系）の影響かもしれないです）

とりあえず、高速化・圧縮系の機能を無効化していただくのが良いと思います。
外部からの確認が困難になってしまいますので。

添付いただいた画像は、以下のページの実際の表示かと思われます。

【2022年】世界の珍しい野菜おすすめ10選と栽培ヒント｜第一弾
https://washinosu.com/4525/#toc5

違いをはっきりとさせるために、プレビュー時の画像の添付もお願いしてもよろしいでしょうか。

私は、NOMADCODEを使用したことがありませんので、良く分からないところも多々ありますが・・・。

上記にお願いした、高速化・圧縮化の無効化をしていただくと、他の詳しい方もみてくださると思います。
私も、時間がある時に、確認させていただこうと思います。

たくさん書いてしまいましたが、ご協力をお願い致します。

P.S.

ちなみに、今晩はもう休みます。

MURAMASA reacted

chu-ya

(@chu-ya)

Famed Member Registered

結合: 3年前

投稿: 2845

2022年5月26日 01:52

●原因

641行目に「}」が無いです。
この為、NOMAD CODEのレビューボックスのCSSが無効となっています。

/wp-content/themes/cocoon-child-master/style.css

/* 新着記事のNEW!---------------------------------------------- */
.new-txt{
color: #ffffff;/*文字色*/
background-color:#ff0000; /*背景色*/
display: inline-block;
font-size: .9em;
font-weight:bold;	
margin-bottom: 3px;
padding: 0.1px 5px; /*余白*/
text-align: center;
border-radius: 8px; /*角の丸み*/
←ここに括弧がない！！！！！！

	/* NOMAD CODE 評価ﾚﾋﾞｭｰ */

.reviewBox {