Upgrade to Pro — share decks privately, control downloads, hide ads and more …

市民の先生_2WordPressのカスタマイズ方法.pdf

keita
June 13, 2021

 市民の先生_2WordPressのカスタマイズ方法.pdf

keita

June 13, 2021
Tweet

More Decks by keita

Other Decks in Design

Transcript

  1. DERA-DESIGN 19 テーマを編集する時は子テーマで 子テーマは、 テーマの機能とスタイルを継承したテーマです。 既存 のテーマを変更する方法として、 子テーマが推奨されています。 子テーマの利点 •

    テーマのアップデートで上書きされない • 開発時間を短縮できまる • WordPress のテーマの開発を良い形で学べる 引用:https://www.xserver.ne.jp/manual/man_install_auto_word.php
  2. DERA-DESIGN 20 1. 親テーマのディレクトリを確認 2. 子テーマのディレクトリを作成 3. 必要なファイルを作成    (

    1 ) style.css のスタイルシートヘッダで親テーマを指定    (2) functions.php ファイルの作成 子テーマ設定方法
  3. DERA-DESIGN 21 wp-content Twenty Nineteen Twenty Twenty Twenty Twenty-One Lightning

    themes 親テーマのディレクトリを確認する
  4. DERA-DESIGN 22 DERA-DESIGN 22 wp-content Twenty Nineteen Twenty Twenty Twenty

    Twenty-One Lightning themes Lightning-child 子テーマのディレクトリを作成
  5. DERA-DESIGN 24 style.cssを編集する /* Theme Name:Lightning-child Theme URI:http://example.com/Lightning-child/ Description:Lightning-child Child

    Theme Author:Keita Yoshikawa Author URI:http://example.com Template:lightning Version:1.0.0 License:GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain:Lightning-child */ 引用:https://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E
  6. DERA-DESIGN 25 style.cssを編集する /* Theme Name:Lightning-child Theme URI:http://example.com/Lightning-child/ Description:Lightning-child Child

    Theme Author:Keita Yoshikawa Author URI:http://example.com Template:lightning Version:1.0.0 License:GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain:Lightning-child */ 引用:https://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E 親テーマのディレクトリを入れる
  7. DERA-DESIGN 26 function.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' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array ('parent-style') ); } ?> 引用:https://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E