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

知更鸟
知更鸟
知更鸟
站长
2511
文章
0
粉丝
WordPress14,619阅读模式

为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主题
  • functions.php
评论  5  访客  4  作者  1