Friday, November 15, 2024
How To Create Responsive Image Slider In WordPress

How To Create Responsive Image Slider In WordPress

 

Hello Friends आज में आपको WordPress responsive slider के बारे में बताने वाला हुँ | WordPress Website में slider को कैसे लगाये और कौनसा slider best रहेगा इस पोस्ट में हम इसी के बारे में जानेगे | दोस्तों slider लगाने से हमारी website को हम good looking बना सकते है हमारे बीच कुछ ऐसे student और friends है जो website में slider लगाना तो चाहते है लेकिन कैसे लगाए और कोनसा slider लगाए वह नहीं जानते इसीलिए आज में आपको एक ऐसे Slider के बारे में बताने जा रहा हुँ जिसे उपयोग करना और अपनी wordpress website में लगाना आसान है और इस प्रक्रिया को हम screen shot के माध्यम से Step By Step सिखेंगे :

 

Image Slider Plugin का नाम : Ultimate Responsive Image Slider

इस Responsive slider plugin में आपको कई तरह की settings मिलेगी जैसे – customizable height and width, auto play slides, slide thumbnails, navigation buttons and much more. आप इस slider को पेज और पोस्ट देने पर लगा सकते है

 

Step 1 :

सबसे पहले हमें WordPress में login कर लेना है और Dashbord में जाकर Plugins पर Click कर Add New पर Click करना है

Screen Shot

live chat plugin for wordpress

Step 2 :

Add New पर Click करने के बाद Search Bar में जाकर Ultimate Responsive Image Slider लिखकर search करना है

Search होने के बाद आपको Install बटन पर Click कर देना है उसके बाद Installation Process चालू हो जाएगी

Screen Shot

responsive image slider by codeash

Step 3 :

Install होने के बाद आपको Active पर Click कर plugin को Activate कर देना है

Screen Shot

how to add image slider

 

Step 4 :

Active करने के बाद Dashboard में UR Image Slider पर जाकर Add New Slider पर Click करना होगा

Screen Shot

slider in wordpress website

 

Step 6 :

यहाँ पर आप अपने silder का नाम लिख ले और Publish बटन पर click कर दे |

Screen Shot

responsive slider in wordpress

 

Step 7 : 

अब आप All Slider में जाकर Add New Slide option से अपनी image को Select कर ले |

Screen Shot

wordpress image slider

Step 8 :

याद रहे image की Size ( 2800px X 1024px ) रखे जिससे की Image का look Change न हो

Screen Shot

responsive slider wordpress

 

Step 9 :

Scroll Down करने पर हमारे responsive image slider की settings आती है इस setting को आप अपने हिसाब से भी सेट कर सकते है और हमारे द्वारा दी गई setting के अनुसार भी आप सेट कर सकते है जो की नीचे Screen Shots में दी गई है

Screen Shot

responsive image sliderresponsive image sliderresponsive image slider for wordpress

slider for wordpress

 

Step 10 :

जब Setting हो जाए तब आप उसे Update या Publish कर दीजिये और उसके Shortcode को copy कर लीजिये

Screen Shot

wordpress image slider

 

Step 11 :

उस Shortcode को आप अपनी Website के पेज या पोस्ट पर Past कर दीजिये और उसे Update कर लीजिये

Screen Shot

how to set slider in wordpress

 

Step 12 :

Update होने के बाद आप Website को visit करीये और अब आपका ultimate responsive image slider ready हो जायेगा आप चाहे तो images को change भी कर सकते है

Screen Shot

Ultimate responsive slider

 

 

Tags: , , ,
Avatar
My name is Yash Pogra and I am the chief blogger at Codeash and where I like to share my internet/tech experience with my online readers on this website. I have been a webmaster from 2015 which is when I had registered my first company by the name Codeash. I have ventured into different online businesses like offering SEO Services, website development services.

Related Article

No Related Article

0 Comments

Leave a Comment