Heim >CMS-Tutorial >WordDrücken Sie >Ein Artikel, der ausführlich erklärt, wie man CMS-Spaltenblöcke in WordPress erstellt

Ein Artikel, der ausführlich erklärt, wie man CMS-Spaltenblöcke in WordPress erstellt

藏色散人
藏色散人nach vorne
2023-03-01 16:42:221651Durchsuche

Dieser Artikel vermittelt Ihnen relevantes Wissen über WordPress. Es geht hauptsächlich darum, wie WordPress CMS-Spaltenblöcke erstellt. Interessierte können einen Blick darauf werfen.

WordPress zum Erstellen von CMS-Spaltenblöcken

Einige Internetnutzer fragten: Wenn jede Spalte eine separate Liste auf der Homepage ist (ähnlich einem normalen CMS), wie schreibt man sie? Ein ähnlicher Effekt wie der folgende:

Ein Artikel, der ausführlich erklärt, wie man CMS-Spaltenblöcke in WordPress erstellt

Tatsächlich ist diese Funktion relativ einfach zu implementieren. Sie müssen nur die integrierte WP_Query-Klasse von WodPress verwenden, um die Artikel der angegebenen Kategorie aufzurufen um zu erklären, wie man einen CMS-Spaltenblock erstellt.

1. Erstellen Sie eine HTML-Seite

In diesem Artikel wird nicht erklärt, wie Sie eine HTML-Seite erstellen. Bitte erfahren Sie, wie Sie einen Spaltenblock mit spezifischem HTML und CSS erstellen. Hier wird davon ausgegangen, dass es sich bei Ihrem Spaltenblock um einen HTML-Code ähnlich dem folgenden handelt:

<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. Kategorie-Links abrufen

Wir können statische URLs verwenden oder Kategorie-Links dynamisch abrufen. Die statische Methode besteht darin, den obigen http://historischen Kategorielink/ direkt in Ihren Kategorielink zu ändern. Es gibt viele Möglichkeiten, Kategorielinks dynamisch abzurufen. Sie können über die Kategorie-ID, den Kategorienamen oder den Kategorienamen abgerufen werden. Hier ist eine Einführung zum Abrufen von Kategorie-Links über Kategorienamen. Ersetzen Sie http://historischer Kategorie-Link/ durch den obigen PHP-Code Kategorieartikel

Wir müssen eine bestimmte Anzahl von Artikeln unter dieser Kategorie abrufen und sie dann dynamisch in die UL-Liste von HTML ausgeben. Wir müssen hier viele einfache Parameter verwenden Weitere Parameter finden Sie in der Dokumentation. Oder suchen Sie online.

Wir werden den HTML-Code wie folgt ändern und den WP_Query-Aufrufcode hinzufügen:

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

4 Begrenzen Sie die Anzahl der Wörter im Artikeltitel

Der Artikeltitel kann sehr lang sein und den Umfang des Spaltenblocks überschreiten. Wir können die Anzahl der Wörter im Artikeltitel begrenzen, verwenden Sie .... Ersetzen Sie get_the_title() in Punkt 3 durch den folgenden Code:

<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>

Ein chinesisches Zeichen besteht aus 2 Zeichen, die 28 oben darstellen maximal 14. Wenn ein chinesisches Zeichen größer ist, verwenden Sie stattdessen.... Die Länge ist optional.

Vollständiger Code

Das Folgende ist der vollständige Code nach der obigen Änderung usw. für mehrere Klassifizierungsblöcke:

<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>

Empfohlenes Lernen: „WordPress-Tutorial

Das obige ist der detaillierte Inhalt vonEin Artikel, der ausführlich erklärt, wie man CMS-Spaltenblöcke in WordPress erstellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:ludou.org. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen