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

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

preタグの中に複数のhttpで始まる...
 
共有:
通知
すべてクリア

[解決済] preタグの中に複数のhttpで始まるurlがあると二番目以降がブログカード化される

11 投稿
4 ユーザー
8 Reactions
2,717 表示
(@匿名 5641)
Trusted Member
結合: 6年前
投稿: 83
トピックスターター  

こんにちは。

以前、preタグの中の先頭半角スペースが除去される件で、改良ありがとうございました。

今回、それとは別に一つ不具合を報告させて頂きます。

以下のようにpreの中に複数のurlがあると、二番目以降がブログカード化されました。

 http://www1.example.com/ 

http://www2.example.com/

http://www3.example.com/

サイト高速化設定のCSS,HTML,JavaScriptの縮小化設定は無効化しています。

少し調べてみて、url_to_external_blog_card()の中の正規表現パターンを

工夫すれば解決出来ると思ったのですが、難しくて私には出来ませんでした。

preの中に複数のurlを書くという状況はあまり無いとは思いますが、一応念のために報告させて頂きました。

私の場合は http://の部分を取り除く事で、この症状を回避できましたので今のところ問題はありません。

 

 

 


   
TM_BB reacted
(@匿名 5641)
Trusted Member
結合: 6年前
投稿: 83
トピックスターター  

テーマ情報を忘れていました。

テーマ名:Cocoon
バージョン:1.5.7.4
子テーマ名:Cocoon Child
バージョン:1.0.6

 


   
TM_BB
(@tm_bb)
Eminent Member Registered
結合: 7年前
投稿: 40
 

hiromi 様
これめっちゃ面白いです。
つまりは、添付画像のような感じですよね。

一番最初のシンプルに pre タグで囲うものの中に code タグを追加したら、全部ブログカードに出来ました。
何かに使えそうです。
ありがとうございました。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

はじめの『!』は表示されちゃうんですね!新規発見❦

https://wp-cocoon.com/not-blogcard/


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

そのような表示になるのは、今のところは仕様です。

正規表現のエキスパートになれば、対処できるのかもしれませんが、今のところ僕は正規表現での対処方法がわかりません。

今のところ、以下の方法で対応していただくしかないかもしれません。
https://wp-cocoon.com/not-blogcard/


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

はじめの『!』は表示されちゃうんですね!新規発見❦

僕の環境では問題なく表示されているようなんですけど、何故だろう…。


   
TM_BB reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

いまのCocoon先行バージョン Version: 1.5.7.5 でも

はじめの『!』は表示されちゃう

そんな感じでしたよ。

https://gyazo.com/f933421d31c8c7078afcbb601ef6863d

https://gyazo.com/2505d88b57c09b954b6bd4336c30f478

ただ、以下のようにすれば問題ないみたいです。スペースは書き込み用で、あえて入れてます。

<pre>
!h ttps://wp-cocoon.com

!h ttps://wp-cocoon.com

!h ttps://wp-cocoon.com</pre>

この場合の表示

https://gyazo.com/ebe1ec7932895ff874d7a4806769993f

この投稿は6年前 2回ずつかうたっくに変更されました

   
TM_BB reacted
(@匿名 5641)
Trusted Member
結合: 6年前
投稿: 83
トピックスターター  

こんにちは。
その後、少し試してみました。
私のサイトでは、preにhttpが入っている箇所が幾つあるのか分かりませんが、出来れば今回報告した挙動は回避したいので、
以下のようにしてみました。

変更前 $res = preg_match_all('/^(<p>)?・・・・・(<\/p>)?/im', $the_content,$m);
変更後 $res = preg_match_all('/^(<p>)・・・・・(<\/p>)/im', $the_content,$m);

つまり、pタグに囲まれているhttpアドレスのみブログカード化する事にしました。
その結果、当然ですがpreタグ内はブログカード化されません。
この設定でpreタグ以外にもブログカード化されないケースもあるかもしれませんが、preを除外するほうが私にはメリットがあるのでこのようにしました。
この場合、cocoon-masterを更新すると上書きされますよね。
子テーマでこの設定を有効化する方法がありましたらお教え頂けると助かります。


   
TM_BB reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

子テーマでこの設定を有効化する方法

該当関数『 例:function url_to_external_blog_card($the_content) 』を子テーマfunctions.phpに書けば行けると思います。blogcard-in.phpやblogcard-out.php。外部内部どちらもであればどちらも。

※『!』マークを使った場合しか想定できてません。またそのような記事が膨大にあれば何とも言えませんが ? 

***

preタグ内にリンクをpタグ状態で置いても、以前のテーマSimplicity2はブログカード化にならなかった気もします。

個人的に、br扱いでcodeタグをブロック要素化して使ってブログカードになる状態は、Cocoonにしてから阻止したハズなので、全く問題ありませんが。


   
わいひら reacted
(@匿名 5641)
Trusted Member
結合: 6年前
投稿: 83
トピックスターター  

function url_to_external_blog_card($the_content) を

子テーマfunctions.phpに書いて上手く行きました。

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


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

はじめの『!』は表示されちゃう

一番目のてことですね。
一番目は、preタグがまず先にくるので、!は不要です。
ブログカードの仕様として、1行につきURLのみというのが基本です。


   
共有:

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

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

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

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

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

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

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

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