wordpress子テーマ作成

現在のテーマ

テーマ:wordpressのtwentytwelveを使用

ディレクトリ:WORDPRESSディレクトリ/wp-content/themes/twentytwelve/

子テーマ作成

子テーマのディレクトリ作成

$ mkdir WORDPRESSディレクトリ/wp-content/themes/twentytwelve_child

子テーマディレクトリに必要なファイル作成

※親テーマの設定を引き継ぐように設定(子テーマで設定してないものは全て親テーマが適用される)

$ cd WORDPRESSディレクトリ/wp-content/themes/twentytwelve_child

$ vi 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' );
} ?>

WordPressのCopyright設定

※twentytwelveのテーマをアップデートしても変更する必要なし

$ vi footer.php

<?php
  /**
  * The template for displaying the footer
  *
  * Contains footer content and the closing of the #main and #page div elements.
  *
  * @package WordPress
  * @subpackage Twenty_Twelve
  * @since Twenty Twelve 1.0
  */
  ?>
  </div><!-- #main .wrapper -->
  <footer id="colophon" role="contentinfo">
  <div class="site-info">
  <p>Copyright © 2010 - <?php echo date('Y '); bloginfo('name'); ?> All rights reserved.</p>
  </div><!-- .site-info -->
  </footer><!-- #colophon -->
  </div><!-- #page -->
 <?php wp_footer(); ?>
  </body>
  </html>

スタイルシートでH2,H3変更

@media screen and (min-width: 600px) は、サイドバーの幅を狭めて全体を広げる

.comments-link は、コメントをするを非表示

.entry-contentと.comment-content は、h2とh3に枠と左ボーダー追加

$ vi style.css

/*
Template:twentytwelve
Theme Name:twentytwelve_child
*/
@media screen and (min-width: 600px) {
.site {max-width: 960px;}
.widget-area {width: 15.625%;}
.site-content {width: 78.125%;}
}
.comments-link {
 display: none;
}
.entry-content h2,
.comment-content h2 {
 padding: .5em .75em;
 background-color: #f6f6f6;
 border-radius: 6px;
}
.entry-content h3,
.comment-content h3 {
 font-size: 14px;
 font-size: 1rem;
 padding: .25em 0 .25em .75em;
 border-left: 4px solid #ccc;
 #border-left: 4px solid #4682B4;
 #border-bottom: 1px solid #ccc;
}

子テーマの有効化

管理ページ->外観->テーマへ移動 => twentytweleve_childe有効化

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-26-22-42-15

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です