今使用しているサイトをSentry(https://ultimate-ez.com/sentry/)
というテーマに変え、ヘッダー部分だけカスタマイズしたいのですが
うまくいきません。
やりたいのは、画像を中央に入れ、ナビゲーション部分のフォントやカラーを変え
(できればドロップダウンメニューをつけたい)たいのです。
追加CSSの欄を利用し、
body{ margin-top: 198px; } header { text-align:center; background: #ffffff!important; } .header .container{ height:150px; background:url(hogehoge.png); background-attachment: fixed!important; background-repeat: no-repeat!important; }
を入れたのですが、中央ぞろえにならないのと、画像が連続してしまいます。
function.phpを修正し、カスタムヘッダーを作ったのですが、画像を入れても表示されませんでした。
<?php $custom_header_args = array( // デフォルトで表示するヘッダー画像(画像のURLを入力) 'default-image' => get_template_directory_uri() . '/img/default.jpg', // ヘッダー画像の横幅 'width' => 1000, // ヘッダー画像の縦幅 'height' => 198, // ヘッダー画像の横幅を自由に切り取れるかどうか(trueもしくはfalse) 'flex-width' => false, // ヘッダー画像の縦幅を自由に切り取れるかどうか(trueもしくはfalse) 'flex-height' => false, // ヘッダーテキストを表示するかどうかを指定する機能の使うかどうか(trueもしくはfalse) 'header-text' => false, // ヘッダーテキストのデフォルトの色 'default-text-color' => '000', // 動画ヘッダーに対応するかどうか(trueもしくはfalse) 'video' => true, // adminへの画像ファイルのアップロードを許可するか(trueもしくはfalse) 'uploads' => false, // ヘッダー画像をランダムにローテーションするかどうか(trueもしくはfalse) 'random-default' => false, // テーマのheadタグ内に呼び出したいコードが書かれた関数を指定(関数名) 'wp-head-callback' => 'wphead_cb', // カスタムヘッダーページのheadタグ内に呼び出したいコードが書かれた関数を指定(関数名) 'admin-head-callback' => 'adminhead_cb', // カスタムヘッダーページのプレビュー部分に表示したいコードが書かれた関数を指定(関数名) 'admin-preview-callback' => 'adminpreview_cb', ); add_theme_support( 'custom-header', $custom_header_args ); ?>
変えたいのはヘッダーだけなので、cssを修正するだけで画像が入ればいいのですが、
どうしてもうまくいきません。教えていただけますでしょうか。
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー