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

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

プラグインbrBrbrを使うとブログカ...
 
共有:
通知
すべてクリア

[解決済] プラグインbrBrbrを使うとブログカードがおかしくなる

9 投稿
5 ユーザー
3 Reactions
3,125 表示
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 7年前
投稿: 221
トピックスターター  

このカテゴリが適切かどうか迷いましたが。

ちょっと前から、ブログカードの表示がおかしくなる現象で出てずっと悩んでいました。

具体的には、ブログカードのレイアウトが崩れたり、URLがそのまま表示されるというものです。

結論として、brBrbrというプラグイン(改行を連続入力できるもの)を使っているとこの現象が発生することがわかりました。

simplicity2の時は問題なかったんですが、元々強引にBRタグを埋め込む(?)プラグインのようなので、Cocoonではこのプラグインを使うのをやめることで解決としました。

WordPressで簡単に連続改行できる方法ってないんでしょうか、、、、


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

WordPressで簡単に連続改行できる方法ってないんでしょうか、、、、

Enterキーでpタグ(段落)、Shiftキー+Enterキーでbr(改行)できますよ。



<p>あ<br />あ<br />あ</p>

あ『Shift+Enter』あ『Shift+Enter』あ『Shift』

あ『改行』あ『改行』あ『段落』みたいな感じです。


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

具体的には、ブログカードのレイアウトが崩れたり、URLがそのまま表示されるというものです。

以下リンク先

https://wp-cocoon.com/how-to-use-internal-blogcard/

エディターの1行に対してURLを挿入するだけでOKです。

<a href=”URL”>URL</a>形式のURLリンクを挿入してもOKです。

このようになってます。ブログカードはpタグで1行のイメージがありますが、段落:Enterキーで試していただけますか?

テキストエディタでしたら、リンク1行の上下に1行ずつ開ける感じですが、プラグインを利用してない状況ではそれでイケた記憶があります。


   
わいひら reacted
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちは。

段落と改行の使い分けでしたら、かうたっくさんのおっしゃる通りです。

「連続改行」であれば、エディタを「テキスト」にして、brタグを連続で打つのがひとつの方法です。(ただし改行でスペースを調整するのは非推奨です)

以下にサンプルを示します。(もともと非推奨なので、良い解決方法はなさそうです・・・)

あああ
いいい<br /><br /><br /><br /><br /><br /><br />
ううう

これで連続改行になりますが、ブログカードの上下には、段落(Enter)を使ってくださいませ。

※前後の空きは、CSSで調整するのが推奨となります。


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

最近のCocoonで書式を厳密化しました(間違った書式は不具合の原因となったので)。なので、かうたっくさんと、たなかまさんが書かれたように、入力書式の問題ではないかなと思います。

もし改善されないようであれば、サイトの設定状態を見たいので、ブログカード表示がおかしいページのURLを貼り付けていただければと思います。


   
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 7年前
投稿: 221
トピックスターター  

かうたっくさん、たなかまさん、わいひらさん回答ありがとうございます。
まとめて、こちらで返信します。

そもそも私は、改行(Enter)のみの連続入力で好きなだけ空白行を入れたかったんですがそれができなかったんです。

なぜかというと、テキストエディタしか使っていなかったし、<br/>も使っていなかったので(笑

だから、自由に空白行をあけるのはWordPress標準じゃできないものだと勘違いして、brBrbrを使っていたんです。

かうたっくさんの回答をみて、ビジュアルエディタだとEnterの連続でいくらでも空白行を作れることがわかりました。(使い方は不適切かもしれませんが)

なので、brBrbrを使わなくてもビジュアルエディタを使えば全て解決する話だったということです。

念の為に、ビジュアルエディタでURLを挟んでEnter入れてみると問題なくブログカードが表示されます。(brBrbr止めているので当たり前ですが)

以上、お騒がせしましたがこれで悩みも解決できました。

皆さんありがとうございます!


   
(@okumanchoja2010)
Active Member Registered
結合: 7年前
投稿: 16
 

こんにちは。僕の場合は、プラグインは使っていないんですが、ブログカードが表示されるときと、されないときがあります。何が原因か分かりますでしょうか。

https://www.jiujitsu-b.com/1803.html

たとえば上の記事だと、記事内にある「 https://www.jiujitsu-b.com/532.html 」、「 https://www.jiujitsu-b.com/209.html 」にはブログカードが適応されません。

しかし別のリンクにはブログカードが表示されています。それぞれ同じようにURLを貼っただけなのですが、何が違うのでしょうか。


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

ブログカードに関しては、以下に案内のあるように

内部ブログカードを表示する方法 | Cocoon

外部ブログカードの表示方法 | Cocoon

しっかりと、1行につき1つのURLを入力してください。

必ず1行に対して1つのURL(リンク)となるように挿入してください。


   
(@okumanchoja2010)
Active Member Registered
結合: 7年前
投稿: 16
 

一行につき一つのURLだったんですね。見落としてました。ありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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