サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年9月13日 20:44
こんにちは。
ブログカード設定を有効化している場合に、blockquoteタグやpreタグの中に
URLが有る場合にもブログカード化されました。
その場合に、
＜p class="no-blogcard"＞ http://example.com＜/p＞
のように個別にクラスをセットしたらブログカード化を防止できました。
でも、以下のようにしてもブログカード化されました。
＜pre class="no-blogcard"＞
・・・
http://example.com
・・・
＜/pre＞
URL文字列に個別にno-blogcardをセットするのでは無くて、このように親タグにno-blogcardをセットする方法では防止出来ませんか？
2018年9月14日 12:52
URL文字列に
URLをリンクにしたいのではなく、『文字列にしたい』ということですか？
どのようなURLを入れているか状況も不明ですが、文字列にしたいのでしたらcodeタグでいけましたよ。
https://bibabosi-rizumu.com/backup-export/#toc17
http://rpc.pingomatic.com/
http://blog.goo.ne.jp/XMLRPC
http://blogsearch.google.co.jp/ping/RPC2
http://blogsearch.google.com/ping/RPC2
～略～
これbr状態をpreで囲むと一番上以外すべてがブログカードになってたので、codeに変更したんですが、一応親要素で囲んでます。
ただ状態によってはcodeタグを装飾で使わない方が良い気もします。
ただの文字列ではなく、リンクとしておきたい場合。
aタグでアンカーテキストを囲むのが良いと思いますが、アンカーテキストをURLにしてしまうと、ブログカードになってしまう仕様だったと思います。
このように親タグにno-blogcardをセットする方法
一応pタグは親要素になると思いますよ。
ただ、実際は初めのリンク以外は、ブログカードになったので、状況によってはそれではダメかもしれないですね。。
2018年9月14日 12:59
code class="block" として<>カッコで囲んでCSSで装飾してます。
ただ単にブログカードにしたくないだけでしたら、以下のように書けばOKです。
ココに文字列
ここにURLを貼り付け
これでブログカードにはなりません。
以下はブログカードになる例。
文字列：ああああああああああ
ココにURL
文字列：aaaaaaaa
わいひら reacted
2018年9月14日 13:18
意味わかった気がします。
引用： http://hoge.com/
とすればOKです。
1行にURLだけを置かなければOKで、それをリンクにしたい場合は以下の通り。
文字：<a href="http://hoge.com/"> http://hoge.com/</a>
わいひら reacted
2018年9月14日 22:27
リンクをしないのであれば、クリック出来ないので、以下のように書いても意味は通じるかと思います。
example.com
ただ、URLとわかりづらいというのはあるかもしれません。
利用するシチュエーションとしては、どういったときに「URLをテキストのみで表示する」ということが必要なんでしょうか。
それによっても、また表記方法も変わってくるような気がします。
トピックスターター 2018年9月16日 10:10
かうたっくさん、わいひらさん、
お返事遅くなりました。
>どういったときに「URLをテキストのみで表示する」ということが必要なんでしょうか。
ブログカード化せずにテキストだけで表示したい状況というのは、例えば引用した文章の中にURLがあった場合です。
＜blockquote＞
・・・
http://www.example.com
・・・
＜/blockquote＞
こう言う場合には、そのまま文字列として表示出来れば良いなあと思ったのです。
現状では、以下のようにすれば防止出来ましたので、今のところそれで解決しています。
また、このような状況は多くは無いので、この手法で十分です。
＜blockquote＞
・・・
＜p class="no-blogcard"＞ http://www.example.com＜/p＞
・・・
＜/blockquote＞
でも例えば＜blockquote class="no-blogcard"＞としておけばその内部にあるURL文字列のブログカード化を防止出来れば便利だなあと思いました。
特に強く希望している訳ではありません。お騒がせしました。
2018年9月16日 19:02
でも例えば＜blockquote class="no-blogcard"＞としておけばその内部にあるURL文字列のブログカード化を防止出来れば便利だなあと思いました。
p段落のno-blogcardがブログカード化を防止しているわけではなく
段落1行、HTMLタグや文字列が無い状態でリンクを置けばブログカードになるって事です。
文字列：ああああああああああ
https://wp-cocoon.com
文字列：aaaaaaaa
真ん中の段落タグを置く事でブログカード化を回避されている状態
- <p class="hoge"> https://wp-cocoon.com</p>
- これでもブログカードにならない。
なぜなら、『リンクの前後にタグが入っている』から。段落1行に『URLだけを置いていない状態』だから。
※class属性を付けなければ、WordPressの仕様で段落のタグは消える。
とりあえず解決策はhiromiさんのおっしゃる通りです。
ブログカードの仕様について『段落1行にURLだけを置けばブログカードになる』『no-blogcardと言うclass名は関係ない』
思い違いがあっても…と思い、念のため書き込みました。
2018年9月16日 19:16
僕はそういう場合は、以下のようにしています。
本来はこんな書き方だとしたら、
解説のURL。
以下のように、<br>改行となる用に、ビジュアルエディター上で文字列とくっつける。
解説のURL。
http://www.example.com
本来なら、以下のような出力になるはずが、
＜p＞解説のURL。＜/p＞
＜p＞ http://www.example.com ＜/p＞
こんな出力になります。
＜p＞解説のURL。<br />
http://www.example.com ＜/p＞
これだとブログカード化されません。
トピックスターター 2018年9月18日 16:22
かうたっくさん、解説ありがとうございました。
私の勘違いを指摘して頂きましてありがとうございます。
今後は、わいひらさん方式でやってみます。
簡単そうですから。
疑問点が解消して助かりました。
2018年9月18日 19:55
以前は、URLの前に半角スペースを入れれば、ブログカード化されませんでした。
けれど、WordPressエディターの仕様変更か何かで、半角スペースが削除されるようになり、ちょっと不便になりました^^;
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。