以前用的主题都自带有简码,也在多个博客都看到这种彩色美化框,感觉好看,而且把文章分得很有层次感、突出内容等…
效果展示
绿色提示框
红色提示框
黄色提示框
[v_tips]灰色提示框[/v_tips]
代码
一、编辑WordPress主题目录下的functions.php文件,添加如下代码并保存:
/*短代码信息框 开始*/
function toz($atts, $content=null){
return '<div id="sc_notice">'.$content.'</div>';
}
add_shortcode('v_notice','toz');
function toa($atts, $content=null){
return '<div id="sc_error">'.$content.'</div>';
}
add_shortcode('v_error','toa');
function toc($atts, $content=null){
return '<div id="sc_warn">'.$content.'</div>';
}
add_shortcode('v_warn','toc');
function tob($atts, $content=null){
return '<div id="sc_tips">'.$content.'</div>';
}
add_shortcode('v_tips','tob');
/* 短代码信息框 完毕*/
二、CSS美化代码:
添加到CSS中,或者直接在在主题设置——自定义代码——自定义CSS样式中加入
/*通知框*/
#sc_notice { color: #7da33c; background: #ecf2d6 url('img/sc_notice.png') -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; }
#sc_warn, .post-password-form { color: #ad9948; background: #fff4b9 url('img/sc_warn.png') -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; }
#sc_error { color: #c66; background: #ffecea url('img/sc_error.png') -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; }
#sc_tips {
color: #777;
background: #eaeaea url('img/sc_tips.png') -1px -1px no-repeat;
border: 1px solid #ccc;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
}
图标素材:
[url href=http://pan.cloudcared.cn/f/8360667980764b8ead0b]个人网盘[/url]
三、代码使用:
在文章编辑时插入以下代码即可,注意括号修改下(“{“修改为”[“)
- 绿色提示框:{v_notice]输入文字[/v_notice}
- 红色提示框:{v_error]输入文字[/v_error}
- 黄色提示框:{v_warn]输入文字[/v_warn}
- 灰色提示框:{v_tips]输入文字[/v_tips}
樱花哪里也有这个
@宅小猫 那个不要脸无耻之徒抄袭我的
@起风 去打他
@宅小猫 下午已经打过了,跪地喊爸爸
@起风 这个B也是让你装的没谁了….
爸爸一拳把你打的粘墙上抠都抠不下来
Prometheus & PromQL
关于Kubernetes RequestsLimits设置的一些细节
Kubernetes之Taints污点与Tolerations容忍详解
Prometheus监控云数据库之SQL Server
一文搞懂 K8S request 和 limit 最佳实践
AES加密与解密在项目中的使用
腾讯云TKE运行多个ingress控制器实践
通过HPA/VPA,聊聊K8S监控那些事儿
Kubernetes Pod 垂直自动伸缩(VPA)
Prometheus黑盒监测之blackbox_exporter
kubernetes限制节点启动的pod数量
Kubernetes配置热更新
Prometheus黑盒监测之blackbox_exporter
一文搞懂 K8S request 和 limit 最佳实践
通过HPA/VPA,聊聊K8S监控那些事儿
kubernetes限制节点启动的pod数量
Kubernetes Pod 垂直自动伸缩(VPA)
Prometheus监控云数据库之SQL Server
AES加密与解密在项目中的使用
Kubernetes配置热更新
腾讯云TKE运行多个ingress控制器实践
Prometheus & PromQL