PR

ワードプレスにカスタムヘッダー画像項目がない!追加します!

カスタムヘッダー画像を設定しようと項目を探す・・・・探す・・・・ありません。
なかったのでいろいろ探し回って設定項目を追加する方法です

functions.phpに追加します
追加する際は子テーマで行います、テンプレートアップデートで消えてしまっては意味がありません。
子テーマを作る際単純にfunctions.phpをコピーしないよう注意してください!
add_custom_image_header('','admin_header_style');
function admin_header_style() {
?>
<style type="text/css">
#headimg  {width: 1000px!important}
</style>
<?php
}
define('NO_HEADER_TEXT',true);
define('HEADER_IMAGE','%s/images/header.png');
define('HEADER_IMAGE_WIDTH',1300);
define('HEADER_IMAGE_HEIGHT',200);
1300の部分はサイトの横幅に合わせてください
200は表示したい画像の高さです
header.phpに下記を追加します
コピーする位置は</head>のすぐ上で大丈夫です
<?php if(get_header_image()): ?>
  <p id="image">
     <a href="<?php bloginfo('url'); ?>">
     <img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" />
     </a>
  </p>
<?php endif; ?>
これで完成です。
タイトル文が気になる方は表示する項目を削除してください。
タイトルとURLをコピーしました