WordPress网页自定义HTML位置添加一个 NEW 最新发布通知样式

122530

前言：

这个功能是从 ripro 的主题里面衍生过来，觉得挺好看，就拿过来优化适配了一下，具体效果可以参考本站，安装起来也很简单，不需要再 PHP 中修改，直接在外观小工具里面实现。

效果预览：

WordPress和子比主题模板&网站美化方法教程-觅知博客

安装方法

1、在后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置社长是放在 首页-首页侧边栏添加下方代码

如果觉得代码太长，可以将下面的 css 样式中的首页最新发布标题里面 css 样式代码，复制下来，放到一个 css 文件当中再引用即可，

引用代码可参考我提供的，将/css/news.css 更改成你的文件路径就可以了

补充说明

小工具加的自定义HTML我是这么写的自行参考

  此处内容已隐藏，请评论后刷新页面查看.

自定义CSS样式

  此处内容已隐藏，请评论后刷新页面查看.

以上是知新社区采用的方法哦。

  此处内容已隐藏，请评论后刷新页面查看.

<link rel='stylesheet' id='ripro_chlid_style-css'  href='/css/news.css' type='text/css' media='all' />
温馨提示：本文最后更新于2024-03-16 22:21:54，某些文章具有时效性，若有错误或已失效，请私信客服或联系知新社长。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
二月 21

知岛上的今时往日
THE END
子比主题网站/配置/代码
# 代码# 美化# 小工具# 标题# 社区
喜欢就支持一下吧
点赞0赞赏 分享
知岛社区小管家的头像-知新网钻石会员
子比主题更改首页样式幻灯片大图全宽度[子比教程]-知新网
子比主题更改首页样式幻灯片大图全宽度[子比教程]
子比主题更改首页样式幻灯片大图全宽度[子比教程]
2年前 1255
添加一章每日60s新闻早报的文章获取方式API接口模式-知新网
添加一章每日60s新闻早报的文章获取方式API接口模式
添加一章每日60s新闻早报的文章获取方式API接口模式
2年前 831
WordPress网站整站加速优化方案[一站式站点优化方案。]-知新网
WordPress网站整站加速优化方案[一站式站点优化方案。]
WordPress网站整站加速优化方案[一站式站点优化方案。]
2年前 809
利用子比主题私信功能做个简单的弹窗客服对话按钮和功能-知新网
利用子比主题私信功能做个简单的弹窗客服对话按钮和功能
利用子比主题私信功能做个简单的弹窗客服对话按钮和功能
2年前 721
子比主题修改会员页仿造bilibili会员图标和背景图-知新网
子比主题修改会员页仿造bilibili会员图标和背景图
子比主题修改会员页仿造bilibili会员图标和背景图
2年前 700
子比主题自适应PC/手机端背景+背景图片切换[子比教程]-知新网
子比主题自适应PC/手机端背景+背景图片切换[子比教程]
子比主题自适应PC/手机端背景+背景图片切换[子比教程]
2年前 570
相关推荐
优知新基于子比主题1：1定制美化及功能集成主题迭代更新至Version:7.8(1212)-知新网
优知新基于子比主题1：1定制美化及功能集成主题迭代更新至Version:7.8(1212)
优知新基于子比主题1：1定制美化及功能集成主题迭代更新至Version:7.8(1212)
1年前 4051
APlayer播放器一个好看的超仿Blibili弹幕播放器(知新网ATOM原创)[非源代码是已经编译好的二进制程序]-知新网
APlayer播放器一个好看的超仿Blibili弹幕播放器(知新网ATOM原创)[非源代码是已经编译好的二进制程序]
APlayer播放器一个好看的超仿Blibili弹幕播放器(知新网ATOM原创)[非源代码是已经编译好的二进制...
2年前 3616
WordPress开奖活动插件 – 兼容众多热门主题多样化开奖模式和参数配置(独家定制持续更新)-知新网
WordPress开奖活动插件 – 兼容众多热门主题多样化开奖模式和参数配置(独家定制持续更新)
WordPress开奖活动插件 – 兼容众多热门主题多样化开奖模式和参数配置(独家定制持续更新)
1年前 1913
WordPress子比主题（zibll）功能样式美化插件分享-全开源—持续更新-知新网
WordPress子比主题（zibll）功能样式美化插件分享-全开源—持续更新
WordPress子比主题（zibll）功能样式美化插件分享-全开源—持续更新
2年前 1728
子比主题实名认证插件，支持个人企业认证丰富认证接口附带认证奖励勋章绑定功能-知新网
子比主题实名认证插件，支持个人企业认证丰富认证接口附带认证奖励勋章绑定功能
子比主题实名认证插件，支持个人企业认证丰富认证接口附带认证奖励勋章绑定功能
2年前 1623
觅知blibli专业版弹幕播放器开源无加密JSON解析版-后台功能一键管理-开源版-知新网
觅知blibli专业版弹幕播放器开源无加密JSON解析版-后台功能一键管理-开源版
觅知blibli专业版弹幕播放器开源无加密JSON解析版-后台功能一键管理-开源版
2年前 1588
评论 共12条
头像
欢迎您留下宝贵的见解！
提交
头像

昵称

夸夸Ta
夸夸
还有吗！没看够！
取消
昵称

请填写用户信息：

  • 昵称(必填)
  • 邮箱(必填)
表情
[01][02][03][04][05][06][07][08][09][011][012][013][014][015][016][017][018][019][020][021][022][023][024][025][026][027][028][029][030][031][032][033][034][035][036][037][038][039][040][041][042][043][044][045][046][047][048][049][050][051][052][053][054][055][056][057][058][059][060][061][062][063][064][065][066][067][068][069][070][071][072][073][074][075][076][077][078][079][080][081][082][083][084][085][01][02][03][04][05][06][07][08][09][011][012][013][014][015][016][017][018][019][020][021][022][023][024][025][026][027][028][029][030][031][032][033][034][035][036][037][038][039][040][041][042][043][044][045][046][047][048][049][050][051][052][053][054][055][056][057][058][059][060][061][062][063][064][065][066][067][068][069][070][071][072][073][074][075][076][077][078][079][080][081][082][083][084][085][086][087][088][089][090][091][092][093][094][095][096][097][098][099][0100][0101][0102][0103][0104][0105][0106][0107][0108][0109][0110][0111][0112][0113][0114][0115][0116][0117][0118][0119][0120][0121][0122][0123][0124][0125][0126][0127][0128][0129][0130][0131][0132][0133][0134][0135][0136][0137][0138][0139][0140][01][02][03][04][05][06][07][08][09][011][012][013][014][015][016][017][018][019][020][021][022][023][024][025][026][027][028][029][030][031][032][033][034][035][036][037][038][039][040][041][042][043][044][045][046][047][048][049][050][051][052][053][054][055][056][057][058][059][060][061][062][063][064][065][066][067][068][069][070][071][072][073][074][075][076][077][078][079][080][081][082][083][084][085][086][087][088][089][090][091][092][093][094][095][096][097][098][099][0100][0101][0102][0103][0104][0105][0106][0107][0108][0109][0110][0111][0112][0113][0114][0115][0116][0117][0118][0119][0120][0121][0122][0123][0124][0125][0126][0127][0128][0129][0130][0131][22_chijing][22_daku][22_daxiao][22_ganfan][22_heshui][22_kuhuo][22_nu][22_weiqv][22_yumen][33_diyi][33_han][33_heshui][33_maimeng][33_tea][33_tuhun][33_wuyan][33_ye][33_yiwen][抱大腿][不问天-啊这][不问天-吃瓜][不问天-大哭][不问天-大笑][不问天-飞吻][不问天-感叹号][不问天-干杯][不问天-害羞][不问天-好耶][不问天-和我结婚][不问天-来了][不问天-问号][不问天-囍][不问天-赞][不问天-prpr][吃棒棒糖][大意了][害羞][换装][来迟一步][驴歇菜][买买买][摩多摩多][抢][网卡了][委屈][我真不馋][谢谢惠顾][awsl][bilibili_sanlian][bilibili_zheciyiding][x1][x2][x3][x4][x5][x6][x7][x8][x9][x10][x11][x12][x13][x14][x15][x16][x17][x18][x19][x20][x21][x22][x23][x24][x25][x26][x27][x28][x29][x30][x31][x32][x33][x34][x35][x36][x37][x38][x39][x40][x41][x42][x43][x44][x45][x46][x47][x48][x49][x50]
dou小豆仔方块人233AC娘
代码

请输入代码：

确认
图片
    只看作者
    • 的头像-知新网HDM8130
      你下次发文章，能不能别勾走我的魂，直接带我走！
      6个月前回复
      知新勋章IDID.01125
    • 陳平安的头像-知新网陈奕迅等级-LV2-知新网0
      你有时候是不是特孤独？优秀的人都是这样！
      9个月前回复
      知新勋章IDID.00134
    • 的头像-知新网wyblog0
      这句大佬，我先叫为敬
      12个月前回复
      知新勋章IDID.00252
    • 的头像-知新网丰唇0
      就你这样的文章…等着上排行榜吧！
      1年前回复
      知新勋章IDID.00923
    • 的头像-知新网angelawawa0
      对于大神的文章我真是百看不厌！
      1年前回复
      知新勋章IDID.00323
    • 的头像-知新网dajun0
      高兴是天，不高兴也是天
      1年前回复
      知新勋章IDID.00916
    • 的头像-知新网luexing0
      我上辈子可能是碳酸饮料，一刷到你的文章就开心得冒泡
      1年前回复
      知新勋章IDID.00700
    • 的头像-知新网zhixing202330
      高兴是天，不高兴也是天，我要抓紧时间，高兴的过好没天。
      2年前回复
      知新勋章IDID.00262
    • 的头像-知新网yiyun0
      谢谢博主分享！
      2年前回复
      知新勋章IDID.00367
    • 的头像-知新网素酒青衣0
      感谢大佬分享！
      2年前回复
      知新勋章IDID.00240
    • 天机阁主的头像-知新网用户16941728等级-LV7-知新网0
      感谢挫折感谢荆棘感谢跌倒感谢嘲笑感谢讽刺感谢你不放弃执着孤独的我
      2年前回复
      知新勋章IDID.00178
社区求救信号帮助是一种美德
问答区

的头像-知新网

35天前0

心神荡漾，面若桃花
的头像-知新网

35天前0

行云流水，妙笔生花。
的头像-知新网

35天前0

夸就完事了~
的头像-知新网

35天前0

遇见你是我的幸运，关注你是我的荣幸
的头像-知新网

35天前0

这个着实牛皮到离谱，离离原上谱
论坛标签查关键词
Tags云层
表情包勋章图标等级图标GTA5死亡细胞原神海报幻灯片蚊车WordPress帮帮乐游戏攻略字体苹果cms

创作者激励计划

优知新开放社区创作者计划泛指通过发布文章、社区帖子和社区提问解疑，以及提供优质评论，为创作者提供收益机会，同时创作者也可与其他用户建立交流和互动。 规则详情
12 位

创分作者

-5147.31 元

激励分成已发放

立即加入 规则详情