• コマンド
    【バッチ勉強】現在の日付と時刻をファイル名に指定する方法
    2014年10月18日
  • コマンド
    文字列のコピーから辞書登録ウィンドウを開くまで一瞬で行うショートカットキー
    2012年5月22日
  • Excel
    【Mac版Excel】グラフで折れ線グラフをなめらか曲線にする方法
    2017年1月17日
  • Windows
    無料でPCのデータを安全に完全消去する方法! フリーソフト「Wipe-Out」の使い方と所要時間まとめ
    2017年6月25日
  • Windows
    コマンドプロンプトで名前にスペースが入ってるフォルダを指定する方法
    2013年4月5日
  • Windows
    Windows10でもスパイウェア対策は「SpyBot S&D」が最適です
    2016年8月14日
  • Webサイト
    国土サイズを地図上で自由に比較できるサイト「The True Size Of...」
    2017年11月5日
  • Excel
    【Excel Tips】セルの書式設定を開く、ふたつのショートカットキー
    2014年12月28日
  • Windows
    Windowsが32bitと64bitのどちらなのかを最速確認する方法
    2015年4月20日
  • Excel
    【Excel】ショートカットキーの割り当てが無い操作にショートカットキーを割り当てる方法。
    2014年1月18日
  • 音楽
    サマソニ2016行ってきた - Day2はメッセ内で快適ファンク三昧!+レディオヘッドでクリープの巻
    2016年8月28日
  • Excel
    【Excel】フィルターで表示中のデータだけで合計する方法
    2017年9月25日
  • 鹿児島
    タイミングが重要! 海自体が温泉になる、噂の屋久島・平内海中温泉に行ってきたぞ
    2015年12月6日
  • 旅行
    【成田空港】ターミナル2に深夜到着・早朝便を待ってみた 快適に過ごすにはココがオススメ(2018年版)
    2018年2月20日
  • その他
    今年もFuji Rock Festival 2013に行ってきたよ! at 三日目(7/28 Sun)
    2013年8月12日
  • Windows
    【Windows10】Officeのヌルヌル動くアニメーションを止める方法(動画あり)
    2018年2月15日
  • その他
    もうひたすら暑かった、2013年6月、台湾を台中→台北と観光(お仕事)してきた際のお話
    2013年7月20日
  • Windows
    PCを起動しても画面に何も表示されなくなったので試してみたこと【復旧済み】
    2017年6月15日
  • 鹿児島
    鹿児島・指宿の老舗旅館「白水館」で砂風呂+薩摩料理三昧してきた!
    2015年12月15日
  • Windows
    Windowsが起動しなくなったらまず確認するべき8つの項目
    2014年12月5日
  • Excel
    【Excel】指定したセルが特定の月かどうかを判断するIF文
    2015年5月30日
  • Windows
    Windows上で次回起動時にセーフモードにする設定方法
    2015年8月20日
  • Windows
    意外と知られざるWindows7の機能「エアロシェイク」が地味に便利な件 これみんなも使いましょう
    2014年8月23日
  • アイテム
    これもう外付けパーツの域を超えてるだろ!! プロも頷く(?)、本格派なiPhone用カメラレンズ ベスト10。
    2014年2月12日
  • その他
    Instagramの写真から缶バッヂが作れる「Cangram」がすごくいい雰囲気
    2014年10月13日
  • Office
    【Office365】別のPCにOfficeをインストールし直す方法 (使わなくなったPCで非アクティブ化する方法!)
    2017年12月17日
  • 鹿児島
    屋久島・白谷雲水峡の白谷小屋に泊まってきた 山小屋に一人だけの宿泊は思いの外怖い件
    2015年12月3日
  • フィリピン
    フィリピンで2週間データ通信無制限のSIMカードを買ってみた (2016年2月版)
    2016年2月15日
  • iPhone
    2015年はクリップ型レンズがキテる! 使えるiPhone用カメラレンズ・7選
    2015年2月20日
  • Excel
    【Excel】グラフに移動平均線を追加する方法
    2018年2月10日

TEXTTRANSFORM2

WordPress導入時に、色んなテーマを試していて気付いたのですが英語に小文字を含めていた場合も、自動的に大文字で表示されていることがありました。

先日導入した、『Newpost Catch』でそれが現れたのですが、何故かこのプラグインだけ英語大文字の表記になってしまいました。

なんでだろ? と思って調べてみたら、どうやら英語大文字を指定しているのは、スタイルシート、CSSの記述でした。

スポンサードリンク

関連記事

元々の状態

Newpost Catchを入れた状態では、このように英語大文字のみの表記になっていました。

元記事のタイトルは、先頭のみ大文字で残りは小文字の、オーソドックスな英語表記で統一していたので、このウィジェットだけ大文字なのはなんだか違和感を感じますね。

2013-0310-200155

英語の大文字・小文字表示を指定するスタイルシート

さて、大文字・小文字を指定するには、CSS内に下記のプロパティを追加します。

text-transform: [パラメータ];

Tipstourの場合、上記の記述が、もともとのテンプレート内ではウィジェット内のクラスにのみ、

text-transform: uppercase;

が入っていたために、一部ウィジェットでこうした表記になってしまっていたようです。

2013-0310-200113

そのため、この記述を削除するか、コメントアウトしてあげることで本来の記述通りの表記に変更することが出来ました。

2013-0310-200217

他のサイドバーウィジェットについては、何故か大文字で表記されていなかったのですがもしかするとウィジェット内のPHPでそのように指定していたのかもしれないです。

パラメータ

none
初期値。 記述通りの表示をする。

capitalize
先頭の一文字を大文字で表示。

lowercase
全てを小文字で表示。

uppercase
全てを大文字で表示。

スポンサードリンク

 

まとめ

外国のサイトでは、ときどきこうした英語大文字のみの表記としているところをよく見受けられたのですが、なるほどこういう記述をしていたのですねぇ…

何か特別な理由がなければ、正直いってあまり使わないプロパティのような気がします。

もともと導入したWordpressテーマ『Great』のCSSファイルを々カスタマイズしながら使っていたので、この記述がデフォルトで含まれてしまっていただけなようですね。

まあ何はともあれ、一件落着。 Wordpressでカスタマイズしていると、一緒にCSSも勉強出来て一石二鳥でございますね。