Title: twenty fifteen,sixteenに追加でヘッダーをつけたい
Last modified: 2016年10月3日

---

# twenty fifteen,sixteenに追加でヘッダーをつけたい

 *  解決済 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/)
 * ワードプレス純正テーマのTwenty FifteenとTwenty Sixteenの上部にヘッダーを追加した
   いです。
    付けたいもののイメージとしてはアメブロの上部に表示される、「マイページ」「
   ピグ」などが記載されているブラウザの幅いっぱいに広がるバーです。 ためしに両テーマ
   ともheader.phpの body タグ直下に適当に30文字程度を入力してみたのですが、Fifteen
   の場合は初めの数文字分がサイドバーに隠れ見えず（スマホレベルまでブラウザを狭める
   と表示されます）、Sixteenに至っては外枠の上部が厚くなるだけで、ドラッグしても
   文字が表示されません。 top.phpなどの適当なヘッダーフォルダを作成し、bodyタグ直下
   にget_template_part(‘top’)を使って呼び出せば表示できるかなと考えているのですが、
   少なくともFifteenの場合はサイドバーの表示位置を少し下げなければいけなさそうです。
   が、やり方がわかりません。
 * ちなみに表示したいヘッダーはアメブロほど高度なものでなく、横一直線で左端にサイト
   ロゴが表示され、スクロールしたら隠れてしまうもので十分です。

8件の返信を表示中 - 1 - 8件目 (全8件中)

 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179852)
 * ちょうど、新規サイトを Twenty Sixteenのテーマで準備中だったので、試みました。
   
   メニューをインナー・コンテナに入れるか入れないかの違いではないかしら。 （[暫定試用、本運用まで頻繁に変更します](http://wp.me/P7kV2t-2)）
 *  トピック投稿者 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179862)
 * Twenty Sixteenでインナーコンテナに入れずに表示する分には簡単にできるんですが、
   その外となるとどうも外枠上部が常に表示される設定となっているようで、表示させたい
   バーと外枠がかぶってしまいます。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179863)
 * 外枠上部の分、[マージンを取り直しました](http://wp.me/P7kV2t-2)。
 *  トピック投稿者 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179864)
 * 私もまったく同じことを考えてmargin-topでやってみたのですが、やはり枠の外にバー
   を表示させることはできませんでした。同じくTwenty Fifteenもサイドバー上部にマージン
   を指定したのですが、タイトル文字などが下がるだけで解決ならずです。
    仕方がない
   のでTwenty FifteenはPCでは左側にサイトロゴ、スマホでは右側にサイトロゴと指定、
   Twenty Sixteenは枠内にバーを設置しようと思います…。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179865)
 * Twenty Sixteen は body のスタイルで外枠を制御しているようですね。
    saito さん
   のアイデアを取り込んで、両幅もマージンを取ってテーマ自体のレイアウトを活かす方向
   で、わたしは進めます。
 * 同じく [Twenty Fifteen も全体の上に置く](http://wp.me/P5XTd0-2)と、ヘッダーが
   位置調整をしようと動きますね。再計算の速度を短めれば良いかもしれないですね。
 *  トピック投稿者 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179870)
 * Twenty Fifteenの場合サイドバーが追加したヘッダーを隠してしまうんですけど、これ
   はどうやって前面に表示させているんですか？
 *  トピック投稿者 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179871)
 * 何度も申し訳ないです。Twenty Sixteenのマージンを取り直した件ですが、具体的にどういう
   値を入れたのですか？どうも枠ピッタリに追加ヘッダーをつけるのができなくて。
 *  トピック投稿者 [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * (@paddock-gate)
 * [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179873)
 * Twenty Fifteen,Sixteen双方ともに追加したヘッダーのCSSに
 *     ```
       position: relative;
       z-index: 100;
       ```
   
 * を付け加えることでbodyタグ直下に置いても表示されるようになりました。
    ただしFifteen
   はサイト表示時にサイドバーがつつつ・・・と下がっていきますが…。 一応解決とします。
   ありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)

 トピック「twenty fifteen,sixteenに追加でヘッダーをつけたい」には新たに返信すること
はできません。

## タグ

 * [Twenty Fifteen](https://ja.wordpress.org/support/topic-tag/twenty-fifteen/)
 * [Twenty Sixteen](https://ja.wordpress.org/support/topic-tag/twenty-sixteen/)

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 8件の返信
 * 2人の参加者
 * 最後の返信者: [saito](https://ja.wordpress.org/support/users/paddock-gate/)
 * 最後の活動: [10年、 7ヶ月前](https://ja.wordpress.org/support/topic/twenty-fifteensixteen%e3%81%ab%e8%bf%bd%e5%8a%a0%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-179873)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック