サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年8月19日 06:41
URL形式のプレーンテキストの前に！をつけると、！が消えた上でブログカードでなくなる機能は既にありますが、リンク化されたURLの前につけても反応しません。この機能の適用範囲を拡張してほしいです。
・リンク先のブログカードが雑なので表示したくないがリンクにはしたい
・リンクとして使う人以外に、コピペして使う人が一定数いることが予測される
・わかりやすい真贋証明のためURLの文字列を見せたいがリンクとしても機能させたい
ような場面で使いたくなります。
例えばDiscordBotの導入リンクは、OGPが雑なため出したくなく、URLの文字列で見る機会が多いため文字列のほうが認識されやすいのと、詳しい人なら文字列から要求権限等の安全性がわかるのと、複数アカウント持ちの人はコピペして使うのと、でこの機能が欲しくなります。
なお、行頭がURLでなければ反応しないことを利用して、U+200Bを頭に入れる事で暫定対応出来なくはないです。
2022年8月19日 08:14
Lambelaさん
私はおそらく理解していない気がしますので、見当違いなことを言っていたら申し訳ないです。
URL形式のプレーンテキストの前に！をつけると、！が消えた上でブログカードでなくなる機能は既にあります
これは、以下のようなことを仰っているのでしょうか。
（リロードに少々時間が掛かりますので、気長に見ていただければ）
- URLをテキストの状態で更新すると、実際の表示はブログカードになる
- URLテキストの前に！マークを入れると、実際の表示はブログカードではなく、URLのテキストになる
そして、以下の部分。
リンク化されたURLの前につけても反応しません
これは、以下ようなことを仰っていますでしょうか。
（やはりリロードに時間が掛かります）
- リンク状態のURLで更新すると、実際の表示はブログカードになる
- 私はそのリンク状態のURLの前に、半角スペースを挿入しました
すると、実際の表示はリンク状態のURLになるようです
おそらく私は正しく理解できていない気がします。
上記と違うようであれば、もう少し具体的な例などあると伝わると思います。
画像などの添付があると、伝わりやすいと思います。
ちなみに、私は以下を参考にさせていただいて、確認をしてみました。
[Cocoon] リンクの種類と入れ方 ～ URLの挿入手順
https://blogstudynotes.com/link/
わいひら reacted
2022年8月19日 10:23
●URL表示について
整理すると以下のようになります。
- URLを単に貼り付ける→ブログカード表示
- URLの前に「！」を付ける→テキスト表示
- URL前後にテキスト入力→リンク表示
- URL前に半角スペースを入力→リンク表示
●補足
Cocoon設定で、ブログカード表示を無効にすると全て無効となり、URLはリンク表示となる。この時、gutenbergエディターでリンクを解除とするとテキストとなる。
●要望
編集中に任意のURLについて、上記1と4(3も含め)の切り替えをユーザ選択できるようにしたい。
わいひら reacted
トピックスターター 2022年8月19日 10:37
【現状】
A：URLの文字列("http:～")
→ブログカード化する
B：Aの直前に"!"を入れる
→実際のページでは"!"は隠され、単純な文字列(非リンク)になる
参考： https://wp-cocoon.com/not-blogcard/
C：リンク化したURL文字列("http:～"文字列に対しhttp:～のリンクを設定したもの)
→ブログカード化する
D：Cの直前に"!"を入れる
→(行頭がURLでなければブログカードにならないという仕様により)ブログカード化はしないが"!"が残って不格好
E：Cの直前にスペースを入れる
→同じくブログカード化はしないが字下げのようになって不格好
F：Cの直前にゼロ幅の空白文字を入れる
→ブログカード化せず見た目も違和感はないが、入力が面倒
【要望】
Dをしたときに、Bと同じく!が消えて欲しい
2022年8月19日 10:55
E：Cの直前にスペースを入れる
→同じくブログカード化はしないが字下げのようになって不格好
aタグ直前にpタグがある場合、ブログカードになるようです。
タグ間に、半角スペースを入力した場合、HTML構文上無視され、字下げされません。
【要望】
Dをしたときに、Bと同じく!が消えて欲しい
上記の要望なら、URLテキストの前に、半角スペース入力する事で解決すると思います。
わいひら reacted
2022年8月19日 12:59
申し訳ないのですが、良く理解していません。
chu-yaさんが書いてくださったように、
上記の要望なら、URLテキストの前に、半角スペース入力する事で解決すると思います。
上記のようなことでは・・・？
私が添付した2枚目のGIFでも、実際の表示では先頭にスペースはないと思います。
それが分かるように、テキストを選択したつもりではありますが、小さかったでしょうか。
拡大していただければ・・・。
分かり易いように、2つめには改行して、ただの文字列も入れてみました。
編集画面
実際のページの表示
前にスペースは入らないです。
それとも、「!」でないと困るということなのでしょうか。
すみません、良く分からないです。
わいひら reacted
2022年8月19日 19:47
暫定的に機能追加してみました。
こんな感じでしょうか？
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年8月20日 19:32
@chu-ya さん
はい。そのようにしようと思っています。
ただ昨日、lambelaさん思い通りの機能かどうか返信を待ってから書こうかなと思ってました。
けれどまだ書き込まれていないようですね。
返信がないようでしたら明日にでもマニュアルの方も修正しておこうと思います。
2022年8月22日 19:59
マニュアルの方にURLリンクに関する記述の方も追加しておきました。
2022年8月22日 20:40
@yhira さん
以下のマニュアルの入力例に追記されている事を確認しました。
https://wp-cocoon.com/not-blogcard/
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。