发表一下郁闷,使用wordpress将近一年了,才发现原来引用是这么做的。以前一直看小夜博客,微魔部落了的引用和高亮显示代码。之前我使用一个工具来实现wordpress文章高亮,并不是插件。刚才在看老谢的博客时发现有很多引用的标签。后来才想到在网上查一下,如何添加引用。网上查到的更多是引用的一些css样式。后来折腾了半个小时才学会添加,原来在wordpress的编辑器里就有这个按钮。截图如下:
然后点
下面出现blackquote标签之后切换回来输入内容即可,输完完成之后,按回车返回当前编辑状态。
实现如下效果(不同的wordpress主题效果不同):
引用效果是这么来的!
上面我使用的xiaohanv3主题的效果,如果当你使用之后,发现你的主机不支持blackquote,你可以在你的style.css文件中添加如下css样式:
- blockquote {
- background:#f9f9f9;
- border-left:10px solid #ccc;
- margin:1.5em 10px;
- padding:.5em 10px;
- quotes:“201C”“201D”“2018″“2019″;
- }
- blockquote:before {
- color:#ccc;
- content:open-quote;
- font-size:4em;
- line-height:.1em;
- margin-right:.25em;
- vertical-align:-.4em;
- }
- blockquote p {
- display:inline;
- }
使用之后效果如下:
代码来自:阳光互联网博客 http://www.suncnn.com/post/538.html
当然,谷歌上还有很多,你可以搜索一下了。
感谢老谢博客的提醒,还有感谢xiaohanv3提供的主题,最后感谢一下阳光互联网博客。
关于wordpress的blockquote的添加和css样式