집 > 기사 > CMS 튜토리얼 > WordPress에서 CMS 열 블록을 생성하는 방법을 자세히 설명하는 기사

WordPress에서 CMS 열 블록을 생성하는 방법을 자세히 설명하는 기사

藏色散人앞으로: 2023-03-01 16:42:221617검색

이 기사는 WordPress에 대한 관련 지식을 제공합니다. 주로 WordPress에서 CMS 열 블록을 만드는 방법에 대해 설명합니다. 관심 있는 친구는 아래에서 살펴보고 배울 수 있습니다.

워드프레스로 CMS 열 블록 만들기

일부 네티즌들이 질문했습니다. 홈페이지에서 각 열에 별도의 목록을 작성하는 방법(일반 cms와 유사)? 다음과 유사한 효과:

WordPress에서 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을 사용하거나 카테고리 링크를 동적으로 가져올 수 있습니다. 정적 방법은 위의 http://역사 카테고리 링크/를 자신의 카테고리 링크로 직접 변경하는 것입니다. 카테고리 링크를 동적으로 얻는 방법에는 여러 가지가 있습니다. 카테고리 ID, 카테고리 이름 또는 카테고리 이름을 통해 얻을 수 있습니다. 다음은 카테고리 이름을 통해 카테고리 링크를 얻는 방법에 대한 소개입니다. 코드:

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

html의 http://historical 카테고리 링크/를 위의 PHP 코드로 바꾸세요. 코드는 다음과 같습니다.

<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 클래스에 많은 매개변수만 소개합니다. 다른 매개변수에 대해서는 설명서를 참조하거나 온라인으로 검색하세요.

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, &#39;...&#39;)

한자는 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, &#39;...&#39;) .'';
         }
      }
      else {
         echo '该分类没有文章';
      }
      // WP_Query结束都要重置一下
      // 以免影响其他代码
      wp_reset_postdata();
   ?>

WordPress에서 CMS 열 블록을 생성하는 방법을 자세히 설명하는 기사

历史 更多

관련 기사

历史更多