# [メタ情報]
# 識別子: cocoonのヘッダー部コンテンツ上部のカスタマイズ_head-insertphp
# システム名:cocoonのヘッダー部コンテンツ上部のカスタマイズ
# 技術種別: Misc
# 機能名: Misc
# 使用言語: php
# 状態: 実行用
# [/メタ情報]
要約：
このコードは、WordPressテーマ「Cocoon」のヘッダー部分に挿入されるPHPテンプレートと、コンテンツ上部に配置されるカスタムHTMLです。
PHPテンプレートでは、主に以下の機能を追加・調整しています。
1. **Push7によるウェブプッシュ通知サービス**を導入しています。
2. **JavaScript**を用いて、曜日（日本時間）に応じてウェブサイトのヘッダー背景画像を動的に切り替える機能を実装し、画像キャッシュ対策も施しています。
3. **CSS**により、ヘッダー画像読み込み時のチラつき防止の仮背景設定、Google翻訳のハイライト・`body`へのスタイル干渉の解除、コンテンツ上部ウィジェットの余白調整など、多岐にわたるデザイン修正を行っています。特に、Google翻訳プラグインがCocoonテーマのメニューと重ならないよう、`z-index`の制御、メニュー開閉時の表示制御、言語リストの表示方向固定といったUX改善策が講じられています。
カスタムHTMLでは、ウェブサイト上部に表示される固定バー（`#gt-ultimate-fix`）を定義しています。このバーには、[gtranslate]ショートコードによる翻訳機能と、外部のQ&Aサイトへのリンクが横並びに配置され、特定のスタイルが適用されています。
全体として、ウェブプッシュ通知の追加、ヘッダーの動的デザイン変更、そして翻訳機能とサイトデザインの整合性向上を目的としたカスタマイズがされています。
cocoon-child-master/tmp-user/head-insert.php
```
内）にタグを挿入するテンプレート。
?>
```
Cocoon コンテンツ上部のカスタムHTML
```
```
