在这个安心宅在家中的国庆,除却吃喝睡觉及家务事,便只有折腾一下不花钱的主题了。原本用的主题是 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。平日里摩肩接踵的诺大咖啡店人丁凋零,小资们大概都抓紧时间跑出去玩了吧。也好,轻松享受下午。清晰大图奉上!

IMG_0195
漫咖啡本尼迪克蛋
IMG_0196
漫咖啡水果盘
IMG_0199
漫咖啡熊
IMG_0200
漫咖啡鸡肉卷
IMG_0207
漫咖啡

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

IMG_0209
小区内的花
IMG_0212
小区内阳光旭暖
IMG_0213
金桂盛开,香气袭人
IMG_0214
小区的窨井盖
IMG_0215
小区的窨井盖
IMG_0210
中午饭,喜欢吃的面

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

共有 18 条评论

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

    你修改后的效果,蛮喜欢顶部的:就是 “存档”、“评说” 上面那部分

    Google Chrome 53 Google Chrome 53 Mac OS X 10.11 Mac OS X 10.11
  2. 大发的主题不错!简洁、大气!
    iPhone 拍出的照片效果还不错,背景虚化也可以~~关键是拍照的人技术好~~ 😎

    Sogou Explorer Sogou Explorer Windows 7 Windows 7
    1. @大致 子主题的方法之前两年用的,也很麻烦,比如 function 就不能在子主题用吧。很多时候抡膀子直接在上面改了。

      Wordpress App 6 Wordpress App 6 iPhone iOS 10.0.2 iPhone iOS 10.0.2
      1. @Yan function 当然可以在子主题用啊。
        写得严谨的主题会给函数加重载保护。不严谨的也没事,已经 add_filter 和 add_action 的函数,可以用对应的 remove_咔嚓掉。

        Firefox 49 Firefox 49 Windows 7 Windows 7
        1. @大致 碰到一个实际困难:父主题做了不少文件夹,加载了一些 setup.php 之类的在文件夹内的文件。在子主题中,get_template_directory_uri() 指向了父主题,如何获取当前子主题路径?

          Safari 10 Safari 10 Mac OS X 10.12 Mac OS X 10.12
        2. @大致 已解决 😐
          把代码抠出来直接贴在了新的 function 里,get_template_directory_uri() 后面加了个鸡贼的「.(‘-child’)」就好了。

          Safari 10 Safari 10 iPhone iOS 10.0.2 iPhone iOS 10.0.2

发表评论

电子邮件地址不会被公开。 必填项已用*标注