Puma主题升级至2.1.8

在这个安心宅在家中的国庆，除却吃喝睡觉及家务事，便只有折腾一下不花钱的主题了。原本用的主题是bigfa生产的Puma主题2.0.2版，年初我花了好多时间定制改为自己喜欢的样式，但现在看来个别功能缺失，另外主题的加载方式也比较老，速度也偏慢，应该更新一下“内核”了。

去Github上下载了最新的Puma 2.1.8版，本打算在此基础上综合以前的修改情况打打补丁，下载了Mac版的文件比较工具DiffMerge，最后发现文档差异较大，工程反而十分浩大，不如推翻重来。

总的原则还是遵从尽量利用纯正原版主题功能和样式的想法，在此基础上做小的修改，能不改尽量不改。

本次更新主要有：

1、bigfa旧主题的css样式默认从/static/css/main.css中由inc/setup.php这个文件加载，新主题改为bundle.css。之前我都是直接在main.css中更改的，发现这个方法不太好，万一今后更新了，bundle.css就要重新写一遍了。最好方法莫过于在setup.php文件的puma_load_static_files()方法中用wp_enqueue_style函数注册排队一个新css，然后把各种覆盖的css直接在这个新的css中写进去。

/**
 * Enqueues scripts and styles.
 *
 * @since Puma 2.0.0
 */

function puma_load_static_files(){
	$dir = get_template_directory_uri() . '/static/';
	wp_enqueue_style('puma', $dir . 'css/bundle.css' , array(), PUMA_VERSION , 'screen');
	//注册一个新的css
	wp_enqueue_style('synyan', $dir . 'css/sy.css' , array(), PUMA_VERSION , 'screen');
	wp_enqueue_script( 'puma', $dir . 'js/bundle.js' , array( 'jquery' ), PUMA_VERSION, true );
	wp_localize_script( 'puma', 'PUMA', array(
	'ajax_url' => admin_url('admin-ajax.php'),
	));
}

add_action( 'wp_enqueue_scripts', 'puma_load_static_files' );

2、把之前自己定制的icomoon图标都去掉了，但在css中保留了类似.icon-document:before { content:"文字"; }这样的方法，哪天心血来潮想换的话就很快。效果见评说页。

3、调整了image-caption，图片边框更好看了。

4、之前点赞功能加了记录时间和IP的代码，因为是在插件中改的，所以本次不需要改动，节省了大量时间。

5、Puma 2.1.8版在wordpress主题头部内置了搜索功能，个人表示很喜欢，保留之。

6、以前在function.php中断断续续补充的一堆函数如今貌似也没了用武之地，清除之。

7、最后，补上了bigfa的主题版权信息，为了美观起见，放在了版权页面中，在footer.php中加了个链接。

希望读者喜欢。

-- 讲了一堆程序不能没有美食和美景的分隔线 --

昨天中午去了久违的Maan Coffee。平日里摩肩接踵的诺大咖啡店人丁凋零，小资们大概都抓紧时间跑出去玩了吧。也好，轻松享受下午。清晰大图奉上！

今日在小区花园散步。秋天花开几朵。

还有两天就上班了。节假日真不够用啊！

# 写于八年前，改于三年前。

主题秋 Maan Coffee Puma 桂花

共有 18 条评论

Eric_plus
美国

修改后的 Puma 主题可以放出来下载吗
八年前 Google Chrome 53 · Windows 7
回复
- S̆̈
  江苏
  *
  
  @Eric_plus 我自用的，就不献丑了 🙂
  八年前 Safari 10 · Mac OS X 10.12
  回复
  - 老杨
    广东
    
    @S̆̈ 开放下载也不赖啊，就是不知道大发同不同意，哈哈。
    八年前 Firefox 49 · Windows 10
    回复
    - S̆̈
      江苏
      *
      
      @老杨跟大发也没啥关系 😎 原主题本就是免费开放下载的
      八年前 Wordpress App 6 · iPhone iOS 10.0.2
      回复
Betty
上海

不知道为何那么多人喜欢Puma，我就更喜欢Cheetah。

你修改后的效果，蛮喜欢顶部的：就是“存档”、“评说”上面那部分
八年前 Google Chrome 53 · Mac OS X 10.11
回复
- S̆̈
  江苏
  *
  
  @Betty Cheetah我也下载了。先屯着，回头看心情呗。
  Puma主要是简洁大方文雅。
  八年前 Safari 10 · Mac OS X 10.12
  回复
chencool
四川

大发的主题不错！简洁、大气！
iPhone拍出的照片效果还不错，背景虚化也可以~~关键是拍照的人技术好~~ 😎
八年前 Sogou Explorer · Windows 7
回复
- S̆̈
  江苏
  *
  
  @chencool 哈哈，一气儿把大伙都夸了。感谢赞誉！ 😉
  八年前 Safari 10 · iPhone iOS 10.0.2
  回复
从良未遂
江苏

除了面条，其余的吃食真心不喜欢。小区环境不错，蠡湖一号啊？
八年前 Google Chrome 53 · Windows 7
回复
- S̆̈
  江苏
  *
  
  @从良未遂哪有这么壕。
  八年前 Safari 10 · iPhone iOS 10.0.2
  回复
大致
美国

所以官方推荐的改主题的正确方式是自己写个子主题，那样就不耽误升级了。
八年前 Firefox 49 · Windows 7
回复
- S̆̈
  江苏
  *
  
  @大致子主题的方法之前两年用的，也很麻烦，比如function就不能在子主题用吧。很多时候抡膀子直接在上面改了。
  八年前 Wordpress App 6 · iPhone iOS 10.0.2
  回复
  - 大致
    美国
    
    @S̆̈ function当然可以在子主题用啊。
    写得严谨的主题会给函数加重载保护。不严谨的也没事，已经add_filter和add_action的函数，可以用对应的remove_咔嚓掉。
    八年前 Firefox 49 · Windows 7
    回复
    - S̆̈
      江苏
      *
      
      @大致好吧，本周抽空把子主题写了，回头方便一些。
      八年前 Safari 10 · iPhone iOS 10.0.2
      回复
    - S̆̈
      江苏
      *
      
      @大致碰到一个实际困难：父主题做了不少文件夹，加载了一些setup.php之类的在文件夹内的文件。在子主题中，get_template_directory_uri()指向了父主题，如何获取当前子主题路径？
      八年前 Safari 10 · Mac OS X 10.12
      回复
      - 大致
        美国
        
        @S̆̈ 那个函数永远指向主题,也就是父主题.
        get_stylesheet_directory_uri()
        这个是找当前的style.css所在的路径.
        八年前 Firefox 49 · Windows 7
        回复
        
        S̆̈
        江苏
        *
        
        @大致 😉 感谢
        八年前 Safari 10 · iPhone iOS 10.0.2
        回复
    - S̆̈
      江苏
      *
      
      @大致已解决 😐
      把代码抠出来直接贴在了新的function里，get_template_directory_uri()后面加了个鸡贼的「.('-child')」就好了。
      八年前 Safari 10 · iPhone iOS 10.0.2
      回复

竹炉山房