কাস্টমাইজারে কাস্টম চিত্র বিভাগ

Question

সুতরাং আমার কাছে কাস্টমাইজারে এই কাস্টম বিভাগ রয়েছে যা হোম পৃষ্ঠায় ফিচার পণ্যগুলি নিয়ন্ত্রণ করে। সেখানে সমস্ত নিবন্ধিত এবং আরও আছে তবে আমি যে সমস্যার মুখোমুখি হয়েছি তা হ'ল ক্লায়েন্ট যখন কোনও বৈশিষ্ট্য চিত্রটি আপলোড করে তখন আমি কীভাবে এটি আপডেট করব জানি না।

ফাংশন.এফপি কোড আমি এর সাথে কাজ করছি:

    // Customiser
function themeName_customize_register( $wp_customize ) {
    $wp_customize->add_setting('feature_product_one', array(
        'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
        'transport'     => 'refresh',
        'height'        => 180,
        'width'        => 160,
    ));

    $wp_customize->add_setting('feature_product_two', array(
        'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
        'transport'     => 'refresh',
        'height'        => 180,
        'width'        => 160,
    ));

    $wp_customize->add_setting('feature_product_three', array(
        'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
        'transport'     => 'refresh',
        'height'        => 180,
        'width'        => 160,
    ));

    $wp_customize->add_setting('feature_product_four', array(
        'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
        'transport'     => 'refresh',
        'height'        => 180,
        'width'        => 160,
    ));

    $wp_customize->add_section('feature_images', array(
        'title'           => __('Featured Products', 'themeRemax'),
        'description'     => __('Your 5 Feature Images on the Home-Page.'), 
        'priority'        => 70,
        'active_callback' => 'is_front_page',
    ));

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_one_control', array(
        'label' => __('Feature Product #1', 'themeRemax'),
        'section' => 'feature_images',
        'settings' => 'feature_product_one',
    )));

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_two_control', array(
        'label' => __('Feature Product #2', 'themeRemax'),
        'section' => 'feature_images',
        'settings' => 'feature_product_two',
    )));  

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_three_control', array(
        'label' => __('Feature Product #3', 'themeRemax'),
        'section' => 'feature_images',
        'settings' => 'feature_product_three',
    )));

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_four_control', array(
        'label' => __('Feature Product #4', 'themeRemax'),
        'section' => 'feature_images',
        'settings' => 'feature_product_four',
    )));     

}
add_action('customize_register', 'themeName_customize_register');

আমি 2 টি পণ্যকে একই ডিফল্ট চিত্র রাখতে সেট করেছি তবে আমি যখন কাস্টমাইজারটিতে যাই এবং আপডেট Feature Product #2করি তবে তা একেবারেই আপডেট হয় না।

আমি জানি <img>ট্যাগের প্রথম পৃষ্ঠায় আমার কিছু কোড যুক্ত করা দরকার তবে আমি কী জানি না: /

আমার একটা অনুভূতি আছে যে আমার উপরে যা আছে তা কাজগুলি করার একটি দীর্ঘ বাতাসের উপায় তবে এটিই আমি কাজ করে চলেছি, যদি কোনও সহজ উপায় থাকে তবে আমি আপনাকে সেদিকেই দেখিয়ে দেওয়ার জন্য প্রশংসা করব :)

আমি কোন সাহায্যের প্রশংসা করি

পার্শ্ব দ্রষ্টব্য : আমার প্রথম পাতা.এফপি :

<div class="featureImg">
    <img src="What goes here?" alt="Product 1">
    <img src="What goes here?" alt="Product 1">
</div>

Answer 1

তাই আমি বিষয়টি নিয়ে কিছু গবেষণা করেছি এবং এর সমাধান আমি পেয়েছি। মূলত ওয়ার্ডপ্রেসে এই দুর্দান্ত বৈশিষ্ট্য রয়েছে যেখানে আপনি কিছু কল করতে পারেন get_theme_modতাই আমি যা করলাম তা মূলত get_theme_modআমার ভিতরে যুক্ত করা হয়েছিল <img> src।

সুতরাং <img>এটির পরে আমি নিজের ট্যাগটিতে এটি পরিবর্তন করেছি get_theme_mod:

<img src="<?php echo esc_url( get_theme_mod( 'customizer-option-name' ) ); ?>" alt="Product 1">

মূলত এটি যা করেছিল তা হ'ল এটি আনা $wp_customize->add_setting('customizer-setting-name')এবং তারপরে সামগ্রীটি আউটপুট করা। যদিও আমি এখনও default-imageকাস্টমাইজারের মধ্যে একটি রাখার কোনও উপায় খুঁজে পাইনি তবে যখন করব আমি এই পোস্টটি আপডেট করব।

আমার customizer.phpফাইলটি এখন দেখতে দেখতে এটি:

function themeName_customize_register( $wp_customize ) {

    // Add Settings
    $wp_customize->add_setting('customizer_setting_one', array(
        'transport'         => 'refresh',
        'height'         => 325,
    ));
    $wp_customize->add_setting('customizer_setting_two', array(
        'transport'         => 'refresh',
        'height'         => 325,
    ));

    // Add Section
    $wp_customize->add_section('slideshow', array(
        'title'             => __('Slider Images', 'name-theme'), 
        'priority'          => 70,
    ));    

    // Add Controls
    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'customizer_setting_one_control', array(
        'label'             => __('Slider Image #1', 'name-theme'),
        'section'           => 'slideshow',
        'settings'          => 'customizer_setting_one',    
    )));
    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'customizer_setting_two_control', array(
        'label'             => __('Slider Image #2', 'name-theme'),
        'section'           => 'slideshow',
        'settings'          => 'customizer_setting_two',
    )));    
}
add_action('customize_register', 'themeName_customize_register');