Typecho PingHsu主题添加OwO表情教程

   归类在: Typecho.   现有 0评论   93次阅读.
``` 将OwO-textarea添加到class中,如下: ```php ``` 4.接下来在刚修改的这行下面,引入OwO表情选择按钮,添加下面代码: ```html
``` 5.找到footer.php文件,打开后在后面另起一行,添加json文件。如下: ```javascript ``` 6.这一步可要可不要,如果你除了想添加“颜文字”外还想图片表情,那么可以做这一步,把准备材料中的“图片表情包”上传到你的服务器,记住位置,然后引用,具体引用方式是在OwO.min.json文件中,比如我的引用方式是: `` { "泡泡": { "type": "image", "container": [{ "text": "@(呵呵)", "icon": "" }, { "text": "@(哈哈)", "icon": "" }, { "text": "@(吐舌)", "icon": "" }, `` 后面还有很多,类似于这样引用,就看你自己了。这里可以使用markdown语法,只要你熟练,可以更美观。 7.第七步,这部是接着上一步来的,如果你使用了图片表情,那么你得再后台的设置-评论设置里面对【允许使用的HTML标签和属性】进行设置,在其下面框内填入: ```html
``` 如果你不填这一部,那么你的图片表情在PingHsu主题评论中是不显示的。 ![1160710081.jpg](http://zmmio.com/usr/uploads/2019/10/2324561474.jpg) 8.最后一步,调试,根据自己的主题进行调试,这里我对PingHsu主题进行一些细节上的修改以达到好看美观。其中,在.comment-content p img标签里加个vertical-align: middle;这里感谢@Jdeal的提醒,我之前没注意这个问题,导致图片评论换行后图文不对称问题;其二,在.OwO 中添加padding: 20px;让表情选择按钮和发送按钮对齐。 结束语 教程到此结束,还是比较简单的,唯一困难的就是在你需要根据你的主题来对一些css属性就行调整以达到和你主题完美切合,主题就是用来折腾的,所以,不要怕,做好备份就是干。
评论被关闭.