【WordPress】タグクラウドの英字が大文字に自動変換されるのを解除【MH Magazine lite】

概要

MH Magazine lite のCSSは、タグクラウドの英字が自動的に英小文字から英大文字に変換されてしまい、[iPhone] などのタグは[IPHONE]と変換され、可読性が落ちてしまうので、自動変換を解除します。

手順

１）[ダッシュボード]→[外観]→[テーマの編集]を選択
２）テーマファイルからスタイルシート（style.css）を選択
３）選択したファイルの内容のCSSを編集し
　　.entry-tags クラス
　　.tagcloud クラス
　　から以下の設定を削除する。
　　text-transform: uppercase;

.entry-tagsクラスの修正内容

.entry-tags li { float: left; font-weight: 700; margin: 0 6px 6px 0; margin: 0 0.375rem 0.375rem 0; background: #2a2a2a; text-transform: uppercase; }

.entry-tags li { float: left; font-weight: 700; margin: 0 6px 6px 0; margin: 0 0.375rem 0.375rem 0; background: #2a2a2a; }

.tagcloud クラスの修正内容

.tagcloud a { display: inline-block; font-weight: 700; color: #fff; padding: 5px 10px; margin: 0 4px 8px 0; white-space: nowrap; text-transform: uppercase; }

.tagcloud a { display: inline-block; font-weight: 700; color: #fff; padding: 5px 10px; margin: 0 4px 8px 0; white-space: nowrap; }

.mh-main-nav クラスの修正内容

.mh-main-nav { text-transform: uppercase; border-bottom: 5px solid #e64946; }

.mh-main-nav { border-bottom: 5px solid #e64946; }