サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年11月18日 15:02
こんにちは。初めての投稿になります。
アイキャッチ画像を選ぶのが面倒なときがあります。NO IMAGE設定がCocoonにはありますが、タイトルなどを動的に読み込んでくれる機能があるととても嬉しいです。
例えばQiitaというサイトは記事のタイトルから自動的にアイキャッチを生成するようになっています。同じような機能をCocoonにも実装できないでしょうか？
厚かましい要望になり大変恐縮ですが、ご検討いただけますと幸いです。
なお、以下の記事が参考になるかもしれません。
stmap reacted
2020年11月19日 21:57
一つ質問なんですが、リンク先にプラグインとして使えるようなことが書いてあるので、それを利用するというのではダメなのでしょうか。
Topic starter
2020年11月20日 09:12
ご返信ありがとうございます。
ソースをfunction.phpに貼り付けて動作確認したところ、私の環境では添付画像のような入力フォームが編集画面に現れるだけで「作成」をクリックしてもアイキャッチ画像は生成されませんでした。
環境は
- Wordpress 5.5.3
- PHP 7.3.16
- Cocoon (cocoon-master) 2.2.4.5
となっています。
動作はしませんでしたが所望の機能を実装に役立つかと思い、リンクを添付させていただきました。
2020年11月20日 11:20
https://qiita.com/miyabiya/items/853ab9762028e7ba3b76
こちらの記事を拝見しましたが、クラシックエディター前提のコードではないでしょうか。
動作確認まではしていませんが、ブロックエディターで例えば
「Cocoon設定でサムネイル背景用の画像を設定し、投稿や固定ページの公開・更新と同時にその背景画像にタイトルを描写する。」
といった機能をきちんと実装するには、canvasからサムネイル画像を生成する部分はReactコンポーネント化する必要がありそうです。
なので、提示された記事のサンプルコードはあまり参考にならないかと思います。
ソースをfunction.phpに貼り付けて動作確認したところ、私の環境では添付画像のような入力フォームが編集画面に現れるだけで「作成」をクリックしてもアイキャッチ画像は生成されませんでした。
プラグインはクラシックエディターでも動作しなかったのでしょうか？
Topic starter
2020年11月20日 13:55
ご返信ありがとうございます。もともとGutenbergでしたが、クラシックエディタでも動作しませんでした。
少し調べてみると、まだβ版みたいですがOGPanicというサービスがあるみたいです。正直ここまでおしゃれにしなくてもベース画像にタイトルだけ表示してくれるだけでかなりありがたいんですが、、、
やはり、動的にOGP画像を生成するのは開発コスト高めですかね。。。
2020年11月20日 16:14
プラグインを入れて、ブロックエディターとクラシックエディターで作成ボタンを押して試してみました。
同じ”動作しない”結果でも、
- クラシックエディターではJSのエラーが出る。（＝JSを修正すれば動作する。）
- ブロックエディターではJSのエラーが出ない。（＝JS自体が実行できていない。）
という結果だったので、クラシックエディターのみならサンプルコードをもとにちょっとした修正で動作しそうですが、ブロックエディターではやはりJSの実行タイミングを見直す（Gutenbergに合わせてReactコンポーネント化するなど）必要があります。
Topic starter
2020年11月20日 17:31
ろこさんご丁寧にありがとうございます。
2020年11月20日 20:27
えるさま
ろこさま
Ｙhira様
皆様詳細で高級な理解と願いがあって、いつも感心しきりです。
Cocoon機能では、私がアイキャッチ画像設定を忘れると、文章内の最初の画像をアイキャッチに自動生成してくれる設定が選択できているので、忘れやすい私は、その機能で本当にいつも助かっています。
後で気が付いて、アイキャッチを置換しています。
URLの英文を入れるところも、以前は毎回自分で半角ハイフンを英単語の間に入れていましたが、最近は、英文を入れると自動で半角ハイフンが入るので感激しました。
苦労して10年前にホームページを作った方からも、Cocoon製のブログを見て、素晴らしい機能を持ったテーマが無料なんですねと、感心されました。
Ｙhira様、いつもありがとうございます。
体調の回復を願っています。
猫
2020年11月23日 23:03
僕も初めてのコメント失礼します。
えるさんと同じくこの機能を要望したいので、検討お願いします！
2020年11月27日 19:34
申し訳ないですが、開発コストや保守コストが高くなりそうなので、この機能は採用しないと思います。
便利だからといって、採算度外視で何でも取り入れるということは難しいです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。