一般而言,WordPress 可以使用自己的主题,在自己的主题中使用相应的 style.css 文件。但是,如果仅仅少量一些文章才用到特定的 css 代码,就没必要把这些代码放到 style.css 文件中了,这样做可以缩小 style.css 文件的体积,利于网站加载速度的优化。
应该怎么做呢?
可以直接在相应文章内添加<style>...</style>,但这不是本文所说的,本文考虑的是通过自定义字段来添加额外的的css文件,即使用的时候仅需要在相应文章选中自定义栏目名称并填写字段值、就可在前端引入额外css文件了。
做法如下,添加一个名称为“css”的自定义栏目,并在主题目录的 header.php 中 ,<?php wp_head(); ?> 下面添加如下代码:
- <?php //通过自定义字段添加额外css文件
- global $wpdb;
- $head = get_post_meta( $post->ID, 'css', true );
- if ( !emptyempty( $head ) ) { ?>
- <?php echo '<link rel="stylesheet" href="css文件地址" media="all" />'; ?>
- <?php } ?>
在书写文章时,如果该文章需要引用上述地址的额外css文件,则在自定义栏目的名称中选择 "css",字段值不留空即可。