このサイトについて

MagCast ワードプレステーマのカスタマイズ方法

MagCast ワードプレステーマ

ぺんです。

以前ご紹介した、ニュースメディア風のワードプレステーマ、MagCastを利用して新しいサイトを作っています。このテーマ、無料とは思えない程、機能的なデザインなのですが、いくつか気になる点がでてきました。今回は、このMagCastのカスタマイズ方法をご紹介します。

【関連】 MagCast ワードプレステーマのカスタマイズ方法
Contents

フッターのデザインを変更する

フッターなんですが、こんな感じのデザインが固定されています。そこで、邪魔な文言を削除しようというワケですね。

Copyright © 2017 Theme Preview | Theme by: Theme Horse | Proudly Powered by: WordPress

子テーマを作る

子テーマを使わないでカスタマイズしてしまうと、テーマが更新される度にカスタマイズした箇所が上書きされてしまいますので、子テーマを作ってください。

style.css

@charset "UTF-8";
/*
Template: magcast
Theme Name: magcast_child
Version: 2.0
Text Domain: magcast_child
*/

functions.php

<?php 

/**
 * 子テーマを使う
 */
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

 

MagCastのフッター定義関数を入れ替える

これも、functions.phpに定義します。

functions.php

<?php 

/**
 * 子テーマを使う
 */
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

add_action( 'after_setup_theme', 'add_my_functions_to_parent_theme' );

function add_my_functions_to_parent_theme() {
  remove_action( 'magcast_footer', 'magcast_footer_info', 30 );
  add_action( 'magcast_footer', 'child_footer_info', 30 );
}

/**
 * フッター表示用 - 好きなデザインに $output の定義を変更します
 */
function child_footer_info() {
   $output = '<div class="copyright">'.__( 'Copyright &copy;', 'magcast' ).' '.magcast_the_year().' ' .magcast_site_link().' </div><!-- .copyright -->';
   echo $output;
}

?>

 

まとめ

いかがでしたか? 子テーマを作って、親テーマで定義している関数を入れ替える方法をご紹介しました。

ポイント
親テーマのコードをカスタマイズする方法は:

  • 親テーマのソースファイルを「footer」などのキーワードでgrepして、改造したいコードを特定する。
  • 子テーマのfunctions.phpにて、remove_actionにて親テーマのコードを削除して、add_actionにて新しいコードを指定します。

簡単ですね!

関連記事

MagCastの更なるカスタマイズに関する記事はこちらです。

【関連】 WordPressの親テーマのウイジェットを子テーマで書き換える方法

参考にさせていただいたサイト

なお、今回はこちらのサイトを参考にさせていただきました。

 

このブログで利用しているWordPress テーマ「MAG」です。
↓ ↓WordPressテーマ「MAG(TCD036)」

よかったらシェアしてね!

コメント

コメントする

Contents
閉じる