「動的データオプション」とはなんですか？
-
お世話になります。
WPのオリジナルテーマ作成の初心者です（１年くらい）。
WPで観光サイトを作成してみようと思い、
https://www.kyotango.gr.jp/sightseeing/713/
こちらのサイトのデザインを模倣してみようと思いました。参考サイトのようにトップのアイキャッチ画像の真ん中にタイトルを表示したいのですがどうしてもできません。
チャットGPTで何度も調べているのですが、どうしても「動的サイトオプション」のところで行き詰まってしまいます。
チャットGPTへの質問は、「WordPress 6.5.4 テーマTwenty Twenty-Fourにおいてタイトルをアイキャッチの画像の真ん中に出す方法を教えてください」と書いています。
チャットGPTの回答を踏まえてやったことを大まかに書くと
ダッシュボード→エディター→個別投稿→カバーブロックを作成→カバーブロックの背景に「アイキャッチ」を指定→カバーブロック内にH1の見出しを作成しました。
その次にチャットGPTでは、『見出しブロックの内容として「投稿タイトル」を設定します。見出しブロックの設定パネルで「動的データ」オプションから「投稿タイトル」を選択します。』とあるのですが、『見出しブロックの設定パネルで「動的データ」オプション』とは何なのかが分かりません。
Chromeでも検索しましたが、何なのか回答にいたりませんでした。『見出しブロックの設定パネルで「動的データ」オプション』というものは実際に存在しているのでしょうか？
また、存在しているならどのようにすると設定できるものなのでしょうか？ご知見ある方ご回答よろしくお願いします。
-
個別投稿内にH1見出しを置くと、投稿にH1が２つ存在することになるのでNGです。
まず、お示しいただいている画像にある「縦積み」ブロックを開いてみてください。
その中に「タイトル (H1)」ブロックが「投稿メタ」と一緒に格納されています。(この「タイトル (H1)」ブロックを「動的データオプション」と表現されているのではないでしょうか)
その「縦積み」ブロックを「カバー」ブロック内に移動してください。
そして「縦積み」ブロックごと中央に表示させます。
最後に「見出し (投稿タイトル)」ブロックを削除してください。
リストビューに注目してください。
ブロック構造が▼こちらの画像のようになっていたらOKです。
カバーブロックは全幅。
オーバーレイは #000000、不透明度30 に設定しています (一例です)。プレビューすると▼こんな感じ。
カバーブロックの上余白やメタ情報の色 (▲画像のピンクの矢印) を調整する必要があるかと思います。
これでご希望のとおりになりそうでしょうか。
ご回答ありがとうございます。
”待てば海路の日和あり”
ご回答に大変感謝しています。
実は今いろいろさわりすぎてローカルからサイトが開けられなくなっているのですが、新しいテスト用のサイトを作成して、いただいた回答を試したところ理想に近いものができそうで感激しています。
ブロックは「タイトル」を使用すればよかったんですね！
自分ではたどりつけないところでした。余談ですが、今週からブロックテーマの学習をはじめました。
今までブロックテーマと思って作成していたものが、実はクラシックの延長でしかないということに先週気が付きｗ、ブロックテーマを急いで学習しています。
ブロックテーマは当たり前だと思いますが、どのブロックを使用するかが肝ですね！
まだ触りですが、theme.jsonの仕組みもおもしろいなと思いました。これからまた分からないことがたくさん出てくると思いますので、よかったらまたご教授ください。
よろしくおねがいします。
ありがとうございました！
- このトピックに返信するにはログインが必要です。