サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年4月6日 18:57
４月４日ごろから 投稿した記事のアイキャッチ画像が表示されなくなりました
プラグインも無効にして試してみましたが 表示されません
管理画面から投稿一覧を開き更新すると表示されます
投稿はJETPAKのメール投稿です
別のプログラムから、定期的にメール送信されるようにしております
４日までは、正常でした
また、投稿された記事はXにも投稿されます
X方は正常に画像表示されています
プラグインは
bbPress
Hello Dolly
Jetpack バージョン 13.3
TypeSquare Webfonts for エックスサーバーバージョン 2.0.5
XT Visitor Counterバージョン 1.4.2
XPoster - Share to Twitter/X from WordPressバージョン 4.1.2
が有効かされています すべてを無効にしても変わりません
JETPAKは投稿するため 無効にはしておりません
cocoon テーマ情報
----------------------------------------------
サイト名：いつかは海外移住! ENJOY!!!
サイトURL： https://www.cafetime-ocean.com
ホームURL： https://www.cafetime-ocean.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-colorful-line/style.css
WordPressバージョン：6.5
PHPバージョン：8.1.22
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.2.3
カテゴリー数：3
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：0
Font Awesome：4
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
bbPress 2.6.9
Hello Dolly 1.7.2
Jetpack 13.3
TypeSquare Webfonts for エックスサーバー 2.0.5
XT Visitor Counter 1.4.2
----------------------------------------------
2024年4月6日 19:28
Cocoonでいうところのアイキャッチとは、添付画像の赤枠部分のことを言います。こちらは表示されているようです。
https://www.cafetime-ocean.com/2024/04/06/usdjpy-h1%e7%a7%bb%e5%8b%95%e5%b9%b3%e5%9d%87%e7%b7%9a%e3%81%a8%e7%8f%be%e5%9c%a8%e5%80%a4rsi-2024-4-6-55959-2/
2024年4月6日 19:29
今回の質問の趣旨のアイキャッチとは以下のインデックスページのエントリーカードのサムネイルのことでしょうか？
トピックスターター 2024年4月6日 19:43
サムネイルの画像ですね 投稿は画像添付されていますので cocoon 設定で最初の画像を
アイキャッチにするようにしております
先のページは 管理画面から 投稿された記事を更新すると サムネイルともに反映されます
トピックスターター 2024年4月6日 19:51
新規で投稿をしてみます
トピックスターター 2024年4月6日 20:01
投稿テスト中から後が新規投稿です 前回の分は削除しました
トピックスターター 2024年4月6日 20:54
解決済みになっていました 未解決です
2024年4月6日 22:04
投稿編集画面の「投稿（更新）」ボタンを押したら、画像が本文中にあれば、自動適用される。
Jetpackのメール投稿だと、画像が本文中にあっても自動適用されない。
上記の症状ということであっていますでしょうか。
トピックスターター 2024年4月6日 22:09
はい その症状です 今まではJETPACKのメール投稿で 問題なく動作していたのですが
突然その現象が出ました
投稿は１００％ Jetpack で行っています いままでも
ちなみにJetpackはメール機能しか有効にしておりません
2024年4月6日 22:32
Jetpackのメール機能のことだとちょっと原因はわからないかもしれません。
WordPressのバージョンアップもそのぐらいの時期にあったので、WordPressのアップデートで何かしら仕様が変わった可能性があるのかもしれません。
ちなみにCocoonのアイキャッチの自動設定を無効にして、Auto Featured Imageプラグインを利用すると、アイキャッチは設定されてサムネイルに反映されますか？
https://wordpress.org/plugins/auto-post-thumbnail/
トピックスターター 2024年4月6日 22:36
2024年4月6日 22:42
ちなみにワードプレスのダウングレードも試してみましたがダメでした
そうなんですか。そしたら何が原因なんだろう。
Cocoonは特に画像の自動設定関係の変更は最近行ってないです。
2024年4月6日 22:46
失礼します。
トップページに、サムネイルが表示されているものがなかったので、2ページめの以下で確認をしました。
まずは、表示されている投稿から。
アイキャッチが表示されていて、以下のような状態です。
そして、表示されていない（No image）投稿ですけれど。
アイキャッチが表示されず、以下のような状態です。
「display-none」です。
そして、imgタグが、通常のCocoonのものと違うように思います。
classが全部ないです。
その他にも、decoding="async"や、fetchpriority="high"などがないように思います。
（アイキャッチが表示されている方と比較していただければと）
（アイキャッチが表示されている方と比較していただければと）
私の環境で「display-none」のものを見ると、それらのものは付いています。
上記のような違いがあるなと思っただけなのですけれど。
class「display-none」があるものと、ないものが混在することって・・・？
トピックスターター 2024年4月7日 08:32
Auto Post Thumbnail のプラグインで表示されるようになりました
あまりプラグインなどは使いたくありませんのでもう少し考えてみます
あるいはサイトの再構築などけんとうしてみます
cocoonテーマを一度削除して再度テーマを入れなおすことができますか？
それとも、最初から構築したほうが良いでしょうか？
トピックスターター 2024年4月7日 08:36
確かに言われるとおりかなと思いまいます CSSで少し記述していますが
それはbbPressに関してのみの記述だったと思います
以下ｃｓｓ
/* メールアドレスを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(3) {
display: none;
}
/* ウェブサイトを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(4) {
display: none;
}
/* ##配色
*
* - white: white
* - gray: whitesmoke
* - black: slategray
* - sub: #F0FAFA
* - main: #60CAAD
*
* 上のカラーコードで検索かけて一括変換すればお好みの色に変えられます。cssの辛いとこね、これ
*
*/
/*bbPressフォーラム一覧画面*/
#bbpress-forums ul.bbp-forums {
border: none;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-freshness {
display: none;
}
#bbpress-forums li.bbp-body ul.forum {
border-top: none;
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#bbpress-forums li.bbp-forum-info {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content {
position: relative;
display: inline-block;
padding: .5em 1em .5em 5px;
min-width: 200px;
max-width: 100%;
border-radius: 3px;
color: slategray;
background: whitesmoke;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content::before {
content: "";
position: absolute;
top: -20px;
left: 30px;
margin-left: -15px;
border: 10px solid transparent;
border-bottom: 10px solid whitesmoke;
}
#bbpress-forums .bbp-forum-info a.bbp-forum-title {
display: block;
font-size: 1.2em;
font-weight: 900;
color: #60CAAD;
/*カテゴリー名の文字色*/
text-decoration: none;
padding: 15px 15px 15px 0;
}
#bbpress-forums li.bbp-body li.bbp-forum-topic-count {
text-align: center;
vertical-align: middle;
margin-top: 15px;
width: 25px;
min-width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
background: whitesmoke;
color: slategray;
}
/*bbPressトピック一覧画面*/
.bbp-template-notice, #bbpress-forums li.bbp-topic-title p.bbp-topic-meta, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-freshness, #bbpress-forums .bbp-pagination {
display: none;
}
#bbpress-forums ul.bbp-topics, #bbpress-forums li.bbp-header {
border: none;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background: white;
}
#bbpress-forums li.bbp-body ul.topic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink {
display: block;
font-weight: 900;
color: #60CAAD;
/*カテゴリー名の文字色*/
text-decoration: none;
padding: 15px 15px 15px 0;
}
#bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count {
text-align: center;
vertical-align: middle;
margin-top: 15px;
width: 25px;
min-width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
background: whitesmoke;
color: slategray;
}
/*トピック作成フォーム*/
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form {
background: white;
border: none;
padding: 0;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend {
position: relative;
padding: 10px 40px 10px 10px;
margin: 0 0 1em;
line-height: 20px;
background: #F0FAFA;
border-left: 40px solid #60CAAD;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend::before {
content: "\f5ad";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 2em;
color: white;
position: absolute;
left: -32px;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form label, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form select, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form br {
display: none;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before{
content: "タイトル";
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
content: "本文";
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
color: slategray;
line-height: 50px;
background: #F0FAFA;
padding: .5em 1.5em;
border-radius: 30px;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form input#bbp_topic_title, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form textarea#bbp_topic_content {
width: 100%;
background: whitesmoke;
border: none;
box-shadow: none;
outline: none;
-webkit-appearance: none;
appearance: none;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
float: none;
text-align: center;
}
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_topic_submit {
width: 100%;
max-width: 600px;
margin: auto;
background: #60CAAD;
color: white;
border: none;
border-radius: 3px;
}
/*トピック詳細画面*/
#bbpress-forums ul.bbp-replies {
border: none;
}
#bbpress-forums div.bbp-reply-header {
background-color: white;
border-top: none;
}
#bbpress-forums div.bbp-reply-author {
width: 20%;
}
#bbpress-forums .bbp-author-role, #bbpress-forums .bbp-reply-ip, #bbpress-forums .bbp-reply-permalink, #bbpress-forums span.bbp-admin-links {
display: none;
}
#bbpress-forums .bbp-meta {
text-align: right;
}
#bbpress-forums .bbp-body span.bbp-reply-post-date {
color: #ccc;
}
#bbpress-forums div.bbp-reply-author img.avatar {
margin: 0 auto;
border-radius: 50%;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
color: slategray;
text-decoration: none;
}
#bbpress-forums div.bbp-reply-content {
position: relative;
display: inline-block;
padding: 30px;
margin-left: 20px;
min-width: 200px;
max-width: calc( 80% - 20px);
border-radius: 3px;
color: slategray;
background: whitesmoke;
}
#bbpress-forums div.bbp-reply-content::before {
content: "";
position: absolute;
left: -20px;
top: 30px;
border: 10px solid transparent;
border-right: 10px solid whitesmoke;
}
@media(max-width:480px) {
#bbpress-forums .bbp-body div.bbp-reply-author {
margin: 0;
min-height: 85px;
}
#bbpress-forums .bbp-body div.bbp-reply-content {
margin: 0;
}
#bbpress-forums .bbp-body div.bbp-reply-content p {
padding: .5em 1em;
margin: 0;
}
#bbpress-forums div.bbp-reply-content::before {
top: -20px;
left: 20px;
border: 10px solid transparent;
border-bottom: 10px solid whitesmoke;
}
}
/*返信フォーム*/
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend {
position: relative;
padding: 10px 40px 10px 10px;
margin: 0 0 1em;
line-height: 20px;
background: #F0FAFA;
border-left: 40px solid #60CAAD;
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend::before {
content: "\f5ad";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 2em;
color: white;
position: absolute;
left: -32px;
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form {
border: none;
padding: 0;
background: white;
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form textarea#bbp_reply_content {
width: 100%;
background: whitesmoke;
border: none;
box-shadow: none;
outline: none;
-webkit-appearance: none;
appearance: none;
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
float: none;
text-align: center;
}
#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_reply_submit {
width: 100%;
max-width: 600px;
margin: auto;
background: #60CAAD;
color: white;
border: none;
border-radius: 3px;
}
/*匿名投稿を可能にする時用*/
fieldset.bbp-form p.form-allowed-tags,
fieldset.bbp-form>div>fieldset.bbp-form {
display: none;
}
/*コメント欄*/
.comment-form-email,.comment-form-url,.comment-notes{ display:none; }
/ トップページのアイキャッチ カテゴリ非表示 /
.cat-label {
display: none;
}
現在このCSSも削除しております
2024年4月7日 12:58
cafetimeさん
私が書いた「display-none」は、以下の赤枠・赤矢印部分です。
「Cocoon設定」の以下の部分のチェックを外すと、class「display-none」が出てくる認識でいます。
（このクラスが出てくると、親テーマのCSSの「display:none」があたって非表示になる）
（このクラスが出てくると、親テーマのCSSの「display:none」があたって非表示になる）
そのため、class「display-none」がある投稿、ない投稿は、混在しないはずではないかと思っています。
しかし実際には、cafetimeさんのサイトは、それが混在しているため、これは何故だろうと、疑問に思っているところです。
（私の認識違いでなれば。他にアイキャッチ非表示の設定はなかったような・・・）
そして、上記1枚目の画像の青枠・青矢印部分を見ると、アイキャッチ画像自身は設定されているようです。
この場合、エントリーカードのサムネイルは、「No Image」とはならないはずです。
しかしながら、cafetimeさんのサイトは、これも「No Image」になってしまっています。
imgタグのclassが無かったり、他の属性が無かったり以外にも、違いがあるような感じで、それは何故なんだろうと、疑問に思っているところです。
ちなみに、Jetpackのメール投稿をご利用とのことですよね。
直接WordPressのエディタから手更新をした場合も、同じような事象は発生するのでしょうか。
投稿方法以外は同条件、アイキャッチは本文中の最初の画像を自動設定。
同じ条件でやってみて、どういう結果になるのか、確認していただけますでしょうか。
（既に確認なさっていましたでしょうか）
もし、WordPressのエディタを手更新で問題がないのであれば、Jetpackのメール投稿が影響している可能性が高いということだと思います。
（どこに不具合の原因があるかは別にして）
（どこに不具合の原因があるかは別にして）
わいひら reacted
トピックスターター 2024年4月7日 15:15
ありがとうございます
JETPACKもダウングレードしてみたのですが、現象は同じでした
手動更新の場合アイキャッチ、サムネイルうまくいきます
さすがにお手上げです わいひらさんからのプラグインでうまくいっていますので
しばらくこちらで対応してみたいと思います
思い切って 最初から作り直したほうが良いのかもしれませんね
xにも連携しておりましたが こちらはうまくブログカードとして表示されています
ちなみに cocoonをリセットしたら完全にサラの状態に戻りますか？
それとも 本体の不具合として 思い切ってワードプレス本体からのほうが良いでしょうか？
2024年4月7日 16:36
cafetimeさん
手動更新の場合アイキャッチ、サムネイルうまくいきます
そうなんですね。
謎ですね。
「Auto Post Thumbnail」をご使用になれば、メール投稿でも上手くいくのですね。
当面は、この方法が現実的かもしれないですね。
xにも連携しておりましたが こちらはうまくブログカードとして表示されています
現状は、アイキャッチの自動設定は解除した状態でしょうか。
とりあえず、最初に表示されていた以下の投稿を確認しました。
エントリーカードのサムネイルは「NO IMAGE」ですけれど。
投稿のアイキャッチは、非表示ではあるものの、Cocoonのいつもの画像が設定されています。
この状態で、Twitterカードを確認すると、やはりCocoonのいつもの画像が設定されています。
エントリーカードのサムネイルは、やはり上手くいかないですね。
（その他は上手くいっている？ 先の様子だとアイキャッチは自動設定時が怪しそうですけれど）
（その他は上手くいっている？ 先の様子だとアイキャッチは自動設定時が怪しそうですけれど）
わいひら reacted
2024年4月7日 16:41
ちなみに cocoonをリセットしたら完全にサラの状態に戻りますか？
それとも 本体の不具合として 思い切ってワードプレス本体からのほうが良いでしょうか？
こちらについては、可能性は薄いような気はします。
手更新で上手くできますし、プラグインを使っても上手くいっていますし。
WordPress本体や、親テーマの一部のファイルが破損している可能性を疑うとすると、手動で再インストールすることで、綺麗にできますので、試してみても良いような気はします。
（ただ、可能性は薄そうには思いますけれど）
WordPress本体は、以下をクリックすれば、再インストールできます。
親テーマは、以下の手順でできます。
（バージョンが同じでもOKです）
（バージョンが同じでもOKです）
Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/
https://wp-cocoon.com/manual-update-of-cocoon-theme/
わいひら reacted
トピックスターター 2024年4月7日 17:04
ちなみに cocoonをリセットしたら完全にサラの状態に戻りますか？
それとも 本体の不具合として 思い切ってワードプレス本体からのほうが良いでしょうか？
こちらについては、可能性は薄いような気はします。
手更新で上手くできますし、プラグインを使っても上手くいっていますし。
WordPress本体や、親テーマの一部のファイルが破損している可能性を疑うとすると、手動で再インストールすることで、綺麗にできますので、試してみても良いような気はします。
（ただ、可能性は薄そうには思いますけれど）WordPress本体は、以下をクリックすれば、再インストールできます。
親テーマは、以下の手順でできます。
（バージョンが同じでもOKです）Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/
現状は、アイキャッチの自動設定は解除した状態です
投稿は明日の朝からほぼ１時間おきに始まりますのでしばらく様子見ます
まあcocoonの機能であるのにプラグインを入れなければならないのが
残念ですが 折を見て一旦ワードプレス自体をサーバーから削除して最初から
構築をいたします
ありがとうございます
一旦、未解決保留いたします
折を見て記入いたします ありがとうございます
2024年4月7日 17:06
cafetimeさん
お力になれず、申し訳ないです。
まったく別件なのですが、気づいてしまいましたので、書かせていただきます。
ヘッダー背景画像が、Mixed Content（混在コンテンツ）になっています。
例えば、Firefoxで閲覧すると、以下のように「安全でない」的な表示をされてしまいます。
ヘッダー背景画像の設定し直しをお勧めします。
（「https」にする）
（「https」にする）
わいひら reacted
2024年4月8日 19:46
ちなみに以下のファイルでテーマをアップデートした状態かつ
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
「アイキャッチ自動設定を有効にする」を有効にした状態でJetpackからメールでポストすると、アイキャッチは反映されますでしょうか？
トピックスターター 2024年4月9日 10:20
お待ちください
一旦最初からすべて作り直して 先ほどほぼ完成しました
Xサーバーのワードプレス サブも含めすべて削除
再構築してみました 先ほど自動投稿が行われましたが NOイメージですね
わけがわかりません
----------------------------------------------
サイト名：いつかは海外移住! ENJOY!!!
サイトURL： https://www.cafetime-ocean.com
ホームURL： https://www.cafetime-ocean.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/raku-color-changing/style.css
WordPressバージョン：6.5
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.2.3
カテゴリー数：3
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Hello Dolly 1.7.2
Jetpack 13.2
TypeSquare Webfonts for エックスサーバー 2.0.5
XPoster - Share to Twitter/X from WordPress 4.1.2
XT Visitor Counter 1.4.2
----------------------------------------------
わいひら さんの開発バージョン入れてみます
トピックスターター 2024年4月9日 10:29
次のJETPACK での投稿は１１：００です
バージョンUPしました
----------------------------------------------
サイト名：いつかは海外移住! ENJOY!!!
サイトURL： https://www.cafetime-ocean.com
ホームURL： https://www.cafetime-ocean.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/raku-color-changing/style.css
WordPressバージョン：6.5
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.2.7
カテゴリー数：3
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Hello Dolly 1.7.2
Jetpack 13.2
TypeSquare Webfonts for エックスサーバー 2.0.5
XPoster - Share to Twitter/X from WordPress 4.1.2
XT Visitor Counter 1.4.2
----------------------------------------------
トピックスターター 2024年4月9日 11:06
出ません 😓 わかりません 🤣
Auto Featured Imageプラグインを利用をいたします
１２：００の投稿はJETPACK ＋ Auto Featured Imageプラグイン を使用します
わいひら reacted
2024年4月9日 17:23
事象としては、ほぼほぼ以前と同じなようです。
（少し違う部分もあります）
境目の以下の部分で、確認しました。
下の画像は「NO IMAGE画像」に、登録したものでしょうか？
まず、正しい状態と思われるものから。
投稿にアイキャッチが表示されています。
ソースも、何か問題があるようには思わないです。
続いて、おそらく上手くいっていない、以下の投稿です。
アイキャッチは非表示です。
ソースを見るとclass「display-none」が出てきています。
imgタグについては、
- classがありません
- decoding="async"、fetchpriority="high"もありません
これらは、以前と同様かと思います。
以前との違いは、アイキャッチに登録されている画像が、エントリーカードに表示されているものと、一致することです。
（NO IMAGE画像に登録されているもの？）
（NO IMAGE画像に登録されているもの？）
以前（最初）の事象では・・・。
トピックスターター 2024年4月9日 18:47
cocoon設定でNO IMAGEの場合は・・で画像を設定しています
ビーチの画像がそうです
現在はAuto Featured Imageのプラグインでアイキャッチを出している状態です
cocoonの設定の画像 アイキャッチの自動設定はOFF チェック入れていません
となるとメール投稿に問題があるということになるのでしょうか
メール送信は自動化しております ちなみに自作ですがC#で作っています
一つのフォルダにメール本文とGIF画像を入れるとGIFU画像を添付して送るようにしてあります
メール本文も自動生成です
この変に問題があるのかなとも思ってきました ワードプレスUPデートとJETPACK UPデートで
おかしくなったのかもですね
ちなみに自動生成される本文は
Subject: USDJPY-H1移動平均線と現在値(RSI)-2024.4.9 18:34:58
Body: <html><body><h2>ASK :151.842</h2><h2>BID :151.820</h2><br><h2>20日移動平均線 :151.834</h2><h2>50日移動平均線 :151.733</h2><h2>75日移動平均線 :151.626</h2><h2>100日移動平均線:151.641</h2><h2>200日移動平均線:151.546</h2><h2>RSIレベル(9日) : 45.02</h2><br><h4>移動平均線の状態: トレンドなし</h4><h4>RSIの状態 : RSIは正常範囲内です。</h4><h4>乖離の状態: ASK - 0.01% 適正（3%基準）, BID - -0.01% 適正（3%基準）</h4><h2>20日移動平均乖離</h2><p>ASKの乖離 : 8.0</p><p>BIDの乖離 : -14.0</p><h2>50日移動平均乖離</h2><p>ASKの乖離 : 108.5</p><p>BIDの乖離 : 86.5</p><h2>75日移動平均乖離</h2><p>ASKの乖離 : 215.8</p><p>BIDの乖離 : 193.8</p><h2>100日移動平均乖離</h2><p>ASKの乖離 : 201.4</p><p>BIDの乖離 : 179.4</p><h2>200日移動平均乖離</h2><p>ASKの乖離 : 296.1</p><p>BIDの乖離 : 274.1</p><a href= https://www.cafetime-ocean.com/forums/forum/%e8%87%aa%e7%94%b1%e6%8a%95%e7%a8%bf/><h2>フォーラム自由投稿</h2></a></body></html>
このようになっています これに GIF画像が添付されて送られます
ちなみにコードエディタで見ると
<h2>ASK :151.907-</h2>
<h2>BID :151.884-</h2>
<h2>20日移動平均線 :151.649</h2>
<h2>50日移動平均線 :151.563</h2>
<h2>75日移動平均線 :151.506</h2>
<h2>100日移動平均線:151.305</h2>
<h2>200日移動平均線:150.240</h2>
<h2>RSIレベル(9日) : 60.87</h2>
<h4>移動平均線の状態: 上昇パーフェクトオーダー中（上向きトレンド）</h4>
<h4>RSIの状態 : RSIは正常範囲内です。</h4>
<h4>乖離の状態: ASK - 0.17% 適正（3%基準）, BID - 0.15% 適正（3%基準）</h4>
<h2>20日移動平均乖離</h2>
ASKの乖離 : 257.9
BIDの乖離 : 234.9
<h2>50日移動平均乖離</h2>
ASKの乖離 : 344.3
BIDの乖離 : 321.3
<h2>75日移動平均乖離</h2>
ASKの乖離 : 401.4
BIDの乖離 : 378.4
<h2>100日移動平均乖離</h2>
ASKの乖離 : 601.9
BIDの乖離 : 578.9
<h2>200日移動平均乖離</h2>
ASKの乖離 : 1667.3
BIDの乖離 : 1644.3
<h2><a href="https://www.cafetime-ocean.com/forums/forum/%E8%87%AA%E7%94%B1%E6%8A%95%E7%A8%BF/">フォーラム自由投稿</a></h2>
<a href="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY240_20240409_180009.gif" rel="attachment wp-att-111"><img class="alignnone size-full wp-image-111" title="usdjpy240_20240409_180009-gif" src="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY240_20240409_180009.gif" alt="" width="1024" height="1024" /></a>
とこうなります
うーーん
よくわかりません
2024年4月9日 19:11
cafetimeさん
原因は分かりませんが、メール投稿に何かがあるのだと思います。
（どこに不具合があるのかは別にして、起因（関節原因）はメール投稿にある。メール投稿だと何が違うのか・・・）
ちなみにですが・・・。
メール投稿の場合に、アイキャッチを指定することはできないのでしょうか。
（自動設定ではなく、メール投稿で直接アイキャッチの指定ができれば・・・と思ったのですけれど。）
とりあえず、先に比較した2つの投稿で他に違うところを探してみました。
本文中の画像に少しだけ違いがあります。
まずは、上手くいっているであろう、以下の投稿です。
まず、正しい状態と思われるものから。
本文中の画像は、以下のような感じです。
<p>
<a rel="attachment wp-att-71" href="https://www.atlantis.cafetime-ocean.com/"></a>
<a rel="attachment wp-att-71" href="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY60_20240409_120003.gif">
<img decoding="async" src="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY60_20240409_120003.gif" alt="" title="usdjpy60_20240409_120003-gif" width="1024" height="1024" class="alignnone size-full wp-image-71">
</a>
</p>
そして、上手くいっていないであろう、以下の投稿です。
続いて、おそらく上手くいっていない、以下の投稿です。https://www.cafetime-ocean.com/2024/04/09/usdjpy-h1%e7%a7%bb%e5%8b%95%e5%b9%b3%e5%9d%87%e7%b7%9a%e3%81%a8%e7%8f%be%e5%9c%a8%e5%80%a4rsi-2024-4-9-110010/
本文中の画像は以下のような感じです。
<p>
<a rel="attachment wp-att-67" href="https://www.atlantis.cafetime-ocean.com/"></a>
<a rel="attachment wp-att-67" href="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY60_20240409_110011.gif">
<img fetchpriority="high" decoding="async" src="https://www.cafetime-ocean.com/wp-content/uploads/2024/04/USDJPY60_20240409_110011.gif" alt="" title="usdjpy60_20240409_110011-gif" width="1024" height="1024" class="alignnone size-full wp-image-67">
</a>
</p>
こちらは、imgタグに「fetchpriority="high" 」が付いています。
本文中の画像に、これが付くものだったのかどうか・・・。
（アイキャッチにはつくのだと思いますけれど。）
別にこれが原因という訳ではなく・・・。
原因が分かりませんので、些細なことでも違いを探している状態です。
わいひら reacted
2024年4月9日 19:21
以下を見る限り、メール投稿ではアイキャッチの指定はできない感じですね。
Post by Email
https://jetpack.com/support/post-by-email/
【追記】
日本語ページもありました。
わいひら reacted
2024年4月10日 01:31
こんなことを言っては・・・ですけれど。
例えば、Jetpack以外のメール投稿プラグインを使ってみるというのも、1つの方法なのかもしれないです。
しかし、それで上手くいくとは限りません。
Jetpack＋Auto Featured Imageで、問題が起きていないのですから、このままでも良さそうな気はします。
（本当は、他のプラグインを使わなくても済むのがベストだとしても、セカンドベスト？ベター？ではあるかな・・・と）
トピックスターター 2024年4月10日 12:27
タイムラグはあますがPostie でうまくいきました
が今度はXにポストができなくなりました 一難去ってまた一難です
まあ、模索してみます
トピックスターター 2024年4月10日 12:30
JETPACKで投稿された記事をすぐ更新するプラグインはありませんか？
投稿 すぐ更新 手動更新すると問題ないのですが
2024年4月10日 17:50
JETPACKで投稿された記事をすぐ更新するプラグインはありませんか？
投稿 すぐ更新 手動更新すると問題ないのですが
ちょっと、思いつかないですけれど。
それは結局プラグインが増えるということのような気がします。
何も内容を変えないのに空更新するということでしょうか？
もしそうだとすると、イレギュラーな運用のような気がします。
Jetpack＋Auto Featured Imageではなく、そちらの方が良い理由みたいなものはありますでしょうか。
トピックスターター 2024年4月10日 18:15
Postieで問題ないですが まあ5分ぐらいのラグなので大したことはないです
色々調べているとJETPACKの問題のようですね
Xのポストができなくなったのが今度は問題です
Jetpack＋Auto Featured Imageではページを開いたときに 一番上に画像が出ないのが
少し見づらいかな 下までスクロールしなくてはいけないので
COCOONの設定で上に持っていく設定がありましたか？
投稿はJetpack＋Auto Featured Imageで行ったもの
USDJPY-H1移動平均線と現在値(RSI)-2024.4.10 0:00:00 | いつかは海外移住! ENJOY!!! (cafetime-ocean.com)
次はJETPACKのみで手動更新したページ
USDJPY-H4移動平均線と現在値(RSI)-2024.4.9 22:00:10 | いつかは海外移住! ENJOY!!! (cafetime-ocean.com)
次はPostieで投稿したものですがXにツイートされない
USDJPY-H1移動平均線と現在値(RSI)-2024.4.10 12:00:16 | いつかは海外移住! ENJOY!!! (cafetime-ocean.com)
ページの見え方が違うので どちらかとゆうと後者のほうが見やすいのです
自分的なこだわりですけど
2024年4月10日 18:39
cafetimeさん
ちょっと噛み合っていないです。
Postieで問題ないですが まあ5分ぐらいのラグなので大したことはないです
色々調べているとJETPACKの問題のようですね
Xのポストができなくなったのが今度は問題です
Postieで、一気に公開してしまうので、何らかの原因でX(Twitter)のプラグインが連携しないのかと思いました。
ですので、予約投稿であれば、公開の処理自体はWordPressだけの話になるので、Postieで投稿をする際に「予約投稿」にできないのかなと思った次第です。
今テスト環境にインストールしてみると「future」というステータスがあるみたいですが、これは違うのでしょうか。
（WordPress本体は、予約投稿の際はボタンは「Schedule」と表示されて一致しないのが気になるところです）
わいひら reacted
2024年4月10日 18:41
Jetpack＋Auto Featured Imageではページを開いたときに 一番上に画像が出ないのが
少し見づらいかな 下までスクロールしなくてはいけないので
COCOONの設定で上に持っていく設定がありましたか？
これは、投稿の記事の作り方の問題という気はしますけれど。
Jetpackでは、本文中に画像を入れるようなことができないということでしょうか。
Cocoonは、特に本文中に介入することはないと思います。
（記事作成者の方が編集した通りに、公開される）
【追記】
昨日リンクした、Jetpackの以下ですけれど。
メール投稿
https://jetpack.com/ja/support/post-by-email/
インライン画像というものが見えますけれど、これは本文中に画像を入れたりはできないものなのでしょうか。
いずれにせよ、メール投稿はしたことがないもので、良く分からないところですけれど。
わいひら reacted
トピックスターター 2024年4月11日 22:53
すこーし原因がわかってきました
おそらくワードプレスとかサーバーの仕様が高速になったために
WordPressのテーマが投稿内の最初の画像をアイキャッチ画像として自動的に設定する機能を持っている場合でも、メール経由で投稿されたコンテンツではうまく動作しないことがあります。この問題は、メールからWordPressへの投稿プロセス中に、画像が適切にメディアライブラリに登録されず、投稿内容として直接HTMLイメージタグとして挿入されているために起こり得ます。テーマの自動アイキャッチ設定機能は通常、メディアライブラリ内の画像を参照するため、直接HTMLに挿入された画像は認識されない可能性があります。
解決策としては、メールの添付画像をWordPressのメディアライブラリにアップロードし、投稿に正式に関連付けるステップを明示的に行う必要があります
ということでした
色々検討した結果 ファンクションPHPをいじれば何とかいけそうでした
Code Snippetsをつかぅて
ファンクションPHPに以下の追加を行いました
function auto_set_featured_image_from_content($post_ID, $post, $update) {
// アイキャッチがすでに設定されているか、または投稿がリビジョンである場合は何もしない
if (has_post_thumbnail($post_ID) || wp_is_post_revision($post_ID)) {
return;
}
// 投稿のコンテンツから最初の画像URLを抽出
$content = $post->post_content;
$first_img_url = '';
if (preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches)) {
$first_img_url = $matches[1][0];
}
// 画像URLが見つかった場合のみ処理を続ける
if (!empty($first_img_url)) {
// 画像をメディアライブラリにインポートし、アタッチメントIDを取得
require_once(ABSPATH . 'wp-admin/includes/media.php');
require_once(ABSPATH . 'wp-admin/includes/file.php');
require_once(ABSPATH . 'wp-admin/includes/image.php');
$imported_img_id = media_sideload_image($first_img_url, $post_ID, null, 'id');
// アタッチメントIDが有効な場合、それをアイキャッチ画像として設定
if (!is_wp_error($imported_img_id)) {
set_post_thumbnail($post_ID, $imported_img_id);
}
}
}
add_action('save_post', 'auto_set_featured_image_from_content', 10, 3);
と
function auto_set_featured_image_from_content($post_ID, $post, $update) {
// 投稿のコンテンツから最初の画像URLを抽出
$content = $post->post_content;
$first_img_url = '';
if (preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches)) {
$first_img_url = $matches[1][0];
}
// 画像URLが見つかった場合のみ処理を続ける
if (!empty($first_img_url)) {
// 画像をメディアライブラリにインポートし、アタッチメントIDを取得
require_once(ABSPATH . 'wp-admin/includes/media.php');
require_once(ABSPATH . 'wp-admin/includes/file.php');
require_once(ABSPATH . 'wp-admin/includes/image.php');
$imported_img_id = media_sideload_image($first_img_url, $post_ID, null, 'id');
// アタッチメントIDが有効な場合、それをアイキャッチ画像として設定
if (!is_wp_error($imported_img_id)) {
set_post_thumbnail($post_ID, $imported_img_id);
}
}
}
add_action('save_post', 'auto_set_featured_image_from_content', 10, 3);
です
優先順位を１としています
まだ挙動が不安定なので、もう少し回廊の余地があるかもしれません
とりあえずご報告
メール投稿に限りですね
わいひら reacted
トピックスターター 2024年4月13日 22:19
みなさま すみません最終的に Code Snippets
のプラグインを使い 新規追加 ファンクションPHPに以下のコードを追加してみました
何気にうまくいっている気がします
function auto_set_featured_image_from_content($post_ID, $post, $update) {
// この投稿に対する処理が既に進行中か確認
if (get_transient('setting_featured_image_' . $post_ID)) {
return; // 処理が進行中ならば何もしない
}
// 処理開始を示すトランジェントを設定（5分後に自動的に削除）
set_transient('setting_featured_image_' . $post_ID, 'true', 5 * MINUTE_IN_SECONDS);
// 投稿のコンテンツから最初の画像URLを抽出
$content = $post->post_content;
$first_img_url = '';
if (preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches)) {
$first_img_url = $matches[1][0];
}
if (!empty($first_img_url)) {
require_once(ABSPATH . 'wp-admin/includes/media.php');
require_once(ABSPATH . 'wp-admin/includes/file.php');
require_once(ABSPATH . 'wp-admin/includes/image.php');
$imported_img_id = media_sideload_image($first_img_url, $post_ID, null, 'id');
if (!is_wp_error($imported_img_id)) {
set_post_thumbnail($post_ID, $imported_img_id);
}
}
// 処理完了後、トランジェントを削除
delete_transient('setting_featured_image_' . $post_ID);
}
add_action('save_post', 'auto_set_featured_image_from_content', 10, 3);
COCOONの画像アイキャッチもONで設定しましたJETPACKメール投稿でOKのようです
たまにXへの連携で 画像が表示されないのはまあしかたないです
ありがとうございます
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。