Bloggerテンプレートにおけるタイトル等の英語大文字化をなくす

こんにちは。pilkulです。

Bloggerのテンプレートのうちいくつかは、記事タイトルなどに入った英語を自動的に大文字にする場合があります。小文字入力したくても大文字化されてしまうので、その設定を消すことにしました。


-----

・ブログにおいて、大文字化される部分を選択して右クリックし、[検証]をクリック

 例:記事タイトルを囲って右クリック、検証を押す

・その部分が囲われているタグおよびクラスをメモしておく

 例:本テンプレートの記事タイトルは<h3 class="post-title ently-title">なので、「h3」, 「#post-title」, 「#ently-title」の3か所を確認すればいい

・Bloggerメニューの[テンプレート]から、[HTMLの編集]をクリック

・検索機能で、先ほど確認したタグおよびクラスを探す

・特に「text-transform:uppercase;」というプロパティ記述が英語大文字化のcssなので、該当記述を消去する(もしくはtext-transform:none;に変更する)

 例:本記事では#post-titleのところにtext-transform:uppercase;とあったので消去

※その他、値にはcapitalize(先頭大文字化), lowercase(全部小文字化)を設定可能とのこと

・テンプレートを保存する

-----





コメント

人気の投稿