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

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

このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。

GitHubの特定URLでブログカード...
 
通知
すべてクリア

[解決済] GitHubの特定URLでブログカード化されない

5 投稿
2 ユーザー
2 Reactions
120 表示
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4546
トピックスターター  

----------------------------------------------
テーマ名:Cocoon
バージョン:2.9.3.3
カテゴリー数:18
タグ数:123
投稿数:1754
固定ページ数:12
ユーザー数:1
----------------------------------------------

●現象

以下の「ブログカード」ブロックで、以前はブログカードだったが、テキストリンクとなった

<!-- wp:cocoon-blocks/blogcard -->
<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a href="https://github.com/xserver-inc/cocoon/blob/9de3b38ce1b1f236ff12b449951028c651533a28/skins/skin-made-in-heaven/style.css#L3549-L3551"> https://github.com/xserver-inc/cocoon/blob/9de3b38ce1b1f236ff12b449951028c651533a28/skins/skin-made-in-heaven/style.css#L3549-L3551</a> 
</div>
<!-- /wp:cocoon-blocks/blogcard -->

●原因

ブログカードの生成処理において、Webページ以外の不要なファイルを弾くための拡張子判定ロジックが組み込まれた。
しかし、その許可リストから拡張子「CSS」が漏れてしまっていたことが原因で、以前は表示できていたURLがテキストリンクのままになってしまう「デグレード」が発生した。

https://wp-cocoon.com/community/postid/88861/


●対策

以下に対象拡張子に「css」を追加する。

https://github.com/xserver-inc/cocoon/blob/24f085b8bb7edec07213d0ee687644cda22ebfd6/lib/blogcard-out.php#L148



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

 ご指摘いただきありがとうございます。

投稿者:: @chu-ya

●対策

以下に対象拡張子に「css」を追加する。

 この方法だとGitHubにおいて全ての拡張子に対応する必要があり、モグラ叩きになるので、方針を変更しました。

OGP取得に3MBのダウンロード上限とContent-Type判定を追加しました。そして拡張子判定をブラックリスト化し、css/js等のソースコードURLもカード化できるようにしました。
https://github.com/xserver-inc/cocoon/commit/8e517cac1a2234f3268d328bab89a5e7883a5256



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

1点質問なんですが、貼り付けていただいたソースコードのURLの手前に半角スペースが入っています(添付画像1枚目)。
これは大門さんのブロックエディター画面のソースコードでも同様に半角スペースが入っているのでしょうか。
僕の環境で同様にブログカードブロックを作成してみたのですが、添付画像2枚目のように半角スペースは入らないようです。



   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4546
トピックスターター  

----------------------------------------------
テーマ名:Cocoon
バージョン:2.9.3.4
カテゴリー数:18
タグ数:123
投稿数:1753
固定ページ数:12
ユーザー数:1
----------------------------------------------
修正されていることを確認しました。
本件をクローズとします。


僕の環境で同様にブログカードブロックを作成してみたのですが、添付画像2枚目のように半角スペースは入らないようです。

確認しましたが、私の環境でも半角スペースはありませんでした。
文章を作成してテキストエディターに貼り付けた際、誤って半角スペースを挿入してしまったようです。



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

ご確認いただきありがとうございます。

投稿者:: @chu-ya

確認しましたが、私の環境でも半角スペースはありませんでした。
文章を作成してテキストエディターに貼り付けた際、誤って半角スペースを挿入してしまったようです。

お手数をおかけします。確認していただきありがとうございます。
WordPressの仕様で半角スペースが入っていないということであれば、このままにしたいと思います。



   
共有:

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

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

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

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

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

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

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

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