通过 child theme 修改 storefront 主题底部 credit 信息

更新日期: 2017-03-07 阅读次数: 6517 分类: wordpress

使用 storefront 主题之后,默认网页的底部会显示

Storefront designed by WooCommerce.

如果想去掉,最好采用 child theme 的方式。

不直接修改 storefront 的主题源代码的原因是,一旦主题升级,所有修改都会被覆盖掉。

首先,新建一个空的子主题

即在 /wp-content/themes 目录下新建一个目录,例如 zhongwei。然后在该目录下,新建两个文件

style.css 内容如下

/* 
Theme Name: zhongwei
Version: 1.0 
Description: Child theme for Storefront. 
Author: Zhongwei
Author URI: http://sunzhongwei.com 
Template: storefront 
*/ 

functions.php 置空即可。

这时,在后台将主题切换为 zhongwei 主题即可。这时,访问网站首页,你会发现网站没有任何变化。

通过 vim grep 可知,“Storefront designed by WooCommerce. ” 这段信息来自 storefront_credit 这个函数。所以,在子主题中将该函数覆盖即可。

将 /wp-content/themes/storefront/inc/storefront-template-functions.php 中的

if ( ! function_exists( 'storefront_credit' ) ) {
	/**
	 * Display the theme credit
	 *
	 * @since  1.0.0
	 * @return void
	 */
	function storefront_credit() {
		?>
		<div class="site-info">
			<?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '© ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>
			<?php if ( apply_filters( 'storefront_credit_link', true ) ) { ?>
			<br /> <?php printf( esc_attr__( '%1$s designed by %2$s.', 'storefront' ), 'Storefront', '<a href="http://www.woocommerce.com" title="WooCommerce - The Best eCommerce Platform for WordPress" rel="author">WooCommerce</a>' ); ?>
			<?php } ?>
		</div><!-- .site-info -->
		<?php
	}
}

复制到子主题的 functions.php 文件中,并做相应修改即可

if ( ! function_exists( 'storefront_credit' ) ) {
	/**
	 * Display the theme credit
	 *
	 * @since  1.0.0
	 * @return void
	 */
	function storefront_credit() {
		?>
		<div class="site-info">
			<?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '© ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>
			<?php if ( apply_filters( 'storefront_credit_link', true ) ) { ?>
			<br /> <?php printf( esc_attr__( '%1$s designed by %2$s.', 'storefront' ), '大象笔记', '<a href="http://www.sunzhongwei.com" title="zhongwei" rel="author">zhongwei</a>' ); ?>
			<?php } ?>
		</div><!-- .site-info -->
		<?php
	}
}

原理

If a function in the parent theme is pluggable, it allows you to copy a function from the parent theme into the child theme’s functions.php and have it replace the one in your parent theme. The only requirement is that the parent theme’s function is pluggable, which basically means it is wrapped in a conditional if statement e.g:

if (!function_exists("parent_function_name")) {
      parent_function_name() {
           ...
      } 
}

If the parent theme function is pluggable, you can copy it to the child theme functions.php and modify the function to your liking.

子主题的 functions.php 文件会先于父主题的 functions.php 被加载,只要父主题的某个函数是 pluggable 的,那么就可以在子主题中将其修改。

参考

谈笑风生

detaoji

博主,这个不行啊,style.css 完全是空的 

大象腿

style.css 按照我写的就行

detaoji

style 空的没问题,function.php不行,一修改网页一片空白

大象腿

我知道了,你 functions.php 是不是第一行没有加 <?php

ack

大 php 函数里开头 ?> 关闭, 结尾 <?php 打开,中间包一坨 html,这个套路隐隐透露出一股霸气

大象腿

这可是世界上最好的语言啊

爱评论不评论

近期节日

2020年02月28日 世界居住条件调查日
2020年03月01日 国际海豹日
2020年03月03日 全国爱耳日
2020年03月05日 学雷锋日
2020年03月05日 惊蛰
2020年03月08日 三八妇女节
2020年03月12日 植树节
2020年03月14日 白色情人节
2020年03月15日 消费者权益日
2020年03月17日 国际航海日
2020年03月20日 世界无肉日
2020年03月20日 春分
查看更多节日