Q&A
お使いのテーマは何でしょうか？
テーマの CSS ファイルに試した内容を追加するとどうなるのでしょうか？
前提・実現したいこと
wordpressで固定ページのタイトル（ヘッダー）に線を入れるなど見た目（デザイン）を変えたい
発生している問題・エラーメッセージ
PHP、もしくはワードプレスの知識がたりないためどこを変更していいのかわからない
該当のソースコード
HTML
1<header class="entry-header"> 2 <div class="page_thumbnail"> 3<div class="bg_thumbnails" style="background-image: url()"> 4 <h1 class="entry-title">タイトル</h1> 5</div> 6</div> 7 </header> 8を↓に変更したい 9<header class="entry-header"> 10 <div class="page_thumbnail"> 11<div class="bg_thumbnails" style="background-image: url()"> 12 13 <div> 14 <hr> 15 <hr> 16 <h1 class="entry-title">タイトル</h1> 17 <hr> 18 <hr> 19 <hr> 20</div> 21 22</div> 23</div> 24 </header>
試したこと
googleの検証ツールでhtml,cssの変更を試してみたところ、やりたいことはできました。
しかし、実際のファイルを変更しようにもどこを触っていいのかわかりません。
ワードプレス 固定ページごと ヘッダー
で検索してヒットしたサイトを参考にしてみましたが、よくわかりません。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
テーマはelementareというテーマです
変更したいデザインの都合上htmlのタグを追加したいと思ってるのですが(CSSもそのタグに合わせて書いてます)、そのhtmlがおそらくPHPで自動で書かれてるのかなと思ってます
header class="entry-header"のなかみを変更したいです
なので、試した内容をCSSに追加で記述しても変更したい部分を一部しか変更できません
質問を編集して質問にも追記してください。
現在のhtml の内容と変更したいhtml の内容も質問についしていただけないでしょうか。
変更したい部分がわからないと、どのファイルのどこを修正したら良いという指摘もできないと思います。
基本的に試した内容と結果は、具体的に質問に記載してください。
回答1件
0
ベストアンサー
とりあえず、
header class="entry-header"のなかみを変更したいです
は、page.php から呼び出される
template-parts/content-page.php
にあります。
テーマを直接書き換えると、テーマのアップデートや更新で上書きされますので、子テーマを利用して、テンプレートを修正してみてください。
追記
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
の <h1> や </h1> の部分を編集します。
投稿2020/07/16 03:50
編集2020/07/16 03:56総合スコア25171
子テーマの作り方がわからなかったので、
https://requlog.com/self-branding/wordpress/child-theme/
を参考に作りましたが、「子テーマを利用して、テンプレートを修正してみてください。」の部分が具体的にどう修正していいのかわかりません。
function.phpに何かを追記する感じですか？
親テーマから書き換えるファイルだけを子テーマにコピーして、コピーしたファイルを書き換えます。
子テーマを利用すると 子テーマにコピーしたファイルは、子テーマの内容が参照されて、それ以外の親テーマからコピーしなかったファイルは、親テーマのファイルがそのまま参照されます。(style.css と functions.php は除く。)
今回の例では、親テーマの template-parts/content-page.php を子テーマの template-parts/content-page.php にコピーして、子テーマの template-parts/content-page.php を書き換えることで内容を変更することができます。
ありがとうございます
何とかできそうです
解決できたら解決済みにします
あなたの回答
tips
プレビュー
