wordpressのテーマhestiaの無料版を使ったヘッダースライドの実装方法

実現したいこと

wordpressでhestiaというテーマの無料版を使っているのですが、トップ画像をスライドショーにし、フェードで画像を切り変える仕様にしたいのですが、トップ画像をスライドに変更する際の実装方法が分かりません。

発生している問題・分からないこと

MetaSliderというプラグインでスライドショーを制作し、front-page.phpやfunction.phpを編集しスライダーを追加しようと試したのですが、変化が起きないか、frontページ全体のデザインが崩れるか、デフォルトのheaderが消えるのみでスライダーが追加されない状態なってしまいます。

該当のソースコード

front

1<?php 2/** 3 * The front page template file. 4 * 5 * If the user has selected a static page for their homepage, this is what will 6 * appear. 7 * Learn more: http://codex.wordpress.org/Template_Hierarchy 8 * 9 * @package Hestia 10 * @since Hestia 1.0 11 */ 12 13 14 get_header(); 15 /** 16 * Hestia Header hook. 17 * 18 * @hooked hestia_slider_section 19 */ 20 echo do_shortcode('[ metaslider id="467" ]'); ?> 21 22 <div class="<?php echo esc_attr( hestia_layout() ); ?>"> 23 <?php 24 /** 25 * Hestia Sections hook. 26 * 27 * @hooked hestia_features_section - 1 28 * @hooked hestia_about_section - 2 29 * @hooked hestia_shop_section - 3 30 * @hooked hestia_portfolio_section - 4 31 * @hooked hestia_team_section - 5 32 * @hooked hestia_pricing_section - 6 33 * @hooked hestia_testimonials_section - 7 34 * @hooked hestia_subscribe_section - 8 35 * @hooked hestia_blog_section - 9 36 * @hooked hestia_contact_section - 10 37 */ 38 do_action( 'hestia_sections', false ); 39 ?> 40 </div> 41 <?php 42 get_footer(); 43 ?> 44 45

function.php

1add_action( 'hestia_child_header_after', 'my_custom_hestia_child_header_after', 6 ); 2function my_custom_hestia_child_header_after() 3{ 4 // ~~~ 5} 6 7add_action( 'hestia_child_header_after', 'my_favorite_slideshow', 6 ); 8function my_favorite_slideshow() 9{ 10 if( is_front_page() && !is_paged() ) { 11 echo do_shortcode ( '[metaslider id="467"]' ); 12 } 13}

試したこと・調べたこと

上記の詳細・結果

front-page.phpの方は、デフォルトのトップ画像部分が消え、metaslider id="467"が代わりに表示される状態です。
function.phpの方は何も変化起きずでした。
両方ともコード自体のエラーはつかず、反映されています。

補足

特になし