发表一下郁闷,使用wordpress将近一年了,才发现原来引用是这么做的。以前一直看小夜博客,微魔部落了的引用和高亮显示代码。之前我使用一个工具来实现wordpress文章高亮,并不是插件。刚才在看老谢的博客时发现有很多引用的标签。后来才想到在网上查一下,如何添加引用。网上查到的更多是引用的一些css样式。后来折腾了半个小时才学会添加,原来在wordpress的编辑器里就有这个按钮。截图如下:

点此

然后点

下面出现blackquote标签之后切换回来输入内容即可,输完完成之后,按回车返回当前编辑状态。

实现如下效果(不同的wordpress主题效果不同):

引用效果是这么来的!

上面我使用的xiaohanv3主题的效果,如果当你使用之后,发现你的主机不支持blackquote,你可以在你的style.css文件中添加如下css样式:

 

 
  1. blockquote {   
  2. background:#f9f9f9;   
  3. border-left:10px solid #ccc;   
  4. margin:1.5em 10px;   
  5. padding:.5em 10px;   
  6. quotes:“201C”“201D”“2018″“2019″;   
  7. }   
  8. blockquote:before {   
  9. color:#ccc;   
  10. content:open-quote;   
  11. font-size:4em;   
  12. line-height:.1em;   
  13. margin-right:.25em;   
  14. vertical-align:-.4em;   
  15. }   
  16. blockquote p {   
  17. display:inline;   
  18. }  

 

使用之后效果如下:

wordpress入门

代码来自:阳光互联网博客 http://www.suncnn.com/post/538.html

当然,谷歌上还有很多,你可以搜索一下了。

感谢老谢博客的提醒,还有感谢xiaohanv3提供的主题,最后感谢一下阳光互联网博客。

 

关于wordpress的blockquote的添加和css样式

发表评论

电子邮件地址不会被公开。 必填项已用*标注