为WordPress文章添加额外的CSS样式

2014年03月24日10:10:16 3 8,585

有时,你可能需要添加一些额外的CSS样式重新定义某篇WordPress文章的外观风格,虽然可以直接在文章编辑器中直接添加CSS代码,但这不是一个好的方式。

本篇文章,将教你通过自定义栏目为WordPress文章添加额外的CSS样式。

首先,将下面代码添加到你的WordPress主题头部模板 header.php中:

  1. <?php if (is_single()) {
  2.     $css = get_post_meta($post->ID, 'css', true);
  3.     if (!emptyempty($css)) { ?>
  4.         <style type="text/css">
  5.         <?php echo $css; ?>  
  6.         </style>
  7.     <?php }
  8. } ?>

当你想为某篇文章添加一些额外的CSS时,你只需要添加自定义栏目名称:CSS即可。

原文:How To Add Extra CSS In WordPress Posts With Custom Fields

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  3   博主  0

    • aunsen 4

      这个要动的东西就多了,还有主题CSS

      • 浅浅 0

        学习了 :grin:

        • 求教 0

          你好,
          我刚刚搭建了一个Wordpress网站 www.richgrowthtips.com 但是Windows的火狐浏览器显示有问题。bullet的字体颜色和背景对比度太小,不利于阅读,请教怎么解决?