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. ブラウザ環境チェックツール

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

任意のブログカードを無効化し文字列リン...
 
共有:
通知
すべてクリア

任意のブログカードを無効化し文字列リンクにする機能がほしい

13投稿
4ユーザー
7Likes
206表示
Lambela
(@lambela)
New Member Registered
結合: 2年前
投稿: 3
Topic starter  

URL形式のプレーンテキストの前に!をつけると、!が消えた上でブログカードでなくなる機能は既にありますが、リンク化されたURLの前につけても反応しません。この機能の適用範囲を拡張してほしいです。

・リンク先のブログカードが雑なので表示したくないがリンクにはしたい
・リンクとして使う人以外に、コピペして使う人が一定数いることが予測される
・わかりやすい真贋証明のためURLの文字列を見せたいがリンクとしても機能させたい
ような場面で使いたくなります。

例えばDiscordBotの導入リンクは、OGPが雑なため出したくなく、URLの文字列で見る機会が多いため文字列のほうが認識されやすいのと、詳しい人なら文字列から要求権限等の安全性がわかるのと、複数アカウント持ちの人はコピペして使うのと、でこの機能が欲しくなります。

なお、行頭がURLでなければ反応しないことを利用して、U+200Bを頭に入れる事で暫定対応出来なくはないです。


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 3904
 

Lambelaさん

私はおそらく理解していない気がしますので、見当違いなことを言っていたら申し訳ないです。

投稿者:: @lambela

URL形式のプレーンテキストの前に!をつけると、!が消えた上でブログカードでなくなる機能は既にあります

これは、以下のようなことを仰っているのでしょうか。
(リロードに少々時間が掛かりますので、気長に見ていただければ)

  • URLをテキストの状態で更新すると、実際の表示はブログカードになる
  • URLテキストの前に!マークを入れると、実際の表示はブログカードではなく、URLのテキストになる

 

 

そして、以下の部分。

投稿者:: @lambela

リンク化されたURLの前につけても反応しません

これは、以下ようなことを仰っていますでしょうか。
(やはりリロードに時間が掛かります)

 
  • リンク状態のURLで更新すると、実際の表示はブログカードになる
  • 私はそのリンク状態のURLの前に、半角スペースを挿入しました
    すると、実際の表示はリンク状態のURLになるようです

 

おそらく私は正しく理解できていない気がします。

上記と違うようであれば、もう少し具体的な例などあると伝わると思います。
画像などの添付があると、伝わりやすいと思います。

 

ちなみに、私は以下を参考にさせていただいて、確認をしてみました。

[Cocoon] リンクの種類と入れ方 ~ URLの挿入手順
https://blogstudynotes.com/link/


   
わいひら reacted
返信引用
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 

●URL表示について
整理すると以下のようになります。

  1. URLを単に貼り付ける→ブログカード表示
  2. URLの前に「!」を付ける→テキスト表示
  3. URL前後にテキスト入力→リンク表示
  4. URL前に半角スペースを入力→リンク表示

●補足
Cocoon設定で、ブログカード表示を無効にすると全て無効となり、URLはリンク表示となる。この時、gutenbergエディターでリンクを解除とするとテキストとなる。

●要望
編集中に任意のURLについて、上記1と4(3も含め)の切り替えをユーザ選択できるようにしたい。


   
わいひら reacted
返信引用
Lambela
(@lambela)
New Member Registered
結合: 2年前
投稿: 3
Topic starter  

【現状】
A:URLの文字列("http:~")
→ブログカード化する
B:Aの直前に"!"を入れる
→実際のページでは"!"は隠され、単純な文字列(非リンク)になる
参考: https://wp-cocoon.com/not-blogcard/
C:リンク化したURL文字列("http:~"文字列に対しhttp:~のリンクを設定したもの)
→ブログカード化する
D:Cの直前に"!"を入れる
→(行頭がURLでなければブログカードにならないという仕様により)ブログカード化はしないが"!"が残って不格好
E:Cの直前にスペースを入れる
→同じくブログカード化はしないが字下げのようになって不格好
F:Cの直前にゼロ幅の空白文字を入れる
→ブログカード化せず見た目も違和感はないが、入力が面倒

【要望】
Dをしたときに、Bと同じく!が消えて欲しい


   
返信引用
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 
投稿者:: @lambela

E:Cの直前にスペースを入れる
→同じくブログカード化はしないが字下げのようになって不格好

aタグ直前にpタグがある場合、ブログカードになるようです。
タグ間に、半角スペースを入力した場合、HTML構文上無視され、字下げされません

投稿者:: @lambela

【要望】
Dをしたときに、Bと同じく!が消えて欲しい

上記の要望なら、URLテキストの前に、半角スペース入力する事で解決すると思います。

 


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 3904
 

申し訳ないのですが、良く理解していません。

chu-yaさんが書いてくださったように、

投稿者:: @chu-ya

上記の要望なら、URLテキストの前に、半角スペース入力する事で解決すると思います。

上記のようなことでは・・・?

私が添付した2枚目のGIFでも、実際の表示では先頭にスペースはないと思います。

それが分かるように、テキストを選択したつもりではありますが、小さかったでしょうか。
拡大していただければ・・・。

 

分かり易いように、2つめには改行して、ただの文字列も入れてみました。

編集画面

 
実際のページの表示
前にスペースは入らないです。
 
 
 
それとも、「!」でないと困るということなのでしょうか。
 
すみません、良く分からないです。

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

暫定的に機能追加してみました。
こんな感じでしょうか?
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
返信引用
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 

@yhira さん

本件、正式採用の場合、以下のマニュアルに「!」の使い分けについての注意書きが必要かと思います。

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


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

@chu-ya さん

はい。そのようにしようと思っています。
ただ昨日、lambelaさん思い通りの機能かどうか返信を待ってから書こうかなと思ってました。
けれどまだ書き込まれていないようですね。
返信がないようでしたら明日にでもマニュアルの方も修正しておこうと思います。


   
返信引用
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 

@lambela さん

わいひらさんが要望の通り機能追加しています。
恐れ入りますが、フォーラムのマナーとして確認の上、解決の場合、「解決済み」をクリック願います。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

マニュアルの方にURLリンクに関する記述の方も追加しておきました。


   
返信引用
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 

@yhira さん

以下のマニュアルの入力例に追記されている事を確認しました。
https://wp-cocoon.com/not-blogcard/


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

@chu-ya さん

ご確認いただきありがとうございます!


   
返信引用
共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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