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

知更鸟
知更鸟
知更鸟
1655
文章
6940
评论
2014年3月24日10:10:16512.8K15

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

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

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

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

<?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;},将背景改成红色。

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

weinxin
版权声明
本站原创文章转载请注明文章出处
为WordPress上下篇文章链接添加缩略图 WordPress

为WordPress上下篇文章链接添加缩略图

大部分WordPress主题都会在正文下面添加上下篇文章的链接,可以通过下面的代码给这个链接再加个缩略图,让其更醒目。 为WordPress上下篇文章链接添加缩略图 将下面代码添加到正文模板文件的适当...
无需输入密码的WordPress登录表单 WordPress

无需输入密码的WordPress登录表单

如果想在WordPress主题中添加一个不需要输入密码,仅输入用户名或电子邮件即可登录的表单,可以用下面的方法实现。 无需输入密码的WordPress登录表单 复制以下代码,粘贴到要显示表单的位置 &...
WordPress面包屑导航代码 WordPress

WordPress面包屑导航代码

转载分享一段WordPress面包屑导航代码,支持自定义帖子类型、自定义分类,但貌似在分类归档页面不能显示父子分类层级有点遗憾。 WordPress面包屑导航代码 将代码添加到当前主题函数模板func...
在 WordPress 文章正文开头和末尾分别添加固定内容 WordPress

在 WordPress 文章正文开头和末尾分别添加固定内容

在不修改主题正文模板文件的情况下,想在正文开头和末尾添加固定内容,或者在已发表的文章中添加固定内容又不想重新编辑文章,可以通过下面的代码实现。 在正文开头和末尾分别添加固定内容 会用到过滤器钩子add...
匿名

发表评论

匿名网友

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

评论:5   其中:访客  4   博主  1
    • aunsen aunsen 5

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

      • 浅浅 浅浅 0

        学习了 :grin:

        • 求教 求教 0

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

          • 苏 1

            代码有错误