(スライダー用)を私のヘッダーに実装する方法について、私の頭の中を包み込んでいます。複数の画像を背景として取得
私はすでにすべてのカスタマイザの作業を行っています。私は設定をしようとしていますので、私はちょうど私が設定したさまざまな背景画像のJavaScriptサークルトラフを少し聞かせることができます。それは私の問題がある
function getsliderimage1()
{
if (!empty(get_theme_mod('slider_image_1'))) {
echo get_theme_mod('slider_image_1', get_bloginfo('template_url') . '/images/image1.jpg') . ')';
}
}
function getsliderimage2()
{
if (!empty(get_theme_mod('slider_image_2'))) {
echo get_theme_mod('slider_image_2', get_bloginfo('template_url') . '/images/image1.jpg') . ')';
}
}
function getsliderimage3()
{
if (!empty(get_theme_mod('slider_image_3'))) {
echo get_theme_mod('slider_image_3', get_bloginfo('template_url') . '/images/image1.jpg') . ')';
}
}
を指していること
<header class="site-header">
<div class="row header-home" <?php
if ((get_theme_mod('slider_radio', 'slider') == 'static')) {
echo 'style="background-image:url(' . get_header_image() . ');' . 'background-repeat: no-repeat;
background-position: center; background-size: cover;min-height:100vh">';
} else {
echo 'style="background-image:url(' .
getsliderimage1() . ',url(\'' .
getsliderimage2() . ',url(\'' .
getsliderimage3() . ');' .
'background-repeat: no-repeat;background-position: center; background-size: cover;min-height:100vh">';
} ?>
<?php get_template_part('template-parts/header/site', 'branding'); ?>
<?php get_template_part('template-parts/header/menu', 'top'); ?>
</div>
slider.phpコード:
ヘッダーのホームページコード(ヘッダ-home.phpを)私がslider_radioをonにすると、slider.phpがloaになるという「静的」ではない私のページは読み込まれた場所から壊れてしまいます。
明らかに私はどこかでミスを犯しました。私はちょうどポイントをピン止めすることはできません。今、何時間も探しています。
あなたの誰かが私に間違っていることを伝えることができます。
ここにはWordPressテーマ開発の新機能があります。
ありがとうございました!
編集:
私はもう少し説明しましょう。私が意図しているのは、画像の背景をカスタマイザで使用するときだけ背景に追加することです。 (使用されていない場合やない)これらの画像を含む3つのコントロールslider_image_1、slider_image_2とslider_image_3
UPDATEです:
私が同じフィーユに直接私の機能を貼り付けるとき、それは何の問題ロードを持っていないようですもうページ。 Hmmn