Cocoonで人気記事一覧、新着記事一覧ウィジェットが表示されない時の対処法(Widget 表示しない 表示できない)

プログラミング

本日はWordPressテーマのCocoonで人気記事一覧、新着記事一覧のウィジェットが表示されない時の対処法についてご説明します。

同じようにウィジェットの機能が正常に使用できない方の助けになれたら幸いです。

また、他にも普段の生活で役立つテクニックをご紹介していますので興味のある方は以下のリンクからご覧ください。

ライフハック集
shinbaichi.com
2023.04.22
スポンサーリンク

ショートコード機能を使ってウィジェットを作成する

Cocoonで人気記事一覧、新着記事一覧ウィジェットが表示されない時の対策はCocoonに実装されているショートコード機能を利用することです。

ショートコード機能とはあらかじめCocoonで用意されているコードを記事内に埋め込むことで指定したウィジェットやリストを表示できる機能のことです。

このショートコード機能は人気記事一覧と新着記事一覧の表示に対応しているため機能を使用してウィジェットを表示できます。

次よりショートコード機能を使用してウィジェットを表示する方法について具体的に説明します。

1. ホーム画面左のタブで外観を選択してウィジェット設定画面に移動する

まずホーム画面左のサイドバーから「外観」タブを選択し、ウィジェット設定画面に移動します。

2. ウィジェットを追加したい位置にカスタムHTMLの要素を追加する

ウィジェット設定画面に移動すると「投稿本文上」や「サイドバー」などウィジェットを追加する位置の一覧が表示されます。

皆さんがウィジェットを追加したい位置を選択したらその位置に「カスタムHTML」のウィジェットを追加してください。

このカスタムHTMLウィジェットが代わりに人気記事一覧と新着記事一覧のウィジェットを表示してくれます。

3. カスタムHTMLにショートコードを記載する

最後にカスタムHTMLに表示したいウィジェットのコードを記載します。

人気記事一覧、新着記事一覧を表示したい場合はそれぞれ下記のコードを記載してください。

これで人気記事一覧、新着記事一覧のウィジェットが表示されます。

# 人気記事一覧の場合↓
  

      
    

      

                     


      

        これだけ食べれば大丈夫！1日に必要な栄養を全て取れる究極の食べ物・食材8選(男の一人暮らしはこれを食べろ！)
                                       

         

 

    
    

      

                     


      

        Lambdaの関数を共通化する方法(Lambda Layerを使わないバージョン)
                                       

         

 

    
    

      

                     


      

        Terraformで複数のファイルをzip化してLambdaにアップロードする方法
                                       

         

 

    
    

      

                     


      

        Terraformでs3にフォルダ・ディレクトリを作成する方法
                                       

         

 

    
    

      

                     


      

        キャプチャーボードに画面が表示されない、録画できない時の対処法(GC 550 Switch PS4 PS5)
                                       

         

 

     



# 新着記事一覧の場合↓
  

            
    

            

             


      

        
Cocoonで人気記事一覧、新着記事一覧ウィジェットが表示されない時の対処法(Widget 表示しない 表示できない)

                     

   

 
        
    

            

             


      

        
Paho MQTTで証明書を検証しないでSSL TLS接続する方法(証明書検証なし 行わないMQTT)

                     

   

 
        
    

            

             


      

        
抜け毛・脱毛を防ぐ、シャンプー、食事、対処・対策法(脱毛 対策法)

                     

   

 
        
    

            

             


      

        
スプーンを使った秒で殻がむけるゆで卵の作り方(すぐに簡単な殻のむき方・方法)

                     

   

 
        
    

            

             


      

        
絶対に起きれる寝坊しないスマートライト目覚まし(アラーム)の設定方法(スマートライト 電気 照明 SwitchBot NatureRemo Alexa GoogleHome 赤外線リモコン)
スポンサーリンク

表示のカスタマイズ

人気記事一覧、新着記事一覧のショートコードはパラメータを追加することで表示するウィジェットをカスタマイズすることができます。

パラメータはショートコードの[ ]内に以下のように記載するとウィジェットのデザインに適用されます。

  

      
    

      

                     


      

        これだけ食べれば大丈夫！1日に必要な栄養を全て取れる究極の食べ物・食材8選(男の一人暮らしはこれを食べろ！)
                                       

         

 

    
    

      

                     


      

        キャプチャーボードに画面が表示されない、録画できない時の対処法(GC 550 Switch PS4 PS5)
                                       

         

 

    
    

      

                     


      

        自作 格安スクリーンスタンドの作り方 (簡単なプロジェクタースクリーンの張り方、設置方法)
                                       

         

 

    
    

      

                     


      

        絶対に起きれる寝坊しないスマートライト目覚まし(アラーム)の設定方法(スマートライト 電気 照明 SwitchBot NatureRemo Alexa GoogleHome 赤外線リモコン)
                                       

         

 

    
    

      

                     


      

        温泉卵が簡単かつ確実に作れる究極のグッズと作り方を紹介(100均 レンジなし エッグタイマー)
                                       

         

 

    
    

      

                     


      

        国までおすすめする再現性の高い投資法(負けない投資)
                                       

         

 

    
    

      

                     


      

        有名大学に入れば幸せになれるわけではない理由
                                       

         

 

    
    

      

                     


      

        抜け毛・脱毛を防ぐ、シャンプー、食事、対処・対策法(脱毛 対策法)
                                       

         

 

    
    

      

                     


      

        スプーンを使った秒で殻がむけるゆで卵の作り方(すぐに簡単な殻のむき方・方法)
                                       

         

 

    
    

      

                     


      

        ゲームの育成システムから学ぶ人生の効率的な生き方
                                       

         

 

    
    

      

                     


      

        私達が勉強しなければならない理由

パラメータの一覧

人気記事一覧、新着記事一覧の主要なパラメータは以下の4つです。

  • count: 表示する記事数(1, 2, 3…)
  • type: デザインのタイプ
    • default: 通常デザイン
    • border_partition: カードの上下に区切り線を表示する
    • border_square: カードに囲い線を表示する
    • large_thumb: 記事画像を大きく表示する
    • large_thumb_on: 大きい記事画像の上に記事名を重ねて表示する
  • bold: 記事名を太文字にする(1 or 0)
  • cats: 表示するカテゴリーのカテゴリー番号を指定する

お好みの設定でデザインを変更してください。

スポンサーリンク

まとめ

本日はCocoonで人気記事一覧、新着記事一覧ウィジェットが表示されない時の対処法についてご紹介しました。

Cocoonのショートコード機能を使用して表示することができますのでお困りの方はお試しください。

また、他にも普段の生活で役立つテクニックをご紹介していますので興味のある方は以下のリンクからご覧ください。

ライフハック集
shinbaichi.com
2023.04.22

コメント