WordPress如何给文章添加额外的CSS样式 – WordPress 教程

2022年 10月 24日 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解

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

WordPress如何给文章添加额外的CSS样式 – WordPress 教程
WordPress

有时,你可能需要添加一些额外的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;},将背景改成红色。

发表评论

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