芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
6

把 WP-PageNavi 样式移植到 style.css

作者 芒果/分类 教程/发布于 2009-12-03 15:29

考虑到插件升级等问题,建议把插件样式移植合并到 style.css 文件中。当然,熟悉 WordPress 的肯定知道 wp_head() 函数,所有的插件运行离不开它。要使默认的 WP-PageNavi 样式失效,首先要从中移除样式载入行为。在 <php wp_head(); ?> 语句前添加如下代码:

<?php remove_action('wp_print_styles', 'pagenavi_stylesheets'); ?>

接下来,复制 pagenavi-css.css 的代码追加至 style.css 尾部,示例如下:

.wp-pagenavi a{color:#fff;background:#ccc;padding:2px 5px;margin:0 2px;text-decoration:none;}
.wp-pagenavi a:hover{background:#000;}
.wp-pagenavi span{color:#fff;padding:2px 5px;margin:0 2px;background:#ccc;}
.wp-pagenavi span.current{background:#000;}

良好的代码是成功的一半,由于 WP-PageNavi 的样式有些累赘,故以上代码已经精简,可根据需要修改。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/move-wp-pagenavi-style-to-style-css/" title="把 WP-PageNavi 样式移植到 style.css" rel="bookmark">把 WP-PageNavi 样式移植到 style.css | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 6 条群众意见

  1. 万戈 /2009-12-03 18:55

    恩,这事我也干了,嘿嘿! 回应

    #1
  2. bolo /2009-12-04 00:30

    早把大部分的插件 CSS 和 JS 都整合成一个了。 回应

    #2
  3. Nox /2009-12-22 01:22

    好强大的博客,主题非常的棒,呵呵。不错,持续关注中。。利益学习。 回应

    #3
  4. AnQ /2010-02-03 11:09

    好方法,大家共同使用,谢谢。 回应

    #4
  5. 晒太阳的冰 /2010-11-25 22:57

    合并失败……郁闷。 回应

    #5
  6. 孤狼 /2011-11-28 02:34

    我的为什么不行那?放到function.php也不行 回应

    #6

下面我简单说几句