私も使っている「THE THOR」
メニューやトップページのフォントの変更方法を紹介します
子テーマで作成している場合の方法です
準備
必要なファイル
wp_header.php
このファイルは親テーマからダウンロードして子テーマへ保存します
style-user.css
このファイルは子テーマに含まれています
ダウンロード＆アップロード
wp_header.phpをダウンロードします
このファイルはサーバー内の”フォルダ/wp-content/themes/the-thor/inc/parts/”に保存されています
ここからFTPのツールやサーバーのファイルマネージャーなどを使ってダウンロードしてください
ここで先にアップロードしてしまいます
ローカル（デスクトップなど）にフォルダを作成します
”ink”そしてその中に”parts”
partsの中にwp_header.phpを保存します
こんな感じ
ink/parts/wp_header.php
そしたらフォルダ毎、子テーマへアップロードします
これでファイルの準備は出来ました
カスタマイズ
まず wp-header.phpの44行目辺り
ここではGoogleFontsの読み込みが書かれています
if ( get_option(‘fit_seoCss_lato’)) {
echo ‘<link class=”css-async” rel href=”https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900″>’.”\n”;
}else{
echo ‘<link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900″>’.”\n”;
}//Googleフォント用CSS
if ( get_option(‘fit_seoCss_fjalla’)) {
echo ‘<link class=”css-async” rel href=”https://fonts.googleapis.com/css?family=Fjalla+One”>’.”\n”;
}else{
echo ‘<link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Fjalla+One”>’.”\n”;
}//Googleフォント用CSS
if ( get_option(‘fit_seoCss_noto’)) {
echo ‘<link class=”css-async” rel href=”https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,200,300,400,500,600,700,800,900″>’.”\n”;
}else{
echo ‘<link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,200,300,400,500,600,700,800,900″>’.”\n”;
}
フォントを変更する
まず、お好みのフォントを探します
google fonts https://fonts.google.com
今回は”Special Elite”を選びました
表示されたら右側のバーをクリック
<link href=“https://fonts.googleapis.com/css?family=Special+Elite&display=swap” rel=”stylesheet”>
if ( get_option(‘fit_seoCss_lato’)) {
echo ‘<link class=”css-async” rel href=”https://fonts.googleapis.com/css?family=Special+Elite:100,300,400,700,900″>’.”\n”;
}else{
echo ‘<link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Special+Elite:100,300,400,700,900″>’.”\n”;
font-family:””SpecialElite“,
“游ゴシック体”,
“Yu Gothic”,
“YuGothic”,
“ヒラギノ角ゴシック Pro”,
“Hiragino Kaku Gothic Pro”,
“メイリオ”,
“Meiryo”,
“ＭＳ Ｐゴシック”,
“MS PGothic”,
“sans-serif”,
}
SEOに強くデザインも美しいWordPressテーマ「THE THOR」
初心者でも簡単にプロ並みのデザインを選べます
何が使いやすか
デザインも提供されているスタイルから選べて、いちからデザインしなくてもすぐに使える
SEO対策も書き込めばメタを書き込む、設定すべきところを設定するだけで良い
私もそうでしたが
無料テーマで作る！
と思い一生懸命時間をかけて勉強しましたが、
テーマを選ぶ時間、カスタマイズしてうまくいかず・・・
次のテーマを選び、カスタマイズ・・・
結果、なかなか立ち上がりませんでした
そして行き着いたのが有料テーマ
ネットでいろいろ調べて、私が選んだのが「THE THOR」
SEOなど成果もアップしていく予定です
今日はこのくらいで