日々成長(人生とホームページについて) -6ページ目

日々成長(人生とホームページについて)

ホームページ、サーバー、SEOに関する情報、日々思うこと

1.CSSのみ子テーマ化できるプラグインを使う





CSSのみを子テーマ化できるプラグイン


メリットは、FTPを使わなくても気軽に子テーマ化できる点


  • One-Click Child Theme

  • Child Theme Wizard

  • Simple Custom CSS


下記の参考サイト


[WordPress] 子テーマを使ったテーマ改造2


WordPressの子テーマ作成プラグイン「Child Theme Wizard」


Simple Custom CSS – テーマを直接編集せずにCSSをカスタマイズできるWordPressプラグイン




SNS連携などのためにJetpack by WordPress.comというプラグイン使用の場合...



JetpackのカスタムCSSという機能でCSSの追加・変更可能








2.JetpackのカスタムCSSという機能でCSSの追加・変更





cssとfunctionsをまとめて子テーマ化できるプラグイン


WordPress子テーマメーカーを使えば、親テーマの名前と子テーマにつけたい名前を入力するだけで最低限のファイルを作成してくれます




下記の参考サイト


子テーマ作成プラグイン、『子テーマメーカー』作りました








3.プラグインを使わずに子テーマを追加





1)子テーマのフォルダを作成


・functions.phpとstyle.cssを入れる子テーマフォルダを作成


親テーマの名前+child








2)functions.phpを作成


子テーマを作って子テーマのcssが適応されると、そのままの状態では親テーマのcssを引っ張ってきてくれません。


functions.phpを作成し、親テーマのcssも読み込んでくれるように記述








<?php //

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
functions theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}



style.cssとして保存





3)子テーマをアップして有効化


・FTP経由で親テーマと同じ階層にアップ





5)テーマを選ぶときの画像


screenshot.pngにして子テーマフォルダにコピー






















add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

functions theme_enqueue_styles() {

wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

functions.phpとして保存







3)style.cssを作成

・使用する親テーマの子供だということを認識してもらうコードを記述

/*

Theme Name: 子テーマの名前

Theme URI: 子テーマのURL

Description: 子テーマの説明文

Author: 子テーマを作った人

Author URI: 子テーマを作った人のURL

Template: 親テーマの名前

Version: 子テーマのバージョン

License: ライセンス情報

License URI: ライセンスURI

Tags: テーマのタギング

Text Domain: ドメイン(プラグイン名)

*/