wordpressのブログでヘッダーのHTMLを書き換えたいです。

wordpressを覚えようと思い、インストールしました。
しかし、ヘッダー部分を変えようと思っても、themeの中のテーマ名のディレクトリの中のheader.phpの中にはHTMLは書かれていませんでした。
どこに書かれているのでしょうか？
FTPから直接書き換えたいと思っています。

インストールしたテーマはCocoon という無料テーマです。
Cocoon

・行ったこと
`<?php //ヘッダー部分（<head></head>内）にタグを挿入したいときは、このテンプレートに挿入（ヘッダーに挿入する解析タグなど） //子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。 //例：<script type="text/javascript">解析コード</script> htmlspecialchars('<link rel="stylesheet" type="text/css" href="/wp/wp-content/themes/cocoon-master/additional.css"/>', ENT_QUOTES); ?>

<?php if (!is_user_administrator()) : //管理者以外カウントしたくない場合は //↓ここに挿入?> <?php endif; ?> <?php //ログインユーザーも含めてカウントする場合は以下に挿入?>

書いた場所：/themes/cocoon-child-master/tmp-user/head-insert.php`

※見づらくてすみません。マークダウンの3つの`で囲むのがうまく表示できませんでした。

・行なったこと（２回目）
`

<?php //ヘッダー部分（<head></head>内）にタグを挿入したいときは、このテンプレートに挿入（ヘッダーに挿入する解析タグなど） //子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。 '<link rel="stylesheet" type="text/css" href="/wp/wp-content/themes/cocoon-master/additional.css"/>'; ?> <?php if (!is_user_administrator()) : //管理者以外カウントしたくない場合は //↓ここに挿入?> <?php endif; ?> <?php //ログインユーザーも含めてカウントする場合は以下に挿入?>

`
※マークダウンが全く機能しませんでした。

行動規範の内容に同意します

回答2件

何を変更したいのかわかりませんが...

Cocoon の header.php では、get_template_part() で、外部ファイルを読み込んでいますから外部ファイルに記載されている可能性もあります。

また、https://wp-cocoon.com には、

テーマカスタマイザー使用をなるべく控えテーマ独自設定に

Cocoonは、あらかじめ多数のウィジェットエリアを用意しています。

という記述もありますので、「設定」画面や「ウィジェット」画面で、設定できる項目もあるのかもしれません。

(2018.10.11 追記)

テーマをカスタマイズするのには、HTML / CSS の知識だけではなく、多少の PHP の知識も必要ですので、PHP マニュアルも必要な関数の部分を読むようにしてください。

外部ファイルの場所ですが、たとえば、

<?php get_template_part('tmp/head-custom-field'); ?>

で読み込んでいる場合は、テーマディレクトリの中の tmp ディレクトリの中の head-custom-field.php ファイルを読み込むという意味です。( get_template_part()関数を使う場合、ファイル名の拡張子「.php」は、省略されています。関数リファレンス/get_template_part - WordPress Codex 日本語版参照。)

また、header.php に

<?php //ヘッドタグ内挿入用のユーザー用テンプレート get_template_part('tmp-user/head-insert'); ?>

と書かれていますから、テーマの作者は、独自の項目を追加したいのであれば、この外部ファイル head-insert.php に記載することを推奨していると思われます。

ファイル tmp-user/head-insert.php を確認すると

//ヘッダー部分（<head></head>内）にタグを挿入したいときは、このテンプレートに挿入（ヘッダーに挿入する解析タグなど）
//子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。

と書かれています。

また、テーマを本格的にカスタマイズしようと考えているのであれば、テーマの作成 - WordPress Codex 日本語版を一読して、WordPress のテーマの構造を理解されることをお勧めしておきます。

投稿2018/10/10 14:28

編集2018/10/11 00:44

CHERRY

総合スコア25171

tokyodesk

2018/10/10 19:55

ありがとうございます。外部ファイルとはどこにあるのでしょうか。設定でグローバルメニューを追加したりはできるようですが、独自のhtmlを書きたいと思っています。

CHERRY

2018/10/11 00:38

長くなったので、回答欄を編集して追記しました。

momosiri

2018/10/11 12:02

get_template_part()の括弧内のファイルはテーマのフォルダの中にありますよ

tokyodesk

2018/10/13 10:08

遅くなりすみません。ありがとうございます。 headタグの追記も必要だと感じていたので、head-custom-field.phpの役割がわかって助かりました。 htmlのメインコンテンツ部分（bodyタグ内）を直接書き換えたい場合には、どこを編集すればいいのでしょうか？それらが外部ファイルに書かれているとすると、そもそも自分のレンタルサーバーの中にないという意味だとしたら直接書き換えることは不可能で、phpやJavaScript等で動的に操作するしかないのでしょうか。

CHERRY

2018/10/13 10:22 編集

外部というのは、同じディレクトリかサブディレクトリにある「別のファイル」という意味です。 Boby 部分も複数に分かれていますが、変更したいのは、どの部分でしょうか？まずは、テーマフォルダに含まれているすべての PHP ファイルを確認してみたらわからないでしょうか。

tokyodesk

2018/10/15 08:36

確かにその通りでした。すみませんでした。 1つ1つのファイルを確認したところ該当のものと思われるhtmlを見つけることができました。ありがとうございます。子テーマではなく親テーマに書かれているようです。ただ一点問題があり、`head-insert.php`でheadタグを追加したいと思い追記部分のように書いたところ何も変化がなかったのですがどこが間違っているのでしょうか。

CHERRY

2018/10/15 08:55

親テーマの部分を子テーマで置き換えできるかは、親のテンプレートの作り方に依存しますので、できるできないは、テーマによって異なります。 > htmlspecialchars('<link rel="stylesheet" type="text/css" href="/wp/wp-content/themes/cocoon-master/additional.css"/>', ENT_QUOTES); を追加したということですか？ <link> タグを丸ごと htmlspecialchars しちゃうと、クオートがエスケープされるので、うまく認識されないと思うのですが... 普通に ` <link rel="stylesheet" type="text/css" href="/wp/wp-content/themes/cocoon-master/additional.css"/> ` をそのまま記載したら、適用されたりしないですか？

tokyodesk

2018/10/15 09:23

htmlspecialcharsを使わずにそのまま「<link rel="stylesheet〜」と書くとPHPエラーになったのですがシングルクオートで囲っていなかったことに気が付いたので追記したように書きましたが、何も変化はありませんでした。いろいろ情報が不足していてすみません。

CHERRY

2018/10/15 09:30

Web ブラウザのデベロッパーツールで、コンソールを確認するとファイル読み込みのエラーが出ていたりしないでしょうか？

tokyodesk

2018/10/15 11:37

特に読み込みエラーは出ていないようです。黒文字で「JQMIGRATE: Migrate is installed, version 1.4.1」とだけ出ていますが調べたところエラーではないようです。 https://hacknote.jp/archives/18598/ 他には何も出ていません。

行動規範の内容に同意します