给自己博客增加简易短代码-热门秀
好长时间没有更新了,主要是因为最近事情太多,是真的忙,并不是什么托词。
这两天发现自己正在使用的Grace主题更新到3.0版本了,就又折腾了一番。新主题距离我上一次更新增加了比较多的功能,其中短代码依旧缺着。与其说是缺着,不如说是suxing大大偷懒没有在代码里面加进去,其实短代码的函数在主题里面shortcodes.php文件里面都已经定义好了。只需要在function文件里面调用进去就可以直接使用。当然还要从作者的博客盗用一下样式文件增加到style.css里面,在这里mark一下,免得自己个半吊子每次都要查半天才能搞定。

样式文件

[gray-cue].blue-strip{background-color:#32a5e7;color:#fff}
.gray-strip{background-color:#F1F1F1;color:#555}
.post-content a.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:8px 25px 9px 18px;font-size:14px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:10px 0 20px;margin-right:20px}
.post-content a.btn i{margin-right:8px}
.post-content p a.btn-button{color:#32a5e7;background-color:transparent;border:2px solid #32a5e7;text-indent:0;padding:8px 25px 9px}
.post-content p a.blue-button{color:#FFF;background-color:#32a5e7;border:1px solid #32a5e7;margin-right:20px}
.post-content p a.blue-button,.post-content p a.download-button{color:#FFF;background-color:#32a5e7;border:2px solid #32a5e7;margin-right:20px;text-indent:0}
.post-content p a.preview-button{color:#FFF;background-color:#f66;border:2px solid #f66!important;margin-right:20px;text-indent:0}
.post-content p a.blue-button:hover,.post-content p a.download-button:hover{color:#32a5e7;background-color:#FFF;border-color:#32a5e7}
.post-content p a.preview-button:hover{color:#f66;background-color:#FFF;border-color:#f66}
.post-content p a.btn-button:hover{color:#fff;background-color:#32a5e7;border-color:#32a5e7}
.post-liright{margin-left:5px;margin-bottom:15px}
.post-liright img{max-width:90%;height:auto;margin:0 auto;display:block}
.post-content .sx{margin:15px 0 25px 0;padding:10px 15px 10px 10px}
.post-content .sx p{text-indent:0;margin-bottom:0}
.gray-cue,.blue-cue,.green-cue,.red-cue{position:relative;border-width:1px;border-style:solid}
.cue_text{padding-left:30px}
.cue_text p{font-size:14px;margin-bottom:10px}
.cue_text ul,.gray-cue ul,.blue-cue ul,.green-cue ul,.red-cue ul{margin:20px 0 20px 50px}
.cue_text a,.gray-cue a,.blue-cue a,.green-cue a,.red-cue a{color:#32a5e7}
.sx i{position:absolute;font-size:20px;margin:-1px 0 0 0}
.post-content .gray-cue{background-color:#d9edf7;color:#3a87ad;border-color:#bce8f1}
.blue-cue{background-color:#fcf8e3;color:#c09853;border-color:#fbeed5}
.green-cue{background-color:#E9F6DF;color:#6CB136;border-color:#D7E7CB}
.red-cue{background-color:#f2dede;color:#b94a48;border-color:#eed3d7}
.gray-cue i{color:#3a87ad}
.sx-cue i{color:#c09853}
.green-cue i{color:#6CB136}
.red-cue i{color:#b94a48}
.sx-cue a,.green-cue a,.gray-cue a{color:#32a5e7}
.yinyong{margin:15px 0;padding:10px 0;border-bottom:1px solid #eaeaea}
.yinyong quote{font-size:21px;color:#BABABA;display:inline-block}
.yinyong quote p{margin-bottom:0!important}[/gray-cue]

调用函数

[gray-cue]include ('includes/modules/shortcodes.php');[/gray-cue]