「メイド・イン・ヘブン」スキン適用中

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 Likes
2,366 表示
(@hiromi)
Estimable Member Registered
結合: 6年前
投稿: 81
Topic starter  

こんにちは。

以前、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
(@hiromi)
Estimable Member Registered
結合: 6年前
投稿: 81
Topic starter  

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

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

 


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

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

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


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

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

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


   
TM_BB reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16456
 

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

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

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


   
TM_BB reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16456
 

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

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


   
TM_BB reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

いまの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

This post was modified 5年前 2回 by かうたっく

   
TM_BB reacted
(@hiromi)
Estimable Member Registered
結合: 6年前
投稿: 81
Topic starter  

こんにちは。
その後、少し試してみました。
私のサイトでは、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)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

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

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

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

***

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

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


   
わいひら reacted
(@hiromi)
Estimable Member Registered
結合: 6年前
投稿: 81
Topic starter  

function url_to_external_blog_card($the_content) を

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

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


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16456
 

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

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


   
共有:

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

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

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

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

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

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

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

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