افزودن اسلایدشو صفحه اصلی سایت

افزودن اسلایدشو صفحه اصلی سایت

ایجاد و اافزودن اسلایدشو صفحه اصلی سایت میتواند به منظور نمایش محصولات، نمونه کارها، اطلاع رسانی و نمایش هر تصویری در قالب و فرمتی ساده و حرفه ای باشد؛

مراحل افزودن اسلایدشو صفحه اصلی سایت

اگر طراحی سایت شما بر مبنای وردپرس باشد ما از دید یک طراح سایت وردپرس به موضوع نگاه می کنیم یعنی در طراحی قالب خود می توانیم مکانی را تعیین کنیم که اسلایدشو خود را در آنجا قرار دهیم. برای ایجاد و ساخت اسلایدر و اسلایدشو میتوانید ازافزونه های مختلفی همچون LayerSlider استفاده کنید.

ویژگی های پلاگین LayerSlider برای ایجاد اسلایدر و اسلایدشو در وردپرس، طراحی واضح و ساده، افکتهای مختلف، ریسپانسیو و تغییر سایز خودکار در صفحات موبایل و تبلت، امکان ایجاد اسلایدشو تمام صفحه و قابلیت اسلایدشو Carousel برای نمایش چند تصویر به صورت همزمان اشاره داشت.

بعد از نصب و فعال سازی اسلایدشو مورد نظر خود، برای تعیین مکان نمایش اسلایدشو به ادامه توضیحات توجه نمایید. حتما توجه کنید که اگر از کد نویسی اطلاعات چندانی ندارید حتما از اطلاعات سایت خود بک آپ تهیه کنید و سپس تغییرات گفته شده را اعمال نمایید.

اگر طراحی سایت شما بر مبنای وردپرس باشد ما از دید یک طراح سایت وردپرس به موضوع نگاه می کنیم یعنی در طراحی قالب خود می توانیم مکانی را تعیین کنیم که اسلایدشو خود را در آنجا قرار دهیم. برای ایجاد و ساخت اسلایدر و اسلایدشو میتوانید ازافزونه های مختلفی همچون LayerSlider استفاده کنید.

ویژگی های پلاگین LayerSlider برای ایجاد اسلایدر و اسلایدشو در وردپرس، طراحی واضح و ساده، افکتهای مختلف، ریسپانسیو و تغییر سایز خودکار در صفحات موبایل و تبلت، امکان ایجاد اسلایدشو تمام صفحه و قابلیت اسلایدشو Carousel برای نمایش چند تصویر به صورت همزمان اشاره داشت.

بعد از نصب و فعال سازی اسلایدشو مورد نظر خود، برای تعیین مکان نمایش اسلایدشو به ادامه توضیحات توجه نمایید. حتما توجه کنید که اگر از کد نویسی اطلاعات چندانی ندارید حتما از اطلاعات سایت خود بک آپ تهیه کنید و سپس تغییرات گفته شده را اعمال نمایید.

برای ایجاد صفحه اصلی سایت، شما باید فایل index.php را ایجاد کنید. و برای اینکه هدر و فوتر سایت را فراخوانی کنید کد های زیر را در آن وارد کنید:

<pre>
<?php get_header();?>
عناصر صفحه را اینجا قرار دهید.
<?php get_footer(); ?>
<pre>

سپس کدهایی که قرار است در صفحه نخست کارهایی را انجام دهند بین این دو قرار می دهیم. به عنوان مثال اگر می خواهید بعد از هدر یک اسلایدشو قرار دهید  و سپس جدیدترین نوشته های خود را نمایش دهید راهی را به شما پیشنهاد می دهم که بسیار راحت است و طبق آموزش قسمت فوتر به راحتی می توانید یک اسلایدر بسازید و قسمت اسلاید شو  خود را دینامیک کنید و بعدها هر گونه اسلایدشو یی را در آن از قسمت ابزارک ها اضافه کنید. خب، برای اینکار کد زیر را در فایل فانکشن خود قرار دهید.

<pre>
register_sidebar( array(
        'name'          => esc_html__( 'Sidebar-slider', 'repairman' ),
        'id'            => 'sidebar-slider',
        'description'   => esc_html__( 'اسلایدشو مورد نظر را اینجا اضافه کنید.', 'News_taaraweb' ),
        'before_widget' => '<section id="%1$s" class="widget-slideshow-main">',
        'after_widget'  => '</section>',
        'before_title'  => '<h2 class="widget-title">',
        'after_title'   => '</h2>',
    ) );  
<pre>

البته همین کد را می توانید بعد از اسلایدر فوترها در فانکشن قرار دهید.

برای فراخوانی آن در فایل index.php کد زیر را اضافه می کنیم.

<pre>
<<?php get_header();?>
section class="banner-area">
    <div class="container">
         <div class="row ">
           <div class="col-lg-12">
                    
        <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-slider')) : ?><?php endif; ?>

            </div>
         </div>
      </div>
</section>

<?php get_footer(); ?>

<pre>

افزودن اسلایدشو صفحه اصلی سایت