WordPress向けテーマ『Atahualpa』のタイトルを大文字から小文字へ変更する方法


WordPress › Atahualpa – Free WordPress Themes

CSSプロパティ【text-transform】テキストの大文字表示・小文字表示を指定する – ウェブランサー

現在のブログデザインに移行してからはや3,4年経っておりますが、『Atahualpa』では初期設定でブログタイトルが何故か『大文字で表記されてしまう仕様』になっていました。

ようやくその大文字を通常通りの表記に戻す方法を発見したのでご紹介致します。

 

 

reviewdays_top_blog_title_oomoji

『Atahualpa』で修正を加えない場合『Re;con-ReviewDays』とタイトルを入れていても勝手に大文字表記となる。

 

 

 

 

1. Atahualpa Theme OptionsからStyle & edit HEADER AREAを開く

atahualpa_3.7.12_config_header_area

WordPressのメニューからAtahualpa Theme Options → Style & edit HEADER AREAを開く。

 

 

 

 

2.  『text-transform: uppercase;』を修正する

atahualpa_3.7.12_config_header_area_blog_titale

Style & edit HEADER AREA → Blog Titleの以下部分を修正する。

 

text-transform: uppercase; ※デフォルト

text-transform: none; ※修正後

修正後ページ下の『Save changes』を押し、サイトを開き直す。

 

 

※単語の先頭文字だけ大文字で表示や、全てを小文字で表示にするなど詳しく設定することも可能です。詳しくは以下サイト様をご覧ください。

CSSプロパティ【text-transform】テキストの大文字表示・小文字表示を指定する – ウェブランサー

個人的には上記設定のほうが文字表示方法を強制されず、必要に応じて使い分けられるので便利かと思います。

 

 

 

 

3. 入力した通りになっているかどうか確認

reviewdays_top_blog_title_syuuseigo

ようやく記入通り大文字と小文字がしっかりと別れるようになりました。

 

お疲れ様でした。

 

本格ビジネスサイトを作りながら学ぶ WordPressの教科書
プライム・ストラテジー株式会社
ソフトバンククリエイティブ
売り上げランキング: 11,154