Inhaltsverzeichnis
解析WordPress中的post_class与get_post_class函数,wordpresspostclass
您可能感兴趣的文章:
Heim php教程 php手册 解析WordPress中的post_class与get_post_class函数,wordpresspostclass

解析WordPress中的post_class与get_post_class函数,wordpresspostclass

Jun 13, 2016 am 08:48 AM
wordpress

解析WordPress中的post_class与get_post_class函数,wordpresspostclass

post_class()
post_class 是 WordPress 内置的一个用于显示文章 class 名称的函数,该函数通常会为每一篇文章生成独一无二的 clss 值,如果你需要制作你自己的主题,而且还需要一点个性的话,那你最好驻足一下,使用该函数并配合灵活的 css 代码,我们可以制作出个性化十足的 WordPress 博客。

post_class 函数描述
该函数通常会为每一篇文章生成独一无二的 clss 值,可以很方便使用于文章所在的节点中。

函数使用
向其他的诸如 header_image、wp_title这样的 WordPress 标签函数一样,不带 get 的函数通常是会直接显示出来而不返回任何值。

<post id="post-<&#63;php the_ID(); &#63;>" <&#63;php post_class(); &#63;> > <&#63;php the_content ;&#63;> </post>
Nach dem Login kopieren

是的,也许你已经注意到了,使用 post_class 函数时我们甚至不需要这样去写 clss=“post_class()”;。

实例结果
不卖关子,结果如下

<post id="post-888" class="post-888 post type-post status-publish format-standard hentry category-2 tag-wordpress" > 文章内容 </post>
Nach dem Login kopieren

以使用为主的函数讲完了,
下面照旧给出函数源代码:
想要了解更多关于该函数,以及get_post_class函数请关注后期文章。

/**
 * Display the classes for the post div.
 *
 * @since 2.7.0
 *
 * @param string|array $class One or more classes to add to the class list.
 * @param int $post_id An optional post ID.
 */
function post_class( $class = '', $post_id = null ) {
 // Separates classes with a single space, collates classes for post DIV
 echo 'class="' . join( ' ', get_post_class( $class, $post_id ) ) . '"';
}

Nach dem Login kopieren

get_post_class 详解
get_post_class 是 post_class 函数的基本实现,在 WordPress 中其他一些带 get 的函数一样,该函数将会有一个返回值,而该返回值将是一个包含当前文章基本信息的数组,get_post_class 函数主要用来给每篇文章生成独一无为的 class 值而被封装出来的。

如果你是一个要求不高的人的话,那么 post_class 这个函数其实已经足够你折腾了。如果你是一个有着精神洁癖的人,不想自己的 WordPress 网站有太多无用代码的话,那你可以继续往下看。

get_post_class函数详解
该函数主要用来生成一个当前文章相关信息的数组,该数组所含信息我们往往用来作为文章层中的 class 值。
就像我上面提到的 post_class 函数,就是利用了本函数生成的 class 值。
并且该函数支持插入你自己的 class 值,一合并到返回数组中。
以上是我本人的理解,当然你也可以看一下官方的手册。

比较费解的手册内容如下:
WordPress Themes have a template tag for the post HMTL tag which will help theme authors to style more effectively with CSS. The Template Tag is called get_post_class. This function returns different post container classes which can be added, typically, in the index.php, single.php, and other template files featuring post content, typically in the HTML

tag.
函数用法

<&#63;php get_post_class($class, $post_id); &#63;>
Nach dem Login kopieren

如果在循环中,并且不需要插入自定义class值的话,该函数可不接受任何参数。

函数参数
$class:自定义 class 值,可以使字符串也可以死数组。

$post_id:文章ID

使用实例

$MyClass = get_post_class(); 
 var_dump($MyClass);
Nach dem Login kopieren

输出结果:

array(9) {
 [0]=>
 string(8) "post-249"
 [1]=>
 string(4) "post"
 [2]=>
 string(9) "type-post"
 [3]=>
 string(14) "status-publish"
 [4]=>
 string(15) "format-standard"
 [5]=>
 string(6) "hentry"
 [6]=>
 string(18) "category-catcatcat"
 [7]=>
 string(8) "tag-tag1"
 [8]=>
 string(8) "tag-tag2"
}
Nach dem Login kopieren

进阶实例

$MyClass = get_post_class('index-post',249);
//或 
$MyClass = get_post_class(array( 'index-post'),249);
 var_dump($MyClass);
Nach dem Login kopieren

输出结果:

array(10) {
 [0]=>
 string(8) "post-249"
 [1]=>
 string(4) "post"
 [2]=>
 string(9) "type-post"
 [3]=>
 string(14) "status-publish"
 [4]=>
 string(15) "format-standard"
 [5]=>
 string(6) "hentry"
 [6]=>
 string(18) "category-catcatcat"
 [7]=>
 string(8) "tag-tag1"
 [8]=>
 string(8) "tag-tag2"
 [9]=>
 string(10) "index-post"
}
Nach dem Login kopieren

总结
根据函数的源代码,我们可以看出,本函数 class 值罗列的顺序为:

  • 文章id
  • 文章类型(页面、文章)
  • 文章类型(页面、文章)与上一条相同,但结果中多了‘type-'字样
  • 发布状态
  • 文章格式
  • 是否需要密码
  • 文章所述分类(会逐个罗列所述分类)
  • 文章所述标签(会逐个罗列标签)

您可能感兴趣的文章:

  • WordPress开发中用于获取近期文章的PHP函数使用解析
  • WordPress开发中自定义菜单的相关PHP函数使用简介
  • WordPress中用于获取搜索表单的PHP函数使用解析
  • 在WordPress中使用wp_count_posts函数来统计文章数量
  • 详解WordPress中调用评论模板和循环输出评论的PHP函数
  • 在WordPress中加入Google搜索功能的简单步骤讲解
  • 详解WordPress开发中的get_post与get_posts函数使用
  • WordPress开发中的get_post_custom()函数使用解析
  • 在WordPress中安装使用视频播放器插件Hana Flv Player
  • 详解WordPress中分类函数wp_list_categories的使用
  • WordPress开发中短代码的实现及相关函数使用技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So stornieren Sie das Bearbeitungsdatum von WordPress So stornieren Sie das Bearbeitungsdatum von WordPress Apr 20, 2025 am 10:54 AM

WordPress-Bearbeitungsdaten können auf drei Arten storniert werden: 1. Installieren Sie das Postdatum-Deaktivierungs-Plug-In; 2. Fügen Sie den Code in die Datei functions.php hinzu; 3. Bearbeiten Sie die post_modified -Spalte manuell in der Tabelle WP_POSTS.

So fügen Sie WordPress Kommentare hinzu So fügen Sie WordPress Kommentare hinzu Apr 20, 2025 am 11:42 AM

Die Schritte zum Hinzufügen eines Kommentars in WordPress sind wie folgt: Aktivieren Sie Kommentare: Überprüfen Sie "Kommentare zuzulassen", um Kommentare für einen bestimmten Artikel oder alle Artikel zu aktivieren. Kommentaroptionen festlegen: Passen Sie die Genehmigung, Paging, verschachtelte Kommentare und andere Einstellungen an. Kommentarformular hinzufügen: Verwenden Sie den angegebenen Code, um das Kommentarformular zum gewünschten Ort hinzuzufügen. Kommentare anzeigen: Verwenden Sie den bereitgestellten Code, um übertragete Kommentare anzuzeigen. Antwort auf Kommentare: Antworten Sie auf einen einzigen Kommentar über den Antwortlink oder antworten Sie auf mehrere Kommentare mit einem Stapelvorgang. Kommentare verwalten: Auf der Registerkarte Kommentare anzeigen, löschen, genehmigen und markieren.

So zeigen Sie WordPress -Kommentare an So zeigen Sie WordPress -Kommentare an Apr 20, 2025 pm 12:06 PM

Aktivieren Sie Kommentare in der WordPress -Website: 1. Melden Sie sich im Administratorbereich an, wenden Sie sich zu "Einstellungen" - "Diskussionen" und überprüfen Sie "Kommentare zulassen". 2. Wählen Sie einen Ort aus, um Kommentare anzuzeigen. 3.. Anpassen Kommentare; V. 5. verwenden & lt;? Php commenter_template (); ? & gt; Tags zum Anzeigen von Kommentaren; 6. Verschachtelte Kommentare aktivieren; 7. Kommentarform einstellen; 8. Verwenden Sie Plugins und Verifizierungscodes, um Spam -Kommentare zu verhindern. 9. Ermutigen Sie Benutzer, Gravatar Avatar zu verwenden; 10. Erstellen Sie Kommentare, auf die Sie sich beziehen können

Empfohlener Produktregistrierungs-Plug-In für benutzerfreundliche WordPress Empfohlener Produktregistrierungs-Plug-In für benutzerfreundliche WordPress Apr 20, 2025 am 08:15 AM

Es gibt kein perfektes WordPress -Produktregistrierungs -Plugin, die Auswahl sollte auf den tatsächlichen Anforderungen und der Größe der Website basieren. Empfohlene Plug-Ins umfassen: Memberpress: leistungsstarke, aber hochpreisige, komplexe Konfiguration Einschränkung Inhalt.

Die WordPress -Website ist online, kann aber nicht durchsucht werden Die WordPress -Website ist online, kann aber nicht durchsucht werden Apr 20, 2025 am 09:00 AM

Gründe, warum WordPress -Websites in Suchmaschinen nicht gefunden werden können: 1. Indexierungsprobleme; 2. Inhaltsprobleme; 3. technische Probleme auf der Website; 4. Linkprobleme; 5. Andere Themen wie geografische Beschränkungen, Website -Name und Social -Media -Präsenz.

WordPress -Website -Konto Anmeldung WordPress -Website -Konto Anmeldung Apr 20, 2025 am 09:06 AM

So melden Sie sich bei einem WordPress-Website-Konto an: Besuchen Sie die Anmeldeseite: Geben Sie die Website von URL Plus "/wp-login.php" ein. Geben Sie Ihren Benutzernamen und Ihr Passwort ein. Klicken Sie auf "Login". Überprüfung der Überprüfung zweistufiger Verifizierung (optional). Nachdem Sie sich erfolgreich angemeldet haben, sehen Sie das Dashboard der Website.

So lokalisieren Sie Bilder in WordPress So lokalisieren Sie Bilder in WordPress Apr 20, 2025 am 10:03 AM

WordPress bietet die folgenden Möglichkeiten zum Suchen von Bildern: Bildidentifikationsnummer: Bewegen Sie das Bild in der Medienbibliothek, um die Identifikationsnummer (ID) anzuzeigen. Bild -Titel: Geben Sie einen Titel in das Feld Suchmedien ein, um das Bild zu finden. Bild -URL: Im Bildeditor wird die Bild -URL in der oberen rechten Ecke angezeigt. Standortkennung: Suchen Sie in der Registerkarte Erweitert der Blockeinstellungen den Standortkennung im Feld CSS -Klasse des angegebenen Bildortes.

Wie man Kommentare mit WordPress schließt Wie man Kommentare mit WordPress schließt Apr 20, 2025 am 11:54 AM

Wie deaktiviere ich einen Kommentar in WordPress? Spezifischer Artikel oder Seite: Deaktivieren Sie die im Herausgeber diskutierten Kommentare. Ganze Website: Deaktivieren Sie "Kommentare zulassen" in "Einstellungen" -> "Diskussion". Verwenden von Plug-Ins: Installieren Sie Plug-Ins wie deaktivieren Sie Kommentare, um Kommentare zu deaktivieren. Bearbeiten Sie die Themendatei: Entfernen Sie das Kommentarformular, indem Sie die Datei comments.php bearbeiten. Benutzerdefinierte Code: Verwenden Sie die Funktion add_filter (), um Kommentare zu deaktivieren.

See all articles