自定义个性化文章形式

添加内置文章形式(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),列表循环不同的文章形式
 

 

 

赞 赏

    推 荐 阅 读

  • 给云存储绑定自定义域名

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

    给云存储绑定自定义域名
  • 增加文章目录toc功能并和.back-to-top同时出现

    为了增加用户体验度,使得页面更加美观,我把文章目录嵌入.back-to-top层里,好处是不用再写script,直接引用.back-to-top的js功能,与“返回顶部”按钮在滚动条离顶部一定间距时...

    增加文章目录toc功能并和.back-to-top同时出现
  • 让文章目录插件wp-toc在侧边栏显示

    在文章页面增加文章目录有利于SEO,大大降低了网站美观,像我这种有强迫症的人,最好是鱼和熊掌兼得,必须尽其所能做到美观和功能兼顾的局面(当然是在自己能力范围内哈),像本...

    让文章目录插件wp-toc在侧边栏显示
  • 调用站内文章/文章内链短代码

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

    调用站内文章/文章内链短代码
  • 不变形原比例缩放图片代码

    自己整理了几种图片展示的方法,实现图片原比例缩小、放大、不失真、不变形,先来看看实例图: 不变形原比例缩放图片代码 以下是对应的各种样式的代码。 <!DOCTYPE html> ...

    不变形原比例缩放图片代码