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

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

ブログカードのHTML出力処理について
 
共有:
通知
すべてクリア

[解決済] ブログカードのHTML出力処理について

14 投稿
2 ユーザー
1 Reactions
3,043 表示
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

開発中のCocoon-masterバージョン: 1.5.4「 https://github.com/yhira/cocoon/archive/master.zip 」のブログカードHTML出力処理について。不適切な処理がされている可能性がありますので、指摘させて頂きます。

指摘内容にはHTMLコードが含まれるため、以下のURLに記入しました。
https://notepad.pw/share/n1wikyep

私の認識違いで、間違った指摘をしている可能性もあります。その場合はご容赦ください。何卒、よろしくお願いいたします。

以上になります。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

ブログカードにしたいURLに「?」が含まれていると正しく処理が行われない不具合を発見しました。

詳細は以下のURLを参照お願いいたします。

https://notepad.pw/share/2wo1o9vpk

 

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


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

無理にpを残そうとすると、別のケースで不具合が出るので、ブログカードショートコードを利用しているときは、pを使わずdivを使うことにしました。
https://github.com/yhira/cocoon/archive/master.zip
こちらの症状なので。
https://www.ipentec.com/document/html-not-intended-behavior-div-tag-in-p-tag-section

これ以上はどうしようもないかも。
これでもダメな場合は、業者等にカスタマイズを依頼していただければと思います。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様

ご返信ありがとうございます。現時点で新しいcocoon-masterはテストしていません。

ブログカードショートコードの前後に追加されるPタグが削除されるだけなら全く問題ないと思います。

 

これでもダメな場合は、業者等にカスタマイズを依頼していただければと思います。

そうですね。他に優先することもあると思うので、致命的な不具合でなければスキップしてください。

これから新しい開発版はこれからテストしてみます。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様へ

いつもありがとうございます。

開発版をテストしました。

1.ブログカードショートコード利用の場合

ブログカードショートコードが存在する場合、すべてのPタグをDIVタグに置き換えているのを確認しました。表示上の問題は解消されて、出力されるHTMLも構文上は問題なさそうです。

ブログカードショートコード利用の場合、Coccon設定でブログカード表示をOFFにすることが出来ないのはそのままです。これは修正をお願いしたいと思います。

URLに「?」がある場合の問題は解消されました。

2.ブログカードショートコード利用しない場合

以下のようになるのを確認しています。

https://notepad.pw/55uzn31z

URLの前後に文字列(コメントアウト文であっても)があると処理されません。現段階での仕様と受け止めています。URLの前後は改行コードが必要ですね。

以上です。


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

ブログカードショートコード利用の場合、Coccon設定でブログカード表示をOFFにすることが出来ないのはそのままです。これは修正をお願いしたいと思います。

これは不具合とかではなく、以前のテーマ(Simplicityの時)からそういう仕様です。
これはカスタマイズでどうとでもなるかと思います。

2.ブログカードショートコード利用しない場合

これも言われているように仕様です。
そのように制限しないと、今回のように全部pタグをdivにする必要が出てきます。


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

一応、URLショートコードをブログカード化しないカスタマイズ方法も書いておきます。

以下を子テーマのfunctions.phpに貼り付けるとショートコードがブログカード化されないと思います。

function url_shortcode_to_blogcard($the_content) {
return $the_content;
}

   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様へ

これは不具合とかではなく、以前のテーマ(Simplicityの時)からそういう仕様です。
これはカスタマイズでどうとでもなるかと思います。

分かりました。必要になったら自分でカスタマイズします。

これも言われているように仕様です。
そのように制限しないと、今回のように全部pタグをdivにする必要が出てきます。

理解いたしました。

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

以上でございます。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

一応、URLショートコードをブログカード化しないカスタマイズ方法も書いておきます

ありがとうございます。利用させて頂きます。

感謝致します。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様

以下を子テーマのfunctions.phpに貼り付けるとショートコードがブログカード化されないと思います。

ブログカード化されない事を確認いたしました。

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


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

pタグをできるだけ残しつつ、URLショートコードが含まれているpだけdivにする方法が、突如降りてきたので、適用させておきました。
https://github.com/yhira/cocoon/archive/master.zip
僕の中では、かなり理想に近い動作になりました。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様へ

ありがとうございます。

pタグをできるだけ残しつつ、URLショートコードが含まれているpだけdivにする方法が、突如降りてきたので、適用させておきました。
https://github.com/yhira/cocoon/archive/master.zip
僕の中では、かなり理想に近い動作になりました。

それは素晴らしい事です ? 

これからテスト致します。報告は24時間以内にさせて頂く予定です。


   
cocoon-user1206
(@cocoon-user1206)
Trusted Member Registered
結合: 6年前
投稿: 63
Topic starter  

わいひら様へ

ブログカードショートコードを使用しても、Pタグが残るようになるのを確認いたしました。

以下のURLに出力されたHTMLを示します。

https://notepad.pw/31oekuzv

 

ブログカードショートコードの使用と非使用を混在させても、ブログカードに問題は見当たりませんでした。以下のURLに出力されたHTMLを示します。

https://notepad.pw/7kgf3uy

 

お陰様でブログカードショートコードが安心して使用できるようになりました ?

ブログカードショートを明示化できますので、HTMLソース中からブログカードを探すのが楽になり、運営面で大変助かります。

ありがとうございました ? 


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

動作確認ありがとうございます。
僕の環境以外でも正常に動作したようで安心しました ?  


   
共有:

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

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

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

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

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

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

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

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