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

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

ブログの更新内容が反映されない
 
共有:
通知
すべてクリア

ブログの更新内容が反映されない

31 投稿
3 ユーザー
2 Reactions
3,221 表示
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

お世話にになっております。

投稿・公開済みの記事に何点か画像を追加して更新したところ全く反映されません。

またこの記事だけ記事内の一番上に出るはずのアイキャッチ画像が出なくなりました。

(TOPページでは出ています)

 

-環境情報-

サイト名:bteck
サイトURL: http://bteck.jp
ホームURL: http://bteck.jp
コンテンツURL: http://bteck.jp/wp-content
インクルードURL: http://bteck.jp/wp-includes/
テンプレートURL: http://bteck.jp/wp-content/themes/cocoon-master
スタイルシートURL: http://bteck.jp/wp-content/themes/cocoon-child-master
Wordpressバージョン:4.9.8
PHPバージョン:7.2.6
ブラウザ:Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36 Kinza/4.8.1
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:0.7.0
カテゴリ数:5
タグ数:23
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
利用中のプラグイン:
Contact Form 7 5.0.3
TinyMCE Advanced 4.8.0
WP Multibyte Patch 2.8.1
----------------------------------------------

以上、御指南いただければ助かります。


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

まずCocoon親テーマのバージョンがかなり古いので、まずは最新バージョンでアップデートしても一度試してみてください。

また、実際に反映されないページのURLも提示していただけると助かります。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

わいひら様

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

反映されないページを載せてませんでした。下記です。

http://bteck.jp/rowaterserver-merit-demerit/

ちなみに親テーマはアップデートしましたが、状況は変わりません。

以上、よろしくお願いします。


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

画像を挿入したのに、表示されていないのはどの部分ですか?
もしよろしければ、以下の方法で、記事のソースコードをいただければこちらの環境で試してみます。
https://wp-cocoon.com/notepad-pw/


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

わいひらさんいう通り、記事のソースがあれば先にご提示いただいただあと、チェックしていただけたらと思います。

h ttp://bteck.jp/wp-content/uploads/2018/07/aqua-3445987_640-320x180.jpg

https://gyazo.com/9237b506442466876000495ca3553fbe

上記アイキャッチを設置したのに、

タイトル、上にあるSNSボタンの間に入るはずのアイキャッチが出ない。

Cocoon設定『画像』タブには表示させるように設定済み、このページのみアイキャッチが非表示になる。ってことでしょうか???

 

実際記事を見てみるとデフォルトのスクリーンショットがセットされてますが、

h ttp://bteck.jp/wp-content/themes/cocoon-master/screenshot.jpg

管理画面でアイキャッチに上記画像を設置されてると思いますが、再度セットしてご確認いただくとどうなりますか?

しかもこの記事だけアイキャッチを囲むdivのclass指定に『eye-catch-wrap display-none』と指定があるのはなんでだろ。。


   
わいひら reacted
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

わいひら様

お世話になります。

ソースコードは下記になります。

https://notepad.pw/share/dza8amm4

よろしくお願いします。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

かうたっく様

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

 

>Cocoon設定『画像』タブには表示させるように設定済み、このページのみアイキャッチが非表示になる。ってことでしょうか???

その通りです。

 

>実際記事を見てみるとデフォルトのスクリーンショットがセットされてますが、

 h ttp://bteck.jp/wp-content/themes/cocoon-master/screenshot.jpg

管理画面でアイキャッチに上記画像を設置されてると思いますが、再度セットしてご確認いただくとどうなりますか?

 

デフォルトのスクリーンショットとはcocoonの画像のことですか?

管理画面がどこを指すのかわかりませんが、アイキャッチにcocoonの画像を設置した覚えはないのですが。。

当方ド素人のため見当違いのことを述べていたらスミマセン。。


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

該当記事の管理画面である、記事の編集画面のPCビューではサイドにある以下の部分です。

https://gyazo.com/4c55f77ad980cf76cd3a7613e1effcc3

PCで幅を狭くすれば『記事下に来る』上の画像にある『アイキャッチ』は設定はどのようにされてますか?

 

以下引用にある画像を設置されているのではないかと思ったのが前提で、再度設定すればどうなるか。ってことでした。

h ttp://bteck.jp/wp-content/uploads/2018/07/aqua-3445987_640-320x180.jpg

https://gyazo.com/9237b506442466876000495ca3553fbe

上記アイキャッチを設置したのに、

タイトル、上にあるSNSボタンの間に入るはずのアイキャッチが出ない。


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

しかもこの記事だけアイキャッチを囲むdivのclass指定に『eye-catch-wrap display-none』と指定があるのはなんでだろ。。

アイキャッチが設定されていない場合は、構造化データのために、Cocoonデフォルトのアイキャッチが設定された後、CSSを表示にする仕様になっています(構造化データ的には必ず画像が必要だった記憶)。

なので、かうたっくさんが書かれているように、アイキャッチが設定されていない可能性があります。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

テキストを全てコピーして新規投稿に貼り付け、アイキャッチも同じように設定したら全て正常に反映されるんですが。(アイキャッチも本文上部に出るし、追加した画像やリンクも反映される)

反映されない古い記事を削除して新たに投稿し直せば済むことなんですが出来れば少しでも投稿してから日数が経ってる方の記事を残したいスケベ心はあります。

あと言ってませんでしたが、最初は本文上部にアイキャッチは出ていたんです。

何か変なことをしたのか、いつの間にか消えました。

アイキャッチが無くても特段問題はないので放置していたんですが、画像の追加などの編集した内容が一切反映されないのはさすがにマズイので質問させていただきました。

ソースコードを見てもらえればわかるように、編集画面のビジュアルモードと実際の表示されてる内容が異なってるってことです。

解決するには知識がない私には少し敷居が高いので記事を削除し再投稿することにいたします。

いろいろとありがとうございました。


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

https化をしたんですね。

前回なかった画像はセットされてなかった画像はセットできたようです。

h ttps://bteck.jp/wp-content/uploads/2018/06/alphabet-1223623_640.jpg

前回同様divのclass属性は

eye-catch-wrap display-none

ほかの可能性はわいひらさんが当たってくれると思います。

 

とりあえず削除しなくてもCSSだけで対応できる範囲です。

記事したにあるカスタムCSSに以下を追記すればOKです。

.eye-catch-wrap .display-none {
	display: block;
}

****再編集

.eye-catch-wrap セレクタの付け忘れ

*******

カスタムCSSが見当たらなければ、記事上の『こんにちは、○○さん』の下にある『表示オプション』で項目を表示してください。

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

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

ていうか、Cocoon設定の「画像」タブにある「本文上にアイキャッチを表示する 」が無効になっていないですよね?


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

この記事以外はアイキャッチが出てますので「本文上にアイキャッチを表示する 」は有効になってます。


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

表示されていない部分に設定されているアイキャッチの画像が以下なのに対して、

インデックスページなどのサムネイル画像は以下のようになっており、ズレが生じています。

これはあまりこれまでなかった現象かも。
投稿ページのアイキャッチ設定はどのようになっているのでしょうか?
できれば添付画像のようにキャプチャをいただければ幸いです。


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

あとエックスサーバーのサーバーパネルにある以下設定はどのようになっていますか?

https://gyazo.com/7d6cee45452afac6f873a752dcb80044

 

ブラウザキャッシュ設定

https://gyazo.com/259803cbd73ac55c5655d083b28481c4

画像はOFFですが、on・offに変更が反映するのに時間がかかります。

 

Xアクセラレータ

https://gyazo.com/f3ea9cd2d50a9a8c2387da2f94fef81e

画像はOFFですが、onでしょうか。現状はどんな感じかなと。

わいひらさんの質問と合わせて、今後のためにと思いまして。

ただ別ページで作成すれば反映されたので、全く別の問題で・データベースがうんたら…が原因とかかも知れません。そうなれば詳細な原因はよくわかりません。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

わいひら様

下がアイキャッチが出ない投稿ページの設定です。

人気記事にもこの投稿は出てこないので、ページビューもカウントされてないようです。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

アップローダーへのリンクがうまく貼れておりません。失礼しました。

この投稿のアイキャッチ設定はインデックスページと同じ水の入ったグラスが設定されております。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

かうたっく様

ブラウザキャッシュ設定:OFF

Xアクセラレータ:設定なし

となっております。

 


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

https://gyazo.com/c0c0bd7a63d2a3dcda8d190178b71f4a

はじめのとき、コチラの画像はアイキャッチでインデックス一覧トップページで確認したのもコチラでしたが、Cocoonのイメージ画像になってました。

それが再設定によって

になぜか採用されてしまったんですよね。

そのアルファベットの画像って、どこかで使用しましたか?

 

最近エックスサーバーで不可解な事ばかりなのでサーバー側の問題かと思ってお伺いしてます。

違った見方をしないとダメなのかなぁ… ?  ? …・・・。。


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

div class="eye-catch-wrap display-none"

<figure class="eye-catch" itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
<img src="h ttps://bteck.jp/wp-content/uploads/2018/06/alphabet-1223623_640.jpg" width="640" height="426" alt="">
<meta itemprop="url" content="https://bteck.jp/wp-content/uploads/2018/06/alphabet-1223623_640.jpg">
<meta itemprop="width" content="640">
<meta itemprop="height" content="426">
</figure>

/div

一部タグを変えてますが上記がHTML。

該当リンクまで、非常に遠いと思うので、再度リンクを置かせていただきますね。

https://bteck.jp/rowaterserver-merit-demerit/


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

https://bteck.jp/all-in-one-basic-1/

ここで使われている。。画像検索にて。

  • 公開2018.06.24
  • 更新2018.11.23

何か思い当たる節はないですか?


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

これが原因なのかどうかはちょっとわからないのですが、Cocoon設定の「OGP」タブにある「ホームイメージ」にアルファベットの画像を使用していたりしますか?


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

また、一度アイキャッチを削除して「更新」ボタンを押したあと、再度同様のアイキャッチを設定して「更新」ボタンを押しても不具合が再現されますか?


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

仰る通り、https化する際にCocoon設定の「OGP」タブにある「ホームイメージ」の画像をデフォルト?だったCocoonの画像からアルファベットの画像に変更しました。「ホームイメージ」の画像が何か影響しているんですかね?

アイキャッチ画像の削除→更新、再設定→更新しても状況は変わりません。


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

Cocoon設定・画像タブにある『アイキャッチの表示』の表示でアイキャッチを非表示にしたことはありますよね?

本文上にアイキャッチを表示する

投稿・固定ページトップにアイキャッチを表示します。

もしあるのであれば、なぜかその設定がそのページだけ残ってしまっているようです。

 

それにあわせて、非表示になるページのアイキャッチだけ、毎回OGPにあるホームイメージに使われている画像が表示されてる状態って感じです。


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

あとそのページには画像が元々入ってないようです。

一度それらしい画像を入れて、更新してみるとか、上記で書いた設定を再度行ってみるとか、やってどうなるか。何も変化がないか試してみる程度ですが。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

Cocoon設定の「アイキャッチの表示」を非表示にしたことはあますが、それはアイキャッチが表示されなくなってから試行錯誤していた時にそのようにしたと思います。

OGPにあるホームイメージと、問題のページのアイキャッチ画像を削除したり他の画像に差し替えたりいろいろしてみましたが変化なしです。

これ以上みんさんにお時間を取らせてしまっても申し訳ないので記事を差し替えようと思います。

ただ今後のために原因を突き止めたいと思っておられるのならばお付き合い致します。


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

一度それらしい画像を入れて、更新してみるとか、上記で書いた設定を再度行ってみるとか、やってどうなるか。何も変化がないか試してみる程度ですが。

OGPにあるホームイメージと、問題のページのアイキャッチ画像を削除したり他の画像に差し替えたりいろいろしてみましたが変化なしです。

記事内コンテンツに画像を入れると何かの拍子にうまく反映しないかと言う意味です。

 

https://wp-cocoon.com/community/bugs/%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E6%9B%B4%E6%96%B0%E5%86%85%E5%AE%B9%E3%81%8C%E5%8F%8D%E6%98%A0%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84/#post-9034

上に書いたCSSを記事下にあるカスタムCSSを入れると反映すると思います。

試されて表示がオカシイのであれば仕方ないですが。

ただ今後のために原因を突き止めたいと思っておられるのならばお付き合い致します。

個人的にはどちらでも。と思います^^

いま原因不明ですし、例えば記事単位でのデータベース関連問題だったらわからない。となるとおもうので。その記事だけ。と言う点が謎ですので。


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

ちょっと、これ以上は僕も原因がわからないので、とりあえずはここで終わりにさせていただこうと思います。
お力になれず、申し訳ないです。
僕の環境で試してみても再現できないですし、これまで同様の報告もないので、何かしらイレギュラーな原因なのかもしれません。


   
返信引用
(@ogabu)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

かうたっく様

カスタムCSSに入れても変化なしです。これ以上ご迷惑を掛けるわけにはいかないので今回はこれで終わりにします。

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


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

同様の問題が起きた方が書き込めるように、このトピックは開けたままにしておこうと思います。


   
返信引用
共有:

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

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

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

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

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

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

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

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