WordPressでCMS列ブロックを作成する方法を詳しく説明した記事

この記事では、WordPress に関する関連知識を紹介します。主に、WordPress が CMS 列ブロックを作成する方法について説明します。興味のある友人は、以下を参照してください。収集して学ぶことを歓迎します。

WordPress は CMS 列ブロックを作成します

一部のネチズンは、ホームページ上の各列に個別のリストを (通常の CMS と同様に) 記述する方法を尋ねました。次のような効果:

実際、この関数の実装は比較的簡単で、WodPress の組み込み WP_Query クラスを使用して記事を呼び出すだけです。以下に具体的な例を用いて、CMS の列ブロックの作成方法を説明します。

1. HTML ページの作成

この記事では HTML ページの作成方法については説明しません。特定の HTML と CSS を使用して列ブロックを作成する方法を学習してください。あなた自身。ここでは、列ブロックが次のような HTML コードであると仮定します:

<div class="box">
   <!-- 分类名称及链接 -->
   <h3>
      <strong><a href="http://历史分类链接/">历史</a></strong>
      <em><a href="http://历史分类链接/">更多</a></em>
   </h3>

   <!-- 文章列表 -->
   <ul class="iconBoxT14">
      <li><a href="http://文章1链接">文章1标题</a></li>
      <li><a href="http://文章2链接">文章2标题</a></li>
      <li><a href="http://文章3链接">文章3标题</a></li>
      <li><a href="http://文章4链接">文章4标题</a></li>
   </ul>
</div>

2. カテゴリ リンクを取得します

静的 URL または動的 URL を使用できます。カテゴリリンクの取得方法について。静的方法は、上記の http://historyal category link/ をカテゴリ リンクに直接変更することです。カテゴリ リンクを動的に取得するには、カテゴリ ID、カテゴリ名、カテゴリ名など、さまざまな方法があります。ここでは、カテゴリ名からカテゴリ リンクを取得する方法を紹介します。コード:

<?php
  $catid = get_cat_ID(&#39;历史&#39;); // 历史是分类名称
  echo get_category_link($catid); // 输出分类链接
?>

上記の PHP コードを使用して、HTML 内の http://historyal category link/ を置き換えます。コードは次のようになります:

<strong><a href="<?php echo get_category_link(get_cat_ID(&#39;历史&#39;)); ?>">历史</a></strong>
<em><a href="<?php echo get_category_link(get_cat_ID(&#39;历史&#39;)); ?>">更多</a></em>

3. 分類された記事のリストを取得する

このカテゴリの下で指定された数の記事を動的に取得し、それらを HTML の ul リストに動的に出力する必要があります。 . ここでは WP_Query クラスを使用する必要があります. WP_Query には多くのパラメータがありますが、ここでは簡単な 2 つだけを紹介します. 他のパラメータについてはドキュメントを参照するか、オンラインで検索してください。

HTML を次のように変更し、WP_Query 呼び出しコードを追加します:

<ul class="iconBoxT14">
   <?php
      // 传递调用参数
      $the_query = new WP_Query( 
                  array(
                      &#39;category_name&#39; => &#39;历史&#39;,  // 分类名称
                      &#39;posts_per_page&#39; => 10     // 最多显示的文章数
                  ) ); 
      if ( $the_query->have_posts() ) {
         while ( $the_query->have_posts() ) {
            $the_query->the_post();
            
            // get_permalink()是获取文章链接
            // get_the_title()是获取文章标题
            echo &#39;<li><a href="&#39; . get_permalink() .&#39;">&#39; . get_the_title() .&#39;</a></li>&#39;;
         }
      }
      else {
         echo &#39;<li><a href="#">该分类没有文章</a></li>&#39;;
      }
      // WP_Query结束都要重置一下
      // 以免影响其他代码
      wp_reset_postdata();
?>
</ul>

4. 記事タイトルの文字数を制限します

記事のタイトルは非常に長くなり、列ブロックの範囲を超える場合があります。記事タイトルの文字数を制限できます。文字数を超える場合は...を使用します。ポイント 3 の get_the_title() を次のコードに置き換えます:

mb_strimwidth(get_the_title(), 0, 28, '...')

中国語の文字は 2 文字であり、上記 28 漢字は最大 14 文字まで表示できるという意味ですが、それを超える場合は... を使用してください。長さはオプションです。

完全なコード

以下は、複数の分類ブロックに対する上記の変更などを行った後の完全なコードです:

   
   

      历史
      更多
   
   
   

    '历史',  // 分类名称
                      'posts_per_page' => 10      // 最多显示的文章数
                  ) ); 
      if ( $the_query->have_posts() ) {
         while ( $the_query->have_posts() ) {
            $the_query->the_post();
            
            // get_permalink()是获取文章链接
            // get_the_title()是获取文章标题
            echo '
' . mb_strimwidth(get_the_title(), 0, 28, '...') .'
';
         }
      }
      else {
         echo '
该分类没有文章
';
      }
      // WP_Query结束都要重置一下
      // 以免影响其他代码
      wp_reset_postdata();
   ?>
   

推奨される学習: " WordPress チュートリアル >>

以上がWordPressでCMS列ブロックを作成する方法を詳しく説明した記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。