自定义个性化文章形式

添加内置文章形式(post-formats),列表循环不同的文章形式。

 

第一步

打开wp-includes/文件夹里的post-formats.php文件,添加需要增加的样式名称,

 

第二步

将add_theme_support()函数添加在functions.php

add_theme_support( 'post-formats', array( 'aside', 'gallery');

 

添加页面支持

上面代码默认只是添加了post类文章可选post format。如果想让页面(Page)或者自定义post类型支持post format,需要使用add_post_type_support()函数,同样将其放在functions.php中。如:

// add post-formats to post_type 'page'
add_post_type_support( 'page', 'post-formats' );
 
// add post-formats to post_type 'my_custom_post_type'
add_post_type_support( 'my_custom_post_type', 'post-formats' );

使用post format

在主题中使用get_post_format()来检测文章类型。如果文章类型为standard类型,则返回false。也可以使用has_post_format()来测试。

if( has_post_format( 'video')) {
    echo 'this is the video format';
}

 

通过在文章的wrapper结构中调用post_class()函数,将添加额外的样式类,然后通过样式表进行布局或美化。如:

.format-video .post-title {
    display: none;
}

 

 

第三步

建立对应的样式文件,如content-video.php,添加到template-parts目录

 

 

参考:
wordpress如何开启文章格式post format
add_theme_support(string $feature)
https://codex.wordpress.org/Post_Formats
给wordpress主题添加内置文章形式(post-formats),列表循环不同的文章形式
 

 

 

赞 赏

    推 荐 阅 读

  • 设计了一个网站…

    近一段时间累的一塌糊涂也过的一塌糊涂,基本每天凌晨三五点睡,恨不得不用吃饭不用睡觉的敲代码,睡梦中还在php if 、else if 、div class…。虽然知道熬夜不好,但生怕一...

    设计了一个网站…
  • 调用站内文章/文章内链短代码

    昨天在大发的博客里看到他调用的站内文章样式很好看,高大上。随即给他留言向他请教,今天回复了一条教程链接,原来发哥早就写过教程,有需要的也可以看看,链接地址:https://f...

    调用站内文章/文章内链短代码
  • 给云存储绑定自定义域名

    上一篇文章给网站开启CDN加速和云存储!简单介绍了CDN加速和云存储,本文着重介绍一下给云存储绑定自定义域名之后的加速和浏览器在线打开图片的设置。 当使用腾讯云存储对象V4创...

    给云存储绑定自定义域名
  • 用is_mobile()函数判断手机设备wordpress

    为了使得手机端和PC端显示不一样的内容字数,用了<?php if (is_mobile() ): ?>、<?php endif ;?>来判断,不过在此之前需要在 functions.php 内添加如下代码才能有效...

    用is_mobile()函数判断手机设备wordpress
  • WordPress自定义评论列表

    一、打开主题目录下的callback.php文件,加入以下代码 /** *自定义评论列表 */ function mytheme_comment($comment, $args, $depth) { $GLOBALS['comment'] = $comment;...

    WordPress自定义评论列表