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

知更鸟 2014年3月24日10:10:16WordPress514.2K阅读模式

为WordPress文章添加额外的CSS样式文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

有时,你可能需要添加一些额外的CSS样式重新定义某篇WordPress文章的外观风格,虽然可以直接在文章编辑器中直接添加CSS代码,但这不是一个好的方式。文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

本篇文章,将教你通过自定义栏目为WordPress文章添加额外的CSS样式。文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

首先,将下面代码添加到你的WordPress主题头部模板 header.php中:文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

<?php if (is_single()) {
	$css = get_post_meta($post->ID, 'css', true);
	if (!empty($css)) { ?>
		<style type="text/css">
			<?php echo $css; ?>  
		</style>
	<?php }
} ?>

当你想为某篇文章添加一些额外的CSS时,只需要添加自定义栏目名称:CSS,值:样式代码,比如:body {background: #c40000;},将背景改成红色。文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

原文:How To Add Extra CSS In WordPress Posts With Custom Fields文章源自知更鸟-https://zmingcx.com/wordpress-e-wai-css.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
用小工具创建 WordPress 超级菜单 WordPress

用小工具创建 WordPress 超级菜单

所谓的超级菜单,就是有别于正常样式简单的 WordPress 菜单,添加更加丰富的自定义内容,在WordPress后台安装插件页面搜索”mega menu“,会找到一堆相关的插件。 为了让菜单样式有变...
在 WordPress 后台直接复制文章 WordPress

在 WordPress 后台直接复制文章

在 WordPress 后台文章列表中,如果能直接复制一篇文章或页面,然后重新编辑后发表,是不是很方便。那为什么不全选复制文章内容,然后粘贴到新建文章中呢?这是因为这样做仅复制了文章内容,并未同时把原...
评论  5  访客  4  作者  1
    • aunsen
      aunsen 5

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

      • 浅浅
        浅浅 0

        学习了 :grin:

        • 求教
          求教 0

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

          • 苏
            1

            代码有错误

          匿名

          发表评论

          匿名网友 填写信息

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

          确定