サポート » テーマ » Twenty Fourteenのタグのカスタマイズ

  • 解決済 WP-B-CDK

    (@wp-b-cdk)


    すこし探してみたのですが見つかりませんでした。質問させていただきます。

    HTMLとCSSがすこしわかる程度の素人です。

    Twenty FourteenのCSSのカスタマイズを行っているのですが、以下のパラメータをいじるにはどこを触ればよいでしょうか?

    • 固定ページのタイトルと投稿のタイトルの フォントおよび背景やボーダーの設定。
    • 固定ページおよび投稿ページ内で使用するの<h1>~のタグのそれぞれのカスタマイズ。

    以上です。構造にお詳しい方お願いします。

    CSSなどの行数などを表示や検索できるプラグインを使っています。

    お手数でなければこれらで検索できるワードやあらかたの行数などを教えていただけると非常に助かります。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • モデレーター gatespace

    (@gatespace)

    FireFox、Chrome、Safari、IE。
    いずれも開発者ツールがついているので、調べたい要素のcssのスタイルやどのスタイルシートの何行目かなども調べられます。

    gatespace さんの説明の通りでブラウザの開発ツールを有効にしてマウスの右クリックで「要素の詳細を表示」などが使えるようになります。

    Twenty Fourteen のタイトル部分は、スタイルシートにセクション別に整理されているので見つけやすいですよね。

    /**
    * 6.2 Entry Header
    * —————————————————————————–
    */

    .entry-header {
    position: relative;
    z-index: 1;
    }

    .entry-title {
    color: #1e73be;
    font-size: 33px;
    font-weight: 300;
    line-height: 1.0909090909;
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    }

    .entry-title a {
    color: #2b2b2b;
    }

    .entry-title a:hover {
    color: #41a62a;
    }

    .site-content .entry-header {
    background-color: #fff;
    padding: 0 10px 12px;
    }

    .site-content .has-post-thumbnail .entry-header {
    padding-top: 24px;
    }

    例として文字色だけ color: #1e73be; に変更してみたのがこちらになります http://wp.me/p4kTWe-5a

    トピック投稿者 WP-B-CDK

    (@wp-b-cdk)

    ご解答ありがとうございます!

    おそらくはここじゃないか?と言うのを見つけることが出来ました。

    試してみます!!

    トピック投稿者 WP-B-CDK

    (@wp-b-cdk)

    お恥ずかしい限り、こうやれば見つけることができるのですね・・・。

    気づけない私に渇

    おかげさまで上手くいきました!

    また初歩的な質問をするかもしれませんがよろしくお願いします。

    トピック投稿者 WP-B-CDK

    (@wp-b-cdk)

    失礼しました。解決済みとさせていただきます。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「Twenty Fourteenのタグのカスタマイズ」には新たに返信することはできません。