質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

1759閲覧

Wordpress内、サイトタイトルのフォント変更

Chiroin

総合スコア14

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2017/09/19 13:09

style.cssに

.site-header h1 {
font-size: 24px;
font-family: xxxxxxxxxx(該当フォント)

のように記載して、タイトルのみのフォントやサイズを変更したいです。

###発生している問題・エラーメッセージ

調べた所、style.cssに記載する前に、それぞれのheader.phpを見て、タイトルがどのように記述されているか見なければなりません・・・との事でした。
しかしheader.php内に「site-title」やそれに準ずる表記が見つからず、上記の「.site-header h1」に代わる表記を何にしたらいいかわかりません。

###該当のソースコード
header.phpのソースコートです。

<?php /** * The header for our theme * * This is the template that displays all of the <head> section and everything up until <div id="content"> * * * @package imnews */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <!--menu-bar start--> <header id="top"> <div id="menubar"> <div class="container"> <div class="row"> <nav class="navbar navbar-default"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-header"> <?php if(has_custom_logo()){ echo get_custom_logo(); } ?> <a class="navbar-brand" href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a> <p class="ttl_tagline"><?php echo get_bloginfo('description'); ?></p> </div> <div class="collapse navbar-collapse inline-list" id="main-nav"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav navbar-nav nav-category', 'container' => 'ul', )); ?> </div> </nav> </div> </div> </div> </header> ###試したこと Wordpressの管理画面内で見れるcssを見て、titleなどの表記を探して見たのですが見つかりませんでした。 またstyle.cssは最初から/*~*/内で区切られた英文コメント以外、何もありませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Wordpress
テーマ:iMNEWS

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/09/19 13:14

コードは</>ボタンを押して```の間に入れてください。
guest

回答1

0

ベストアンサー

やっぱりこうしておいた方が良いのかも…

.navbar-brand { font-size:サイズ !important; color:色 !important; } .ttl_tagline { color:色 !important; }

header.cssって何でしょう?
デベロッパーツールで見るので分かりません。

投稿2017/09/19 13:20

編集2017/09/19 13:59
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Chiroin

2017/09/19 13:41

ありがとうございます。こちらで色の変更は可能なのですがサイズなどは変更できず・・・出来れば、フォントも変更したいのです。
Chiroin

2017/09/19 13:46

迅速なご回答本当にありがとうございます!無事変更できました。 追加で申し訳ないのですが、キャッチフレーズ(サイト名の下に表示されるもの)など「site-discription」のフォントサイズを変更したい時も、こちらのheader.cssでコードが分かるのでしょうか?
退会済みユーザー

退会済みユーザー

2017/09/19 14:00

あ、回答を編集しました。
Chiroin

2017/09/19 14:05

ありがとうございます。完璧に解決していただきました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問