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

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

見出しの表示が異なるので ご教授よろし...
 
共有:
通知
すべてクリア

[解決済] 見出しの表示が異なるので ご教授よろしくお願いします

23 投稿
4 ユーザー
20 Reactions
2,448 表示
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

初めまして cocoonのテクリオ・マンゴーを

使用させて頂いています

見出しを入力してプレビューでは正常に表示

されるのですが 直接アクセスすると 枠線や影?

がグレーで表示されます

何処か設定がおかしいのでしょうか?1週間程

検索かけたりして 調べてますが 初心者なので

分かりません

別のスキンを使用しても 同じ現象が起きます

お忙しいかとは思いますが ご教授よろしくお願

い致します

https://tonyo.online/


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

リンク先は、テクリオ・マンゴーが適用されていないように見えます。
詳しく見るためにも、高速化を無効にしてみてください。
https://wp-cocoon.com/theme-trouble/
また環境情報もいただければと思います。
https://wp-cocoon.com/theme-report/


   
mkrkny reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

何もかも初めてなので すみません

プラグインを全て無効にして 高速化を無効にしました

高速化にしたら ちゃんと反映されたように思います

何が原因でしょうか?よろしくお願い致します

 

 

----------------------------------------------
サイト名:糖尿病 血糖値 を下げる
サイトURL: http://tonyo.online
ホームURL: http://tonyo.online
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-mango/style.css
WordPressバージョン:5.3.2
PHPバージョン:7.3.10
ブラウザ:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-JP
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.4.1
カテゴリ数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


   
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  
投稿者:: @mkrkny

高速化にしたら ちゃんと反映されたように思います

高速化を外したら ちゃんと反映されたように思います

の間違いです


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @mkrkny

プラグインを全て無効にして 高速化を無効にしました

高速化にしたら ちゃんと反映されたように思います

何が原因でしょうか?よろしくお願い致します

書き込まれた内容だけだとプラグインが原因の可能性が高いように思います


   
mkrkny reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

プラグインは全て外したままで いろいろ試してみましたが

CSSを縮小化する にチェックを入れると 表示が変になります

高速化にしなくても 別に支障ないでしょうか?

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

キャッシュ系(サーバーの設定やプラグイン・ついでにブラウザなどがあります)はどのようになってますか???

 

あと

ご自身でstyleしたものでしょうか?

どこに何かのstyleを書いたなどあれば、圧縮した際の読み込みの順番で上書きされることがあるかと思いますが

https://tonyo.online/

この見出しはデフォルトだと思いますよ。

https://gyazo.com/b19c535131e25601b6ad6a1e5b44eaec

 

スキンを適応されてないですよね???

 


   
mkrkny and わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

プラグインを全て無効化した状態で、CSSの縮小化の除外設定に「skin-tecurio-mango」と入力して設定保存するとスキンが適用されますか?


   
mkrkny reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

かうたっく様

画像の時は「Metal styles」というスキンで 試してたとこでした

style自体知らないので どこもいじってないはずです

 

わいひら様

プラグインを全て無効化した状態で、CSSの縮小化の除外設定に

「skin-tecurio-mango」と入力して設定保存した状態でも

表示が変になってしまいます(今の状態です)

 

CSSの縮小化のチェックを外すと 正常に表示されます

 


   
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

CSSの縮小化のチェックした時

https://gyazo.com/0eb4045f20daf02a31e4e87079d785a5

CSSの縮小化のチェックを外した時

https://gyazo.com/52181754bbed44a8db5e5128b552e95b

です

どうやって 説明したら いいかも分かりません

お手数お掛けして 申し訳ありません


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @mkrkny

CSSの縮小化のチェックした時

https://gyazo.com/0eb4045f20daf02a31e4e87079d785a5

僕の環境では、上記のような表示状態にはなっていないようなんですが(添付画像の状態)。
だとしたら、現在のプラグインを無効化したままCSS縮小化を無効にしていただけますでしょうか。


   
mkrkny reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

わいひらさんの通り

それ+ その状態の

  • 環境情報もいただけますか。Cocoon設定・テーマ情報です。

 

あと該当ページですが

https://tonyo.online/

ではなく、

  • 固定ページや新規投稿ページで記事を作成し、公開したページのURLもご提示ください。

 

状況がわからないので、新たなページを作成したリンクでチェックできれば、例えばサーバーのキャッシュやその他何かしらのキャッシュの状況もわかるかな。って思いまして。


   
わいひら and mkrkny reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

----------------------------------------------
サイト名:糖尿病 血糖値 を下げる
サイトURL: http://tonyo.online
ホームURL: http://tonyo.online
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-mango/style.css
WordPressバージョン:5.3.2
PHPバージョン:7.3.10
ブラウザ:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-JP
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.4.1
カテゴリ数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


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

mkrkny さん

私もあまり詳しくはないのですが、

http://tonyo.online / でアクセスすると、スキンが適用され、

https://tonyo.online/ でアクセスすると、スキンのCSSが読み込まれない状態のような気がします。

先ずは、サーバーの設定も含めて、SSLの設定を再度確認してみてはいかがでしょうか?

以下のページの案内は読まれていますか?

https://wp-cocoon.com/easy-ssl/

 


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

22時48分 http にアクセスすると https にリダイレクトするようになっているみたいですね。

トピックが解決するまでは、サイトの高速化設定はOFFにしておいた方が良いと思います。

https://wp-cocoon.com/theme-trouble/


   
わいひら and mkrkny reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あと該当ページですが

https://tonyo.online/

ではなく、

サイト名:糖尿病 血糖値 を下げる
サイトURL:  http://tonyo.online  
ホームURL:  http://tonyo.online  

サイト・ホームのURLがsslに対応してません。

そのせいでスキンが反映しないんだと思います。過去にも同じ様子がみられてます。

 

 

サーバー側でssl設定を行っているのが前提ですが、それとリダイレクトが済んでいるので

WordPress側の設定・外観・一般設定より

WordPress アドレス (URL)

サイトアドレス (URL)

のアドレスをhttpsに変更保存を行って、その結果を教えてください。

https://gyazo.com/a06ca96cc95904fcc71dba6e06806338

 

おまけ。

ついでにCocoon設定より画像関連のsslも行ってください。4個か5個ありますが、その人の設定状況によって変わります。

画像のパスをhttpとなっているものをhttpsに変更して保存を行う感じです。

This post was modified 5年前 by かうたっく

   
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

皆さんがご指摘頂いた通り ワードプレス側のSSL化の設定

にチェックが入ってなかった事が原因だったのかと思います

ヘテルムサーバーを使用しているのですが サーバーで最初

設定する項目があるので SSL化は それで十分かと思ってました

.htaccessにコード入力して アップロードしたら 編集に失敗した

のか? 500サーバーエラーでサイトが表示されなくなりましたが

サーバー側の.htaccessを削除したらデフォルトに戻り その後

ワードプレス側でスキンを選択したら ちゃんと表示されました

設定とか いろんな箇所に多くあるので 正直 頭の中ごちゃごちゃ

ですが 少しづつ 勉強していかなければなぁと思います

 

因みに サイトは正常に表示されているでしょうか?

https://tonyo.online/

----------------------------------------------
サイト名:糖尿病 血糖値 を下げる
サイトURL: https://tonyo.online
ホームURL: https://tonyo.online
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-mango/style.css
WordPressバージョン:5.3.2
PHPバージョン:7.3.10
ブラウザ:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-JP
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.4.1
カテゴリ数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あと、うえで書いた通り

Cocoon設定のタブを順次開いていくと画像の表示がある場所のhttpアドレスをhttpsに変更してください。

例: https://gyazo.com/1429650ea23b228a73baacf8874cd8d8

httpsになっていないものがあります。

 

他で言えば、OGP・404・AMPタブなどチェックしてください。

それで完全ssl化が成功だといえるかと思います。


   
わいひら and mkrkny reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

わいひら様 かうたっく様 leafytree様 ありがとうございました

なるべく お手間取らせないよう 調べて見てから 質問するよう

には していますが

まだまだ 疑問点多く お世話になるかとは思います

よろしくお願い致します


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

因みに サイトは正常に表示されているでしょうか?
https://tonyo.online/

現在の状態で、CSSの縮小化を行ってみてください。
今見たところ、縮小化されていないようだったので。
ちなみに現在の状態だと、問題なく表示されています。


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

mkrkny さん

現在、私の環境では http でアクセスしても、 https にリダイレクトされて表示され、https でアクセスしても、ちゃんとスキンが適用されているようです。

でも、ちょっと気になったのは、

サーバー側の.htaccessを削除したらデフォルトに戻り その後
ワードプレス側でスキンを選択したら ちゃんと表示されました

というところです。

「.htaccess」のバックアップはとられていなかったのでしょうか?

現在きちんと表示されているので、問題ないのかもしれませんが、「.htaccess」には、通常何らかの必要な情報が書かれているものと思われます。

私は「.htaccess」を削除した経験がないので詳しくわからないのですが、今後のこともあり、わいひらさん、もしくは、かうたっくさん、もしくは他の詳しい方にアドバイスを頂いた方が良いかもしれません。

cocoonには、「.htaccess」のバックアップ機能もあるようですので、現状に問題があれば、それが使えるかもしれません。

幸い、まだ作りたてのサイトのようですし、現在エラーもなく、きちんと表示されており、httpからhttpsへのリダイレクトも行われるようですので、焦って今すぐ何か行動をする必要はないと思います。

至らぬ書き込みで恐縮です。

おっと、わいひらさんの方が先でした。


   
mkrkny and わいひら reacted
(@mkrkny)
Active Member Registered
結合: 5年前
投稿: 10
Topic starter  

CSSの縮小化して プラグインも実装して問題なさそうです

ありがとうございました

「.htaccess」の内容見たら スキンの設定?しかなかったので

「.htaccess」自体を削除したら スキンがデフォルトに戻り

サーバーエラーも解消出来 再びスキンを設定したら 同じ

「.htaccess」がアップロードされてました

何処でエラー起きてたのか 分かっていませんが…

 

一応 エラーでたを「.htaccess」 アップしておきます

今 設定されてるものと 変わりないような気がするんですが…

 

取りあえず 正常に表示されているので 良かったです

ありがとうございました

 

#BEGIN COCOON HTACCESS
# ETags(Configure entity tags) を無視する設定
<ifModule mod_headers.c>
    Header unset ETag
</ifModule>
FileETag None

# Enable Keep-Alive を設定
<IfModule mod_headers.c>
    Header set Connection keep-alive
</IfModule>

# MIME Type 追加
<IfModule mime_module>
    AddType text/cache-manifest .appcache
    AddType image/x-icon .ico
    AddType image/svg+xml .svg
    AddType application/x-font-ttf .ttf
    AddType application/x-font-woff .woff
    AddType application/x-font-woff2 .woff2
    AddType application/x-font-opentype .otf
    AddType application/vnd.ms-fontobject .eot
</IfModule>

# プロクシキャッシュの設定(画像とフォントをキャッシュ)
<IfModule mod_headers.c>
    #1年キャッシュ(CSS・JavaScriptなどは、クエリーをつけているからOK)
    <FilesMatch "\.(css|js|ico|jpe?g|png|gif|svg|swf|pdf|ttf|woff|woff2|otf|eot)$">
        Header set Cache-Control "max-age=31536000, public"
    </FilesMatch>
    # プロキシサーバーが間違ったコンテンツを配布しないようにする
    Header append Vary Accept-Encoding env=!dont-vary
</IfModule>

# ブラウザキャッシュの設定
<IfModule mod_headers.c>
<ifModule mod_expires.c>
    ExpiresActive On

    # キャッシュ初期化(1秒に設定)
    ExpiresDefault "access plus 1 seconds"

    # MIME Type ごとの設定
    ExpiresByType text/css "access plus 1 year"
    ExpiresByType text/js "access plus 1 year"
    ExpiresByType text/javascript "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"
    ExpiresByType application/pdf "access plus 1 year"
    ExpiresByType application/javascript "access plus 1 year"
    ExpiresByType application/x-javascript "access plus 1 year"
    ExpiresByType application/x-shockwave-flash "access plus 1 year"
    ExpiresByType application/x-font-ttf "access plus 1 year"
    ExpiresByType application/x-font-woff "access plus 1 year"
    ExpiresByType application/x-font-woff2 "access plus 1 year"
    ExpiresByType application/x-font-opentype "access plus 1 year"
    ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
</IfModule>
</IfModule>

# Gzip圧縮の設定
<IfModule mod_deflate.c>
    SetOutputFilter DEFLATE

    # 古いブラウザでは無効
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch \bMSIE\s(7|8) !no-gzip !gzip-only-text/html

    # 画像など圧縮済みのコンテンツは再圧縮しない
    SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico|eot|woff|woff2)$ no-gzip dont-vary

    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/js
    AddOutputFilterByType DEFLATE image/svg+xml
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/atom_xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/x-httpd-php
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/x-font-opentype
</IfModule>
#END COCOON HTACCESS
#SITEGUARD_PLUGIN_SETTINGS_START
#==== SITEGUARD_RENAME_LOGIN_SETTINGS_START
<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteBase /
    RewriteRule ^wp-signup\.php 404-siteguard [L]
    RewriteRule ^wp-activate\.php 404-siteguard [L]
    RewriteRule ^login_86810(.*)$ wp-login.php$1 [L]
</IfModule>
#==== SITEGUARD_RENAME_LOGIN_SETTINGS_END
#SITEGUARD_PLUGIN_SETTINGS_END

# BEGIN WordPress
# `BEGIN WordPress` から `END WordPress` までのディレクティブ (行) は
# 動的に生成され、WordPress フィルターによってのみ修正が可能です。
# これらのマーカー間にあるディレクティブへのいかなる変更も上書きされてしまいます。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

 


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

CSS縮小化状態でサイトを確認しましたが、僕の環境でも問題なく表示されているようです。


   
mkrkny reacted
共有:

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

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

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

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

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

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

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

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