• ベストアンサー

WordPress　大文字を小文字にしたい

WordPress 4.3.1にInvert Liteというテーマを入れてサイトを作成しています。 一部項目のアルファベット表記箇所がすべて大文字で表示されてしまうため、 style.cssのtext-transformでuppercaseとなっていたものを、noneに修正したのですが、 小文字に表示に変わりません。 どのようにしたら変更できるでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

noneを指定すると、表記通りの表示になると思われます。 ちなみに、capitalize指定で、単語の先頭文字を大文字で表示にすることができ lowercaseでは、全てを小文字で表示できます。 uppercaseは、全てを大文字で表示するためのものですね。 該当要素を修正しても変更がうまく適応されないとなると 全体のcssの構成を見直したほうがいいのかもしれません。 該当箇所よりも、上部のコードがしっかり閉じられていないか 親要素のほうで指定されていて命令が干渉しているのか。 うまくいかないようであれば、追加でid/classを増やしてやってみるのも手だと思います。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • wordpressのタグについて

    ワードプレスの教科書の本に沿って勉強しているのですが、さっそく躓いてしまいました。。 よろしくお願いいたします。 テーマ作成で、プライムストラテジーのサイトからpacificという練習用テーマをダウンロードし、 xamppでローカル開発環境を準備した中に入れ、ソースをｗｐテンプレートタグに置き換えを行っているのですが、ｃｓｓファイルの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。。 たとえば、ｃｓｓは、 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" /> 　　　↓↓↓ <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> で、ちゃんと表示されている。 テーマファイルディレクトリは、 href="<?php bloginfo('templete_url'); ?>/images/touch-icon.png" 　　　↓↓↓ href="wp/images/touch-icon.png" ソースの一部↓ ----------------------------------------------------------- <!DOCTYPE HTML> <html dir="ltr" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> <link rel="apple-touch-icon" href="wp/images/touch-icon.png" /> <link rel="shortcut icon" href="wp/images/favicon.ico" /> <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> ・・・ ----------------------------------------------------------- <?php bloginfo('templete_url'); ?>の部分は、wp　とだけ表示されてしまうのですが、 http://localhost/wordpress/wp-content/themes/pacific　と表示させたいのですが、 この部分はどこを参照しているのでしょうか。 （どこを修正したら、ちゃんと出るようになりますでしょうか。） 不足している情報があれば追加しますので、わかる方がいらっしゃいましたらご教示いただけますと幸いです。 どうぞよろしくお願いいたします。

  • CSSの文字指定

    <style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style> 上部はcssのリンクですが、これに加えて文字のサイズ指定とフォントのフェイス指定もしたいです。 たとえば、MSゴシック,平成角ゴシックなど。 どう加えればよいですか？ <style type="text/css"> font:16px "ＭＳ Ｐゴシック",平成角ゴシック,</style>とやってもダメでした と

    • ベストアンサー
    • HTML
  • wordpress 子テーマと親テーマの表示

    サイト構築のためにwordpressを勉強中ですが、子テーマと親テーマについてお尋ねします。 私は子テーマとは、カスタマイズのためにCSSなどをいじるときに、本体である親テーマのバージョンアップ等の影響を受けても対処できるように準備しておく、仮のテーマのような感覚であり、実際のサイト上に表示されるのは、親テーマだと思っています。 ところが、実際にCSS修正後のサイトを子テーマのまま表示するものが、親テーマに差し替えると修正前のままです。 これで正しいのでしょうか？ それとも、子テーマで修正したものが、親テーマへ戻したときには修正した子テーマの状態が親テーマに反映されるのでしょうか？ いくらサイトを調べても、どこをどういじっても、子テーマの修正が親テーマの表示を変えてはくれませんし、親テーマの表示という文字すら見当たりません。 また、実際にサイトとして公開されるのは子テーマでの表示でしょうか、それとも、親テーマでしょうか？ どうも初歩的な質問で申し訳ありません。

  • WordPressテーマAttitudeのフッター

    ホームページ作成に関しては初心者です。 先日サーバーを借りてWordpressをインストールしブログを始めようと準備しています。 テーマには「Attitude」を選択しました。 外観のおおまかな変更については管理画面からほぼ出来たのですが、フッターのコピーライト表記「Copyright © 2013 Theme by: Theme Horse Powered by: WordPress」を自分の望むコピーライトに書き換える事が出来ません。 ネットで検索した情報を基にすると、外観＞テーマ編集から、「フッター(footer.php)」もしくは「スタイルシート(style.css)」を編集するようで、該当しそうな箇所を削除したり、そこに自分の入れたいコピーライトを記入してみたりするものの一向に変化はなく、むしろ画像のポップアップのプラグインが動作しなくなったり悪い方向へ進んでしまいます。 WordPress謹製のテーマ「TwentyTwelve」などについては、どこをどのように変えれば良いかネット上に情報があるのですが、「Attitude」は構文？が異なっており同じ様に編集する事が出来ずほとほと困っています。 HTML、CSS、PHPなどについては、これを機会に勉強を進めようと思っていますが、取り急ぎ「Attitude」においてフッターのコピーライト表記を書き換える方法をストレートにご教示いただきたく思っております。 お知恵をお貸し頂けますようよろしくお願い致します。 PS. <strong><center>などのごく初歩的なタグの意味・役割は知っており、HTML、CSS、PHPというものの概要は理解しているつもりです。 PS. コピーライトの編集のプラグイン「Blog Copyright」は試しましたが、「Attitude」には通用しませんでした。

  • ＷordPress　バグなのかな？

    ＷordPressのバグですか？ 外観 / テーマ編集 / スタイルシートで繰り返しスタイルを変更していました。 すると、ブラウザ（IE8）にCSSが適用されなくなりました。 Firefoxでは適用されています。 /*-- 効かなくなったスタイルは以下になっています。 --*/ div#container { margin: 0 auto; } 以上、よろしくお願いします。

    • ベストアンサー
    • CSS
  • wordpressで検索バーを消したい

    http://arunesam.com/ こちらのページのメニューバーの右側の検索バーを消したいのですが なかなかうまくできません。 テーマはTwenty Eleven 1.3を使っています。 色々調べてcss .widget_search label { display: none; } を入れ編集すればよいらしいことがわかったのですが、 外観→テーマ編集→Twenty Eleven: スタイルシート (style.css)の どことどこの間にこれを入れたらいいのか わからないので、教えてく下さい。

    • 締切済み
    • CSS
  • リンク文字変化のタグについて

    リンクを文字にマウスをあてた時のリンク文字変化のタグについて教えてください。 色々な文字変化があると思いますが上下にプルっと動くタイプのタグを探しています。 ↓これは[head]～[/head]の間に注入するタグのようなのですが <STYLE type="text/css"> <!-- A:HOVER{ position : relative; top:3px;　left:3px;} A{text-decoration : none; } --> </STYLE> このように[head]～[/head]の間に挿入するタイプのものではなく 個別で指定するにはどのように記述すればいいでしょうか？ ↓例えばコレは[head]～[/head]に入れて下線を消すタグですが <style type="text/css"> A{text-decoration:none;} </style> ↓こっちは個別に消す下線を消すタグです <a href="ページのアドレス" style="text-decoration:none"> リンクする文字</a> このようなに先ほどのタグの場合に個別に記述するやり方を教えてください。ヨロシクお願い致します。

  • WordPressの文字化け

    WordPressを先日初めてインストールしたのですが、 （サーバ：ロリポップ） DLしたテーマの ヘッダーのPHPのmetaタグ、keywordのところをそのまま手入力したところ 日本語が文字化けしてしまいます。 他の箇所の文字化けはないのですが、どうしたらよろしいでしょうか？ ご教授お願いします。

  • 下線（アンカー）の表示を特定の文字のみ設定するには

    特定の文字には下線を表示させ、特定の文字には下線を表示させないようにするには？ <style type="text/css"> a { text-decoration: none; } </style> </head> <body> <a href="index.html">下線あり</a> <a href="index.html">下線なし</a> これだと、どちらも下線が付きません。 <a href="index.html">下線あり</a>は下線を付けるにはどうすればいいですか？

    • ベストアンサー
    • HTML
  • Wordpressについて質問です。

    現在、Wordpress　のレスポンシブデザインのテーマを利用しています。 その中のある固定ページで、tableを使った表を記述したのですが、スマートフォンなどのデバイスでは、文字がきれいに表示されません。tablepressというプラグインも使ってみたのですが、やはり文字はきれいに入りません。 そこで質問なのですが、レスポンシブデザインで、特定のページだけすべてのデバイスでＰＣと同じように表示をしたいのですが、どうすればよろしいでしょうか？ 私は、html、ＣＳＳやＰＨＰはほぼ素人ですので、できるだけシンプルな方法があれば助かります。 よろしくお願いいたします。

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する