wordpressで子テーマを編集して文字フォントを変える

50代からも、さらに人生楽しむこはくのブログ略してこはブロへようこそ~♪


このブログは自分のサイトの宣伝や日々の記録、そして昭和世代のわたしが令和時代もますます楽しむための趣味の1つとして書いています(*^^)v


自分のホームページ(webサイト)の、標準仕様の文字フォントを変更したくて、いろいろ方法を調べていました

今回は、子テーマを作ってフォントを変更する方法を取ることにしました
(子テーマを作ることにはデメリットもあります)

ネット上の情報を調べてやってみたところ、なかなかうまく出来ずいろいろな方法で試してトータル5時間くらいかかって、やっと出来ました

自分メモとして記録しておきます✨

作業に入る前にまず大事なのは、安心して作業できるようにもしもデータが壊れてしまったときに復旧できるようバックアップを取ってから作業することです

あとは、やってみるしかない爆  笑

※以下、技術的なことは注意を払って書いていますが、完全ではないことをご了承下さい。2024年9月現在の情報です

これは子テーマの設置が済んだ状態です ↓

はじめに、私はロリポップの簡単インストールでWord pressを利用しています。

なのでロリポップの画面での作業メモになります

自身のWord pressがインストールされているフォルダーに子テーマを設置してみます

自分のWord pressがある(インストールされている)フォルダーを探します

  

その中のwp-contentを探し、

    ↓

themes

      ↓

この階層まで来たら、このアイコンの中から、

新規フォルダーを選び、twentytwentyfour-childとフォルダー名をつけて保存します

私は Twenty Twenty-Four というテーマを使っていて、
その子テーマを作りたいので、子テーマであることがわかるように

フォルダーにTwenty Twenty-Four Childと名前をつけますが、
(子=Child と表記する慣行らしいです)

正しくはすべて小文字

twentytwentyfour-child とつけます。

 ■新規フォルダーが出来た状態 ↓

次に、twentytwentyfour-childのフォルダーの中に階層で、

新規ファイル

 

・style.css という名前のファイルと、

・functions.php という名前のファイルを作ります

 ↓ 新規ファイルのアイコンを選びます 

・style.css ファイルに書く内容(ファイル名をstyle.cssとつけます)

  ↓

/*

Theme Name: Twenty Twenty-Four Child

Template: twentytwentyfour

*/

   

     ↓

  コードを書いたら 保存する を押します

・次にfunctions.php ファイルを作ります

書く内容はこちら。ファイル名はfunctions.phpにします

   

 ↓

<?php

function theme_enqueue_styles() {

    wp_enqueue_style(‘parent-style’, get_template_directory_uri(), ‘/style.css’ ,array());

  wp_enqueue_style(‘child-style’, get_stylesheet_directory_uri(),array(‘parent-style’));

}

add_action(‘wp_enqueue_scripts’, ‘theme_enqueue_styles’);

?>

   ↓

コードを書いたら 保存する を押します

これで、完了です

ちゃんと出来たかな?と恐る恐るWord pressのダッシュボードへ行き、

  ↓

 外 観

  ↓

 テーマ

から確認したところ、子テーマがちゃんと出来ていました

  

         ↓Twenty Twenty-Four Child

良かったーーーーーーー!!
これで安心してフォントを変更したり、いろいろなカスタマイズができる
(はず…!!)

楽しみです✨

自分のサイトの宣伝です♪