WordPerss想制作置顶的功能,结果竟然发现自定义文章类型没有置顶的功能选项,查阅资料后发现WP只是没有显示置顶的选项,功能和文章类型一样。那么WordPress如何自定义文章开启置顶按钮?

添加按钮

首页为自定义文章添加置顶开关按钮。使用add_meta_box钩子添加选项面板,注意修改下面第四个测试为自己的自定义文章类型。

add_action( 'add_meta_boxes', 'add_sticky_box' );

function add_sticky_box(){

add_meta_box( 'product_sticky', __( 'Sticky' ), 'product_sticky', 'sites', 'side', 'high' );// 'sites' 改为自己的自定义文章类型

}

function product_sticky (){

echo '

' .__( 'Stick this post to the front page' ). '

';

}

将以上代码添加到当前所使用主题的 functions.php 文件中,保存之后新建或编辑某篇自定义文章类型就会在右上角面板(发布之上)中看到置顶功能选项。

使用

有了置顶功能,剩下的就是输出了。其实自定义文章类型的置顶文章跟平常的 post 文章类型的置顶文章输出是一样的操作。比如:

输出置顶文章

$sticky = get_option( 'sticky_posts' );

query_posts( array( 'post__in' => $sticky, 'ignore_sticky_posts' => 1 ) );

不输出置顶文章

$sticky = get_option( 'sticky_posts' );

query_posts(array('ignore_sticky_posts' => 1,'post__not_in' => $sticky); );

说明:ignore_sticky_posts 默认值是 0,如果等于 1,意思就是忽略 sticky_posts,会正常输出置顶文章但不会置顶显示。

添加【置顶】标识,以便用户知道这是一篇置顶文章。方法也很简单,只需要在循环语句中的标题后面添加以下代码即可:

<?php if (is_sticky()) {?>置顶<?php } ?>

html5置顶按钮如何添加,WordPress如何自定义文章开启置顶按钮?相关推荐

  1. WordPress 修改自定义文章类型的固定链接结构

    关于自定义文章类型和固定链接结构,大家可以想回顾一下: WordPress 自定义文章类型 介绍及实例解说(上) WordPress 自定义文章类型 介绍及实例解说(下) WordPress快速添加多 ...

  2. 一文说透WordPress的自定义文章类型

    转自丘壑博客 从2004年的1.0版本算起,WordPress在14年间已经迭代开发到了5.x版.如果说这中间哪个版本是一个质的提升的话,那应该算是2010年发布的代号为Thelonious 的 3. ...

  3. php最新添加new图标,WordPress 给最新文章和置顶文章添加new和top图标

    wordpress发布文章一般类型是置顶或者在默认正常.如果在置顶文章或者是24小时内最新发布的文章标题加上相应的图标,不仅可以增加美观,也可以提高用户浏览网站的点击率.网上有各种漂亮的图标大家可以自 ...

  4. android按钮中添加图标,android 控件 带图标的按钮(ImageButton)

    1.继承关系和子类: 2.定义: mageButton就是用一个图标代表了一些文字的Button,它没Android:text属性.它由Android:src指定图标的位置 android:src=& ...

  5. wordpress 模板自定义设置

    可以通过新建模板文件,或通过后台模板库创建模板,以下是各类型页面调用模板的设置方法 一.首页 二.单页 以下是单个帖子的层次结构是如何工作的: single-{post-type}-{slug}.ph ...

  6. wordpress如何设置文章置顶以及区分置顶文章与普通文章

    很多博客都有自己的置顶文章,在默认情况下WP对置顶文章只是将它们的位置排在前面,除了位置差异外,跟其他文章是没有任何区别的.那我们怎样才能将它们区别开来呢?我这里有几种方法:  一.在WordPres ...

  7. wordpress在前台文章界面添加编辑按钮

    原文:wordpress在前台文章界面添加编辑按钮 今天来小站看个以往文章,有个错误想改下,发现我这主题竟然没有编辑按钮能够直达编辑界面,囧,于是网上找了下前台文章界面怎么添加编辑按钮,发现非常简单( ...

  8. element 修改分页样式_如何给wordpress网站的文章列表,添加分页效果?可以通过2种方式...

    在上一章节中,我们为wordpress网站的首页添加了全站文章列表.一个wordpress网站不可能只有几篇文章,可能会有成千上万的文章,作为一个wordpress博客主题模板,一般情况下,不可能让所 ...

  9. php中引入jquery文件_WP模板开发中,怎样给wordpress网站的文章,添加点赞功能?...

    我们在网上浏览某些网站的文章时,在文章的结尾处,都会有一个点赞的按钮,如果觉得文章内容非常不错,就可以点击这个"点赞"按钮,给这篇文章进行点赞一下.在wordpress网站的模板主 ...

最新文章

  1. 【电信增值业务学习笔记】7 USSD增值业务提供技术
  2. java线程----生产者和消费者问题
  3. SuperSocket源码解析之开篇
  4. python爬取2019年计算机就业_2019年最新Python爬取腾讯招聘网信息代码解析
  5. Spring Boot 中使⽤ Cache 缓存的使⽤
  6. 拓端tecdat|Python对商店数据进行lstm和xgboost销售量时间序列建模预测分析
  7. Git提交代码的处理流程(转)
  8. nginx启动vue_nginx下部署vue项目的方法步骤
  9. 高精度WGS84与GCJ-02坐标转换
  10. STM8S003F3 内部时钟初始化以及定时器做延时的使用
  11. 已知某网络有一个地址是167.199.170.82/27,问这个网络的网络掩码。
  12. 听王自如聊蜕变历程:云计算时代如何输出价值
  13. 安装JDK+SDK+eclipse+Android Studio+模拟器(夜神OK,AVD黑屏)
  14. 酷派t2co1怎么升Android5,而且双清不了怎么办Coolpad725?酷 – 手机爱问
  15. Androd studio + MUMU模拟器
  16. 从val_loss,train_loss,test_loss中产生的问题
  17. Perl中的单行注释和多行注释
  18. 看电影学英语最时尚法则:“加减乘除”
  19. 关于 中国操作系统 COS 的随笔
  20. Centos更改yum源为阿里云镜像源

热门文章

  1. Ubuntu18.04搭建nginx rtmp服务器
  2. TCP和UDP协议的主要特点和应用场合
  3. 安全生产危化品经营单位安全管理人员一[安考星]
  4. android逆向的自学路线
  5. python可视化图表插件_组件化可视化图表 - Recharts
  6. 图论——入门级二分图最大匹配Bipartite Matching
  7. C#,图论与图算法,二分图(Bipartite Graph)最佳二分匹配(Maximum Bipartite Matching)算法与源程序
  8. matlab ncg,2步非线性共轭梯度(NCG)法
  9. C++中的并行与并发
  10. 北京内推 | 智源人工智能研究院招聘CV/NLP方向科研实习生