Title: ｈ1、ｈ2,ｈ3と見出しを分ける Last modified: 2014年1月8日 --- # ｈ1、ｈ2,ｈ3と見出しを分ける * 解決済 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 9ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/) * 今、ＣＳＳ実験サイトで実装したいデザインをためしているのですが、本文の見出しの 部分を色分けと線で区切りたく、ＣＳＳを触っています。 * 何処を変えれば、ｈ1、ｈ2、ｈ3が変るのか分ったのですが、本文以外の部分に反映さ れています。本文の部分にだけ反映させるにはどうすればいいですか?? * テーマは、Twenty Fourteenです。 よろしくお願いします。 10件の返信を表示中 - 1 - 10件目 (全10件中) * [dontkou](https://ja.wordpress.org/support/users/dontkou/) * (@dontkou) * [12年、 9ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170745) * 実験環境が無いので基本的なお話になりますが。。 h1/h2/h3等に定義されているcss を変更すると言う事は、 当然のことながら使用している全てに適用することになるの では？ * 個別に一部を変更したいのであれば、当該部分で使用するh1等に classを振ってスタイル を別で定義してみれば如何でしょうか？ * ただ・・・見出し（hタグ）ってのは個別ページで何度も 登場させるタグでは無いので、 * 【適切な量を適切な場所で】 * と言うことをご理解の上カスタマイズして下さい。 * 見た目を意識した文字装飾だとお考えなのであれば、 本来のタグの使用方法とは異なり ますので hタグを使用せずに他の文字装飾方法をご検討される事をお勧めします。 * トピック投稿者 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170898) * dontkouさんありがとうございます。 * 私は、根本的に分っていないのかもしれません。 本文を分りやすくするために * 小見出しの部分を装飾したかったのです。 装飾するにあたりh1,h2,h3,h4,h5,h6で囲 めば簡単に変化させることが出来れば楽だなと思っていました。 * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170899) * h1,h2,h3… と見出しタグにはルールがあり、h2,h3,h1のような使い方は勧められません。 重要度の見出しですから、本文の装飾にはや、良く使う装飾はクラスで用意しま しょう。 HTML記述ルール [http://www.sync-d.jp/guideline/coding/html.html](http://www.sync-d.jp/guideline/coding/html.html) * トピック投稿者 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170918) * digit@maetelさんコメントありがとうございます。 * ｈ１は題名で ｈ2は小見出しで これ以降はｈ3ｈ4ｈ5ｈ6と続くと言うことで理解は大丈夫 ですか?? * 貼って頂いたＵＲＬで勉強したいと思います。 * ありがとうございます。 * 実験用のサイトです。 このサイトでｈ1を装飾した時、サイドバーとサイトタイトル の部分が反応してしまいます。 * ｈ2を装飾すると、キャッチフレーズが反応してしまいます。 * ｈ3を装飾すると、コメントを残すが反応してしまいます。 * ブログを書く時、記事タイトルがｈ1で自動的に反映されますので、反応がない残りの ｈ4ｈ5ｈ6を使って、ブログ記事として本文の小見出しを装飾することになるということ でしょうか?? * もし、その様にするなら ｈ1ｈ4ｈ5ｈ6と順番になってしまいますが、これは大丈夫なので しょうか？？ * よろしくお願いします * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170919) * 具体例として、わたしの今日のブログで恐縮ですが * [例](http://blog.amadeusclassics.com/lp-cover-arts/giulini-chicago-symphony-bilder-einer-ausstellung) * サイトのタイトルは当然 h1 一番最初に利用されるので、移行は h1 は登場しません。 * 記事タイトル、サイドバーの『カレンダー』、『天気予報』という見出しが h2 * 本文記事の「Carlo …」「Nationalist」が h2 その下に位置する内容である Product などは h3（黒バックに白文字の部分です） * その次にアマゾンリンクで、「Pictures at An Exhibition」（ブルーのラインが左側 に入っている部分が） h4 を当てています。 * サイト全体の中に　記事部分と　サイドバー、フッターが分岐点となりますから、それぞれ のグループの中で『見出しのルール』に沿うように装飾を割り振れば良いのです。 * 尚、WordPressに関することではなく html,css のレベルの問題ですから、このフォーラム では好ましいことではありません。 * トピック投稿者 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170922) * digit@maetelさんありがとうございます。 * キレイなサイトですね。お手本にさせて頂きます。 * ＞それぞれのグループの中で『見出しのルール』に沿うように装飾を割り振れば良いの です。 それぞれのグループの指定ができるのですね、探してみます。 * [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/) * (@digitmaetel) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170923) * WordPressのサイトは、大きく分けて ヘッダー（サイトのタイトルがある部分） コンテンツ、 あるいはエントリー（記事本文） ウィジェット（サイドバーまたはフッターウィジェット） フッター（最下部のDesigned by… などとある部分） このそれぞれがグループに分かれ ているので、同じh2,h3を文字装飾を個別に出来るのです。 * 例えば h2 でも、 .content h2 .widget h2 でスタイルシートをそれぞれに書けば宜しい です。 * css,css3 で検索して、その先のサイトで質問をするのが学びが早いですよ。 * [kodamatic](https://ja.wordpress.org/support/users/kodamatic/) * (@kodamatic) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170924) * CSSの書き方で、「AAという範囲の中のBBという要素」という書き方があります。 * ``` #content h1,h2,h3 { text-size: 12pt } ``` * とか書くのでどうでしょう。contentの部分はchromeの「要素の検証」でご自身のサイト を確認してみてください。 * トピック投稿者 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170926) * digit@maetelさんたびたびありがとうございます。 * 検索してみます。 最初に私が知りたかったのは、分かれるか分かれないかだったので、 それだけでも知れてよかったです、ありがとうございます。 * トピック投稿者 [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * (@kazuya-2013) * [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170927) * kodamaticさんコメントありがとうございます。 * 今、デベロッパーツールでサイド確認してみたところ、widgetと場所が出ていました。 お蔭様で前進出来そうです。ありがとうございます。 10件の返信を表示中 - 1 - 10件目 (全10件中) トピック「ｈ1、ｈ2,ｈ3と見出しを分ける」には新たに返信することはできません。 ## タグ * [h2](https://ja.wordpress.org/support/topic-tag/h2/) * [h3](https://ja.wordpress.org/support/topic-tag/h3/) * [ＣＳＳ](https://ja.wordpress.org/support/topic-tag/%ef%bd%83%ef%bd%93%ef%bd%93/) * [Twenty Fourteen、h1](https://ja.wordpress.org/support/topic-tag/twenty-fourteen%e3%80%81h1/) * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/) * 10件の返信 * 4人の参加者 * 最後の返信者: [kazuya 2013](https://ja.wordpress.org/support/users/kazuya-2013/) * 最後の活動: [12年、 8ヶ月前](https://ja.wordpress.org/support/topic/%ef%bd%881%e3%80%81%ef%bd%882%ef%bd%883%e3%81%a8%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%92%e5%88%86%e3%81%91%e3%82%8b/#post-170927) * 状態: 解決済 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック