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

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

ウィジェットの新着記事のhtmlを流用...
 
共有:
通知
すべてクリア

ウィジェットの新着記事のhtmlを流用すると縦に大きなスペースができるのをなんとかしたい

7 投稿
3 ユーザー
2 Reactions
1,728 表示
(@digimaga)
Active Member Registered
結合: 7年前
投稿: 7
トピックスターター  

Cocoonのウィジェットにある新着記事のhtmlを流用して、

スポンサー系の記事をピックアップ表示したいと考えています。

 

そこでhtmlコード内のサムネイルやリンク先などのurlを書き換えて

テキストウィジェットとして貼り付けたのですが下記のように

縦に大きなスペースが入ってしまいます(右側の「スポンサー記事」欄です)。

 

以下はコピーしているhtmlのコード内容。







【レビュー】4K&HDRのゲームが1msでヌルヌル動く!PS4 Pro対応ゲーミングモニター『BenQ EL2870U』 [AD]

</div><!-- /.new-entry-content -->
</div><!-- /.new-entry-card -->
</a><!-- /.-->
</div>

これを通常の新着記事のように表示したいのですが、

どのclass属性を編集すれば良いのか教えて頂けないでしょうか?

記載されているclass属性をひとつずつ削って検証してみたのですが、

どれを削ってもスペースはなくならず…… ? 

 

よろしくお願いします。


   
引用
(@digimaga)
Active Member Registered
結合: 7年前
投稿: 7
トピックスターター  

コードが読み込まれたうえに、ボタンのリンクが自分のブログに上書きされてる。。。

わいひらさん、すみませんがこのトピック修正できますか?


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

修正リンクを押すと、ブログに飛んでしまうので、修正は無理っぽいです。
あと、独自のHTMLコードを用いたカスタマイズ方法は、申しわけないですがサポート外とさせていただいています。
https://wp-cocoon.com/not-supported/
今とても、同じ環境を用意してカスタマイズ方法を試行錯誤する時間まではないです。


   
返信引用
(@digimaga)
Active Member Registered
結合: 7年前
投稿: 7
トピックスターター  

確認ありがとうございます。

サポート外についても確認しました。ありがとうございました。


   
返信引用
(@digimaga)
Active Member Registered
結合: 7年前
投稿: 7
トピックスターター  

なおこちらのスレッドですが、「解決済み」にもできないようです。。。


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

今、私の環境で試したらキチンと表示されますよ。表示は大きな画像ですが

ウィジェットの『自動的に段落を追加する』にチェックを入れたら似たような感じになりましたけど。

そこをチェックしてもダメなら、分からないです。一度チェックしてもらって解決したら、わいひらさんが『解決』と判断した時点でこのトピックは閉じられると思われます。


   
わいひら reacted
返信引用
(@digimaga)
Active Member Registered
結合: 7年前
投稿: 7
トピックスターター  

返信ありがとうございます。

その設定でいけました!

 

正確には「自動的に段落を追加する」が表示されていなかったので、

Cocoonの子テーマの「functions.php」に以下のコードを挿入しました。

remove_filter('widget_text_content', 'wpautop');

 

この対処法、ググって出てきたのがわいひらさんのところっていう・・・

https://nelog.jp/remove-wpautop


   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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