B2文章角标功能增加了背景。

如何设置文章的角标，一直是很多朋友想要的。今天就来说说这个功能怎么做吧。喜欢的话，加一个看看。

一、填角文字这部分主要是在写文章的时候，构建文章图片上显示的文字和背景色。

如图所示:

打开路径b2/Modules/Settings/Post.php，查找“是否显示标签”，在后面添加以下代码:

//在角文本中填入$ post _ meta ->；add _ field(array(' name ' = & gt；_ _('文章角显示'，' b2 ')，' id' = >: 'post_style_art '，' type ' = & gt' textarea_code '，' options ' = & gtarray(' disable _ code mirror ' = & gt；真)，' desc ' = & gt；_ _('请尽量填两个字//不选就不显示'，' b2 ')，'默认' = >；self::$default_settings

这部分代码可以写在副主题的背景上。

$ict_branch->add _ field(array(' name ' = & gt；_ _('文章角显示'，' b2 ')，' id' = >: 'ict_adv_jiaobiao '，' type ' = & gtselect '，' default ' = & gtself::$default_settings

3.打开前端显示设置的文件B2/模块/模板/模块/帖子. php，仔细阅读这个文件的注释。这个文件主要是文章列表下文章的布局方式，五种主要的布局方式都在这个文件下。这里主要以网格模式进行演示，如下图所示:

将以下代码放在水平线的中间，并保存文件。

//文章角标$ page _ jiao Biao _ open = B2 _ get _ option(' template _ branch '，' ICT _ adv _ jiaobiao '，true)；$ page _ jiao Biao _ default = B2 _ get _ option(' template _ Branch '，' ict_adv_jiaobiao_write '，true)；$ ymeta value = apply _ filters(' B2 _ post _ 1 _ get _ type '，get_post_meta($v

到目前为止，所有的后台构建都已经完成。

四。CSS写作。将下面的代码放到subthemes根目录下的style.css中，并保存。同时清除所有缓存，强制刷新，在文章中或者全局设置，看效果。

/* * ----------------------------------------------------------------------------------------田{位置:绝对；边框:2px solid # FFFFFFborder -半径:12pxtop:10px；左:10pxZ-指数:1；font -size:12px；颜色:# f9f9f9填充:0 8pxline -高度:20px-webkit-box-align:居中；justify -内容:居中；-ms-flex-align:居中；align -项:居中；-webkit-box-pack:居中；-ms-flex-pack:中心；text-align:居中；显示器:flex} . post -module -thumb . Tian . yue { background -color:# ff 8936；background -image:linear -gradient(-60 deg，#ff5858 0%，# f 09819 100%)；box -shadow:0 0px 0px 1.2 px # fff；}CSS摘自智美:https://zhutix.com/

原创教程写的不容易。请保留来源以便处理。谢谢你的支持。