我有一个主题,它扩展了Visual Composer插件,并在首页上添加了一个滑块。滑块将显示来自五个不同客户的五个推荐。我想将每个推荐的特色图像添加为滑块中的缩略图。
以下是来自父主题的缩短代码:
function jo_customers_testimonials_slider( $atts ) {
extract( shortcode_atts( array( 'limit' => 5, "widget_title" => __('What Are People Saying', 'jo'), 'text_color' => "#000" ), $atts ) );
$content = "";
$loopArgs = array( "post_type" => "customers", "posts_per_page" => $limit, 'ignore_sticky_posts' => 1 );
$postsLoop = new WP_Query( $loopArgs );
$content = "";
$content .= '...';
$content .= '...';
$content .= '...';
wp_reset_query();
return $content;
}
add_shortcode( 'jo_customers_testimonials_slider', 'jo_customers_testimonials_slider' );
我的functions.php文件:
function jo_customers_testimonials_slider_with_thumbnail( $atts ) {
extract( shortcode_atts( array( 'limit' => 5, "widget_title" => __('What Are People Saying', 'jo'), 'text_color' => "#000" ), $atts ) );
$content = "";
$loopArgs = array( "post_type" => "customers", "posts_per_page" => $limit, 'ignore_sticky_posts' => 1 );
$postsLoop = new WP_Query( $loopArgs );
$content = "";
$content .= '...';
$content .= get_the_post_thumbnail( get_the_ID(), 'thumbnail' );
$content .= '...';
$content .= '...';
wp_reset_query();
return $content;
}
add_shortcode( 'jo_customers_testimonials_slider', 'jo_customers_testimonials_slider_with_thumbnail' );
理论上,我的functions.php文件中的函数应该覆盖父主题的短代码。但是当我使用这段代码时似乎没有任何事情发生。我做错了什么?
修改
试过这段代码,但它仍然无效。
function wpa_add_child_shortcodes(){
remove_shortcode('jo_customers_testimonials_slider');
add_shortcode( 'jo_customers_testimonials_slider', 'jo_customers_testimonials_slider_with_thumbnail' );
}
add_action( 'after_setup_theme', 'wpa_add_child_shortcodes' );
也改变了
add_action( 'after_setup_theme', 'wpa_add_child_shortcodes' );
到
add_action( 'init', 'wpa_add_child_shortcodes' );
,但结果没有差异。
编辑2(使用解决方案):
将add_action( 'after_setup_theme', 'wpa_add_child_shortcodes' );
更改为add_action( 'wp_loaded', 'wpa_add_child_shortcodes' );
解决了这个问题。
答案 0 :(得分:29)
您需要像这样致电remove_shortcode();:
remove_shortcode('jo_customers_testimonials_slider');`
在添加具有相同名称的新短代码之前,“覆盖”它。
您还需要在父主题运行后调用它,以便触发名为wp_loaded的操作挂钩。
function overwrite_shortcode() {
function jo_customers_testimonials_slider_with_thumbnail($atts) {
extract(shortcode_atts(array('limit' => 5, "widget_title" => __('What Are People Saying', 'jo'), 'text_color' => "#000"), $atts));
$content = "";
$loopArgs = array("post_type" => "customers", "posts_per_page" => $limit, 'ignore_sticky_posts' => 1);
$postsLoop = new WP_Query($loopArgs);
$content = "";
$content .= '...';
$content .= get_the_post_thumbnail(get_the_ID(), 'thumbnail');
$content .= '...';
$content .= '...';
wp_reset_query();
return $content;
}
remove_shortcode('jo_customers_testimonials_slider');
add_shortcode('jo_customers_testimonials_slider', 'jo_customers_testimonials_slider_with_thumbnail');
}
add_action('wp_loaded', 'overwrite_shortcode');
答案 1 :(得分:4)
您必须在Child Theme的functions.php
中编写此代码add_action( 'after_setup_theme', 'calling_child_theme_setup' );
function calling_child_theme_setup() {
remove_shortcode( 'parent_shortcode_function' );
add_shortcode( 'shortcode_name', 'child_shortcode_function' );
}
function child_shortcode_function( $atts) {
$atts = shortcode_atts( array(
'img' => '',
'cat' => '',
'capt' => '',
'link' => ''
), $atts );
//YOUR OWN CODE HERE
$imgSrc = wp_get_attachment_image_src( $atts['img'], 'delicious-gallery' );
$imgFull = wp_get_attachment_image_src( $atts['img'], 'full' );
$b = '<div class="screen-item" data-groups=\'["'.strtolower(str_replace(' ', '_', $atts["cat"])).'", "all"]\'>'.
'<a href="'.$atts["link"].'" data-title="'.$atts["capt"].'" target="_blank"><img src="'.$imgSrc[0].'" alt="SCREEN" class="screenImg" /></a>'.
'<span>'.$atts["capt"].'</span>'.
'</div>';
//YOUR OWN CODE HERE
return $b;
}