»

在WordPress系统中使用自定义字段给某些特定文章单独添加css文件

    WordPress  
web.configCDN的问题身份认证缓存前端访问IISApache建站htaccesswindows主机插件网络安全防盗链WordPress插件cookies网站优化伪静态网站镜像百度云加速腾讯云加速查询访客CLBCDN

一般而言,WordPress 可以使用自己的主题,在自己的主题中使用相应的 style.css 文件。但是,如果仅仅少量一些文章才用到特定的 css 代码,就没必要把这些代码放到 style.css 文件中了,这样做可以缩小 style.css 文件的体积,利于网站加载速度的优化。

应该怎么做呢?

可以直接在相应文章内添加<style>...</style>,但这不是本文所说的,本文考虑的是通过自定义字段来添加额外的的css文件,即使用的时候仅需要在相应文章选中自定义栏目名称并填写字段值、就可在前端引入额外css文件了。

做法如下,添加一个名称为“css”的自定义栏目,并在主题目录的 header.php 中 ,<?php wp_head(); ?> 下面添加如下代码:

  1. <?php //通过自定义字段添加额外css文件  
  2.     global $wpdb;  
  3.     $head = get_post_meta( $post->ID, 'css', true );   
  4.     if ( !emptyempty$head ) ) { ?>   
  5.         <?php echo '<link rel="stylesheet" href="css文件地址" media="all" />'; ?>   
  6. <?php } ?>  

在书写文章时,如果该文章需要引用上述地址的额外css文件,则在自定义栏目的名称中选择 "css",字段值不留空即可。

时光在路上扫码阅读、分享
  • 版权声明:该文章由 时光在路上 发表,共 609字。除非特别标注来源,否则为原创。详见《版权声明》部分。
  • 转载请注明:文章标题和文章链接 - 时光在路上 - 也可直接“复制本文链接” 或 使用右边二维码分享本文 →