2020.02.11よしあかつきTwitterFacebookはてブPocketサイトのヘッダーに画像・動画を表示する「ヘッダーメディア」の設定方法について紹介します。v2.7.0以降で設定できる機能になります。[ys]ヘッダーメディアを全ページ表示するヘッダーメディアの設定方法ヘッダーメディア(カスタムヘッダー)の画像・動画はテーマカスタマイザーの「ヘッダーメディア」から設定が可能です。ヘッダーメディアの設定で画像や動画を設定することにより、TOPページを表示した際にサイトヘッダーの下に設定した画像を表示することができます。ヘッダーメディアの設定の各項目ヘッダーメディアで設定出来る項目について解説します。[ys]ヘッダーメディア用ショートコードヘッダーメディア表示エリアにショートコードを使った表示ができます。画像スライダーやコンテンツスライダーの編集・ショートコードで利用できるプラグインと合わせて使うことで、よりリッチなTOPページが作れます。3ヘッダー動画WordPressサイトに動画ファイル(.mp4)をアップロードするかYouTubeのURLを入力すると動画を表示することができます。ヘッダー画像TOPページのヘッダーに表示する画像を選択します。画像をアップロードするか、すでにアップロード済みの画像を選択します。選択した画像の切り抜き画面が表示されるので、好みに応じて切り抜きエリアをドラッグして変更し、「画像を切り抜き」ボタンをクリックします。アップロードした画像をそのまま使う場合は「切り抜かない」ボタンをクリックしてください、ヘッダー画像には複数画像を設定し、表示する画像を選択することができます。現在のヘッダー画像の下に表示されている「新規画像の追加」ボタンでヘッダー画像に設定する画像を選択します。追加画像の選択が完了すると「アップロード済み」の画像に追加されます。ヘッダー画像として表示したい画像をクリックすると「現在のヘッダー」に選択され、TOPページにも画像が表示されます。「アップロード済みヘッダーをランダム表示」ボタンをクリックすると、アップロード済みの画像がページ読み込み時にランダムに選択されて表示されます。(スライド表示等にはなりません。)アップロード済みの画像の選択解除は、アップロード済み画像にカーソルを合わせると右上に表示されるバツボタンをクリックしてください。[ys]ヘッダーメディアにサイトヘッダーを重ねる(PC)チェックを入れた場合、PC表示でヘッダーメディアの上にサイトヘッダーが重なるようなレイアウトになります。[ys]ヘッダーメディアにサイトヘッダーを重ねる(PC):サイトヘッダー表示タイプヘッダーメディアの上に重なるサイトヘッダーの表示タイプ(色)を「ダーク」・「ライト」から選択できます。ダーク:黒系ライト:白系[ys]ヘッダーメディアにサイトヘッダーを重ねる(PC):サイトヘッダー不透明度ヘッダーメディアの上に重なるサイトヘッダーの不透明度を0~100の間で設定します。数値が小さいほどサイトヘッダーが透明になります。[ys]ヘッダーメディアを全ページ表示するyStandardではヘッダーメディアの設定はTOPページで表示することを基本として考えていますが、全ページにヘッダーメディアを表示したい場合はチェックを入れてください。(yStandard独自のAMPページ生成機能で生成されたAMPページではヘッダーメディアは表示されません。)スポンサーリンクTwitterFacebookはてブPocketテーマ設定この記事を書いた人よしあかつき1988年生まれの昭和最後の生き残り。群馬でフリーランスとしてホームページの制作などをしています。よしあかつき.net(yosiakatsuki.net)というブログでWordPressのカスタマイズについて情報発信しています。コメントをキャンセルメールアドレスが公開されることはありません。公開のおしらせ作者よしあかつき1988年生まれの昭和最後の生き残り。群馬でフリーランスとしてホームページの制作などをしています。よしあかつき.net(yosiakatsuki.net)というブログでWordPressのカスタマイズについて情報発信しています。WordPressHOMEDownload応援するTwitter。