質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.34%

  • WordPress

    7657questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    6189questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

twentytwelveでcssを読み込んでいる<link rel=”stylesheet”から始まる記述を探しています。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 505

gonda310

score 8

wordpressのtwenty twelveを使用しています。
スマホ用のcssを作成したいです。ただgoogle先生に聞いてもいい回答が得られませんでした。
最初に事例のサイトを参考に

wp/wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven/style.css


を編集しましたが、cssが変わりませんでした。

そこで今回mobile.cssを作成しcssを読み込んでいる<link rel=”stylesheet”から始まる記述を編集したいです。
ただ、今回のサイトはtwenty twelveではないので記述部分を探すのが難しいです。
twenty twelveではcssを読み込んでいる<link rel=”stylesheet”から始まる記述はどこにありますか?また、ない場合は代わりにどこを編集すればいいですか?

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

こんにちは。
リンク先の解説に、「<link rel=”stylesheet”から始まる~」の記述は、ヘッダー(header.php)と書いてありますよ。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/17 16:01

    今確認していますが、header.phpのどこの部分が該当しますか?

    キャンセル

  • 2017/02/17 16:12

    確認ですが、<link rel="profile" ~から始まる部分ですか?

    キャンセル

  • 2017/02/17 17:05 編集

    失礼しました。Twenty Twelveのheader.phpに「<link rel=”stylesheet”から始まる~」の記述はありません(wp_head関数で出力されています)。子テーマを作成して、style.cssを新たに作成する方法が一般的かと思います。

    キャンセル

  • 2017/02/17 23:44

    やはりそうでしたか。
    style.css を作成するのはわかりますが、スマホにcss を表示するには具体的を何をすればいいですか?
    例えば、style.css に.example{background:000000;}と書いてもスマホ画面には色は表示されないと思います。
    どうやったら、スマホ画面にcss を表示されることが出来ますか?

    キャンセル

  • 2017/02/18 15:55

    具体的には、Media queriesを使えば表示できるかと思います。

    キャンセル

  • 2017/02/18 16:31

    @media screen and (max-width: 640px) {
    .example{background:000000;}
    }
    と書くのですか?
    今書きましたが、スマホに反映されません。
    これでいいのでしょうか?

    キャンセル

  • 2017/02/19 13:42

    .example{background:#000000;}じゃないですかね?

    キャンセル

  • 2017/02/19 18:05

    すみませんでした。
    訂正しましたが、色は変わりませんでした。

    キャンセル

  • 2017/02/19 18:17

    @media screen and (max-width: 640px) {
    .example{background:#DC143C;

    }
    と書いても色が変わりません。

    キャンセル

  • 2017/02/20 11:54

    私の環境では表示できました。
    質問者様の「 {」が全角文字かと思うのですが、どうでしょう。
    書きなおしてみるといいかもしれません。

    キャンセル

  • 2017/02/20 11:59

    ですが、ラップトップだとcssがちゃんと表示されます。

    キャンセル

  • 2017/02/20 12:20

    そうですか。では、Media queries以外の箇所に原因がありそうですね。作成したcssを間違いなく読み込んでいるか、class名に相違はないか等、心当たりを確認してみてください。

    キャンセル

  • 2017/02/20 14:09

    /* Minimum width of 600pixels. */
    は書く必要がありますか?

    キャンセル

  • 2017/02/20 14:25

    コメントなので、なくても動作には影響しません。必要ならば、書く必要があります。

    キャンセル

  • 2017/02/20 14:50

    .example{background:#DC143C;

    の下に@media screen and (max-width: 640px) {
    .example{background:#DC143C;

    }
    と書くべきですか?

    キャンセル

  • 2017/02/20 14:51

    この.exampleはラップトップに表示していたcssのコードなので

    キャンセル

  • 2017/02/20 15:57

    dodragonsさん、丁寧に説明してくれて大変助かります。
    やはり、今回の問題は私が書いたコードに問題があるのでもう一度一から調べてみます。
    本当にありがとうございます。
    dodragonsのアンサーをベストアンサーに選びます。

    キャンセル

  • 2017/02/20 15:59

    コードを見てみないとなんともいえませんが、下の行に書いたコードを優先しますので、そうかもしれませんね。

    キャンセル

0

テーマフォルダの中にあるheader.phpで編集できます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/17 16:01

    今確認していますが、header.phpのどこの部分が該当しますか?

    キャンセル

  • 2017/02/17 16:13

    確認ですが、<link rel="profile" ~から始まる部分ですか?

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.34%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • WordPress

    7657questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    6189questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。