WordPress

WP★タイトルを大文字から小文字に直す(Twenty Seventeen)

投稿日:

 

WordPressのテーマ『Twenty Seventeen』で、ページのタイトルが大文字に強制的に変換されてしまうのをなくす方法です。今さら…ですが、最近手直ししたので覚え書き。

 

ページタイトルの大文字変換を小文字に戻す

強制的に大文字に変換されるのは、『Twenty Seventeen』のCSSでそのように設定されているからです。コードを見てみましょう。

元のstyle.css

この部分の一番下にある
「text-transform: uppercase;」でアルファベットを強制的に大文字に変換してるのです。
ですから、この設定をはずしてやると、入力したままの状態で表示されるようになります。

もとのCSSを直接編集してもいいのですが、管理画面から簡単にできるのでそちらの方がおすすめです。
[外観]>[カスタマイズ]でカスタマイザーに移動すると、左下のメニューに「追加CSS」という項目がありますので、そこをクリック。

 

独自のCSSを書き込めるようになっているので、ここに書き込んで「保存」すると設定が反映されます。

修正後のCSS

 





-WordPress

執筆者:

関連記事

WordPress★Crayon Syntax Highlighter プラグインのテーマが一覧できるサイト

    「Crayon Syntax Highlighte」は、コードをハイライト表示してくれる便利なプラグイン。 使っている人も多いのではないでしょうか。 とっても便利なプラグイ …

WP★投稿時にテンプレートを使えるようにするプラグイン

同じパターンで記事を投稿したい時にテンプレートがあったらいいなぁと思って調べてみた。 テーマのPHPを触る方法とプラグインを使う方法があったけど、今回は後でテーマを作っていく予定なので、ひとまずはプラ …

WordPress|子テーマのstyle.cssの画像パスはどう書くの?

WordPressでは、themesフォルダ内の「テーマ名フォルダ」の中に「style.css」が入っています。子テーマの場合は「テーマ名-child」としていることが多いので、「テーマ名-child …

WordPress4.7.3★子テーマの作り方(Twenty Seventeen の場合)

  子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。  子 …

WP★無料のテーマ「Bizvector」CSSの編集方法

このページのもくじ ワードプレス★無料のテーマ「Bizvector」CSSの編集方法デフォルトのままなら、編集ファイルはここに…おまけ  ワードプレス★無料のテーマ「Bizvector」CSSの編集方 …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。