自定义个性化文章形式

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

 

 

历史的今天:

赞 赏

    推 荐 阅 读

  • 调用站内文章/文章内链短代码

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

    调用站内文章/文章内链短代码
  • 用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自定义评论列表
  • 增加文章目录toc功能并和.back-to-top同时出现

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

    增加文章目录toc功能并和.back-to-top同时出现
  • Gravatar全球公认头像

    把邮箱注册成全球公认的头像,只要在全球任何一个网站评论时留下您的邮箱,就会出现您的头像,听起来是不是很梦幻…这个世界就是这么神奇! 评论成功后,奇迹出现了~~ 除...

    Gravatar全球公认头像