२० एलिमेंटर स्लाइडर टेम्प्लेट, उनमें से ८ नि: शुल्क: कवरफ्लो, टाइमलाइन, प्रशंसापत्र और अधिक

अधिकांश एलिमेंटर स्लाइडर टेम्प्लेट जो आपको ऑनलाइन मिलते हैं, वही स्लाइडर हैं पूर्ण-चौड़ाई वाली छवि, मध्य में पाठ, पक्षों पर तीर, अगले।

ये बीस नहीं हैं एक सर्कल के रिम के चारों ओर स्लाइड्स को झुकाता है एक दिनांकित समयरेखा में एक पिन प्रविष्टियां जहां वर्षों के बीच अंतराल पैमाने पर खींचा जाता है एक नेविगेशन में ही पंक्तियों की एक सूची को बदल देता है उनमें से आठ मुफ्त मास्टर एडॉन्स प्लगइन में आयात करते हैं बिना प्रो लाइसेंस के, जो फ्री-बनाम-प्रो ब्रेकडाउन विस्तार से बताता है, और बीस में से प्रत्येक में एक लाइव डेमो होता है जिसे आप यह तय करने से पहले खोल सकते हैं, देख सकते हैं और तोड़ सकते हैं कि आप इसे चाहते हैं या नहीं।

नीचे: प्रत्येक डिजाइन, यह वास्तव में क्या अच्छा है, और ईमानदार नोट जिस पर आपकी साइट के लिए एक बुरा विचार है प्लगइन के पारंपरिक हिंडोला के लिए इनके साथ, पर शुरू करें हिंडोला विजेट हब.

एक नज़र में २० डिजाइन

आप जो निर्माण कर रहे हैं, उसके आधार पर चुनें, न कि स्क्रीनशॉट में सबसे अच्छा दिखने से एक कवरफ्लो जो पोर्टफोलियो पर आश्चर्यजनक दिखता है, एक उत्पाद ग्रिड को दफन कर देगा।

इन्हें चलाने के लिए आपको क्या चाहिए

एलिमेंटर फ्री पेज के लिए ही पर्याप्त है विभाजन डिजाइनों में हैः

• डिज़ाइन 13 से 20 निःशुल्क हैं। वे मास्टर एडॉन्स → विजेट बिल्डर → के माध्यम से आयात करते हैं मुफ्त प्लगइन पर विजेट आयात करें: कोई प्रो लाइसेंस नहीं, कोई परीक्षण नहीं, कोई कार्ड नहीं प्रत्येक अपने स्वयं के नियंत्रण के साथ पसंदीदा के तहत एलिमेंटर पैनल में उतरता है।
• डिज़ाइन 01 से 12 को मास्टर एडॉन्स प्रो की आवश्यकता है। वे पूर्ण पर निर्मित हैं विजेट बिल्डरहै, जो एक प्रो सुविधा है।

क्या कुछ भी नहीं चाहिए: लाइव डेमो बीस में से किसी को भी खोलें, ब्राउज़र का आकार बदलें, एक स्लाइड खींचें, देखें कि यह फोन-चौड़ाई वाले व्यूपोर्ट पर कैसे व्यवहार करता है, इसकी कोई कीमत नहीं है और यह निर्णय करने का एकमात्र तरीका है कि क्या एक गति शैली आपकी सामग्री के अनुरूप है।

मुफ़्त प्लगइन पारंपरिक हिंडोला विजेट (छवि हिंडोला, लोगो स्लाइडर, टीम स्लाइडर और हिंडोला मोड में ब्लॉग विजेट) भी भेजता है, जो परिचय में जुड़े हिंडोला विजेट पृष्ठ पर कवर किए गए हैं।

ब्लॉग विजेट को तैयार पृष्ठ पर हिंडोला मोड में देखने के लिए, हमारे यहां मार्की लेआउट खोलें एलिमेंटर ब्लॉग टेम्पलेट्स। यह विशेष रुप से प्रदर्शित पोस्ट के घूमने वाले बैनर से शुरू होता है।

01. मेरिडियन कवरफ्लो

केंद्र स्लाइड फ्लैट और वर्ग बैठता है वाई अक्ष पर दोनों तरफ वाले दूर घूमते हैं और मंद होते हैं, इसलिए आपकी आंख भूमि जहां इसे चाहिए क्लासिक कवरफ्लो, माइनस प्रतिबिंब २०११ के बाद से कोई भी नहीं चाहता है।

यह काम करता है क्योंकि यह ध्यान के लिए प्रतिस्पर्धा के बिना संदर्भ दिखाता है एक आगंतुक देखता है कि उनमें से किसी को भी पढ़ने में सक्षम होने के बिना पांच और मामले के अध्ययन हैं, जो वास्तव में तनाव है जो लोगों को तीर पर क्लिक करता है।

इसके लिए उपयोग करेंः केस स्टडी रील, पोर्टफोलियो टुकड़े, कुछ भी जहां प्रत्येक स्लाइड पूरी तरह से पढ़ने योग्य है।

इसके लिए उपयोग न करेंः उत्पाद ग्रिड कवरफ्लो एक आइटम को ठीक से दिखाता है और दो पर संकेत देता है छह उत्पादों की तुलना करने वाले दुकानदार आपसे नफरत करेंगे।

02. कॉन्सर्टिना अकॉर्डियन

छह संकीर्ण ऊर्ध्वाधर पैनल एक होवर और यह फैलता है; अन्य कमरे बनाने के लिए संपीड़ित करते हैं कोई तीर नहीं, कोई डॉट्स नहीं, कोई ऑटोप्ले नहीं: पूरे नेविगेशन होवर है।

हालांकि मोबाइल पर क्या होता है देखें टचस्क्रीन पर कोई होवर नहीं है, इसलिए पैनल टैप-टू-एक्सपैंड पर वापस आते हैं यह ठीक है, लेकिन इसका मतलब है कि पहले-टैप व्यवहार स्पष्ट होना चाहिए या लोग सीधे स्क्रॉल करेंगे सक्रिय पैनल पर एक दृश्यमान शेवरॉन जोड़ें और समस्या दूर हो जाती है।

इसके लिए उपयोग करेंः छह या उससे कम सेवा श्रेणियां, गंतव्य सूचियां, कुछ भी जहां लेबल बिक्री करते हैं।

03. उम्ब्रा ओवरले

छवि फ्रेम को भरती है, कैप्शन एक ढाल में बैठता है जो केवल नीचे तीसरे को अंधेरा करता है स्लाइड परिवर्तन, कैप्शन बाद में एक बीट को पार करता है।

वह देरी पूरे डिजाइन है पाठ और छवि एक साथ आने वाले बैनर विज्ञापन के रूप में पढ़ता है दूसरे आने वाले पाठ एक तस्वीर पर कैप्शन के रूप में पढ़ता है, जो कि आप चाहते हैं कि तस्वीर उत्पाद है।

यह इसका निकटतम डिज़ाइन है एलिमेंटर इमेज कैरोसेल विजेट यदि आप प्रो के बिना एक ही रूप चाहते हैं तो मुफ्त विजेट छवि प्लस कैप्शन करता है, बस कंपित फीका के बिना।

04. स्ट्रेटम डेक

कार्ड एक मामूली ऑफसेट के साथ ढेर हो गए ताकि आप शीर्ष एक के पीछे तीन या चार किनारों को देख सकें अग्रिम और शीर्ष कार्ड लिफ्ट और स्लाइड बंद, अगले का खुलासा।

स्टैक कुछ ऐसा करता है जो एक फ्लैट हिंडोला नहीं कर सकता: यह मात्रा दिखाता है एक आगंतुक जानता है कि डॉट्स की गिनती के बिना अधिक प्रशंसापत्र हैं सामाजिक प्रमाण के लिए जो कि नौकरी का सबसे अधिक है।

इसके लिए उपयोग करेंः प्रशंसापत्र, मूल्य निर्धारण स्तर, ऑनबोर्डिंग चरण।

सावधान रहें: स्टैक को पांच या छह दृश्यमान कार्डों पर रखें अतीत कि ऑफसेट इतने पतले हो जाते हैं कि गहराई एक प्रतिपादन बग के रूप में पढ़ती है।

05. द्विभाजित विभाजन

स्क्रीन मध्य से नीचे विभाजित होती है शीर्ष आधा ऊपर जाता है, नीचे आधा नीचे जाता है, और वे अगली स्लाइड पर मिलते हैं दो पैनल, एक इशारा।

मैं इसे एक नायक में डाल दूंगा और कहीं और नहीं यह एक बड़ी गति है: यह पूर्ण व्यूपोर्ट खाता है और आगंतुक के ध्यान का एक दूसरा हिस्सा मांगता है एक नायक में जो एक निष्पक्ष व्यापार है एक सेवा पृष्ठ के आधे रास्ते में यह सिर्फ शोर है।

इसके लिए उपयोग करेंः मुखपृष्ठ नायकों, अभियान लैंडिंग पृष्ठ, जोड़े से पहले/बाद में।

06. चढ़ाई माउसव्हील

कोई तीर नहीं आप स्क्रॉल करते हैं, यह आगे बढ़ता है स्लाइडर पहिया को पकड़ लेता है जबकि यह दृश्य में है और एक बार जब आप आखिरी स्लाइड को हिट करते हैं तो इसे छोड़ देता है।

स्क्रॉल-जैकिंग की एक खराब प्रतिष्ठा है और इसने इसे अर्जित किया संस्करण यहां पहिया को जारी करता है जिस क्षण आप दोनों छोर तक पहुंचते हैं, इसलिए एक आगंतुक जो पृष्ठ को नीचे रखना चाहता है वह कभी भी फंस नहीं जाता है इससे पहले कि आप प्रतिबद्ध हों ट्रैकपैड पर इस एक का परीक्षण करें, क्योंकि ट्रैकपैड गति एक पहिया की तुलना में बहुत अधिक चिकोटी है, और यदि आपकी स्लाइड टेक्स्ट-भारी हैं तो लोग ओवरशूट करेंगे।

इसके लिए उपयोग करेंः कथा अनुभाग, उत्पाद कहानियां, समयसीमा।

इसका उपयोग न करेंः गुना के ऊपर एक आगंतुक का पहला स्क्रॉल पृष्ठ को स्थानांतरित करना चाहिए, विजेट नहीं।

07. धुरी फ्लिप

कार्ड ऊर्ध्वाधर अक्ष पर १८०° घूमता है सामने का चेहरा बाहर, पीछे का चेहरा अंदर दोनों चेहरे संपादन योग्य हैं, इसलिए रिवर्स एक जैव, एक स्पेक शीट, या एक कीमत पकड़ सकता है।

दो तरफा सामग्री दुर्लभ है क्योंकि यह लगता है और यह डिजाइन इसकी तलाश करने का कारण है सामने की तरफ टीम के सदस्य, भूमिका और पीछे की ओर लिंक उत्पाद शॉट सामने, आयाम वापस।

इसके लिए उपयोग करेंः टीम ग्रिड, पहले/बाद में, स्पेक कार्ड। फ्लिप कवरफ्लो, आर्क और ऑर्बिट के साथ बैठता है ३ डी हिंडोला टूटना.

08. चाप घुमावदार

स्लाइड एक सर्कल के रिम पर बैठते हैं जिसका केंद्र गुना के नीचे कहीं है प्रत्येक शीर्ष पर सीधा आता है और दूर निकलता है जैसे ही यह निकलता है आर्क के आकार की छवि मास्क उसी वक्र का पालन करते हैं।

सेट में और कुछ भी इस तरह नहीं दिखता है, और इसके लिए तर्क है किसी ने इसे किसी अन्य वर्डप्रेस साइट पर नहीं देखा है।

इसके लिए उपयोग करेंः संग्रह जहां आइटम समान हैं और प्रस्तुति में रुचि होनी चाहिए: एक कैटलॉग, एक नमूना सूची, एक मेनू।

09. टेसेरा मोज़ेक

असमान टाइलों का एक ग्रिड जो फिसलने के बजाय फेरबदल करता है टाइलें नई स्थिति और आकार के लिए चेतन करती हैं; रचना बदलती है लेकिन कभी खाली नहीं होती।

यह एक है जब आपके पास तीस छवियां होती हैं और उनके बीच कोई पदानुक्रम नहीं होता है तब तक पहुंचने के लिए एक पारंपरिक हिंडोला सामग्री पर एक पढ़ने के आदेश को मजबूर करता है जिसमें एक मोज़ेक नहीं होता है।

इसके लिए उपयोग करेंः इवेंट फ़ोटोग्राफ़ी, गैलरी पृष्ठ, पृष्ठों के बारे में छवि-भारी।

लागत: यह लेआउट कार्य के लिए सेट में सबसे भारी डिजाइन है स्रोत छवियों को २०० केबी के तहत प्रत्येक या मध्य-श्रेणी एंड्रॉइड पर फेरबदल स्टटर रखें।

10. मेन्डर ड्रैग

पकड़ो और फेंक दो गति ट्रैक को अतीत में ले जाती है जहां आप जाने देते हैं और एक स्टॉप को आसान बनाता है सीमाओं को स्लाइड करने के लिए कोई तड़क नहीं, इसलिए एक स्लाइड आधा दृश्यमान बैठ सकती है, जो बिंदु है, क्योंकि एक आधा दृश्यमान स्लाइड एक संकेत है कि अधिक है।

फ्री-ड्रैग में एक वास्तविक पहुंच लागत है: कीबोर्ड उपयोगकर्ताओं को ड्रैग इंटरैक्शन से कुछ भी नहीं मिलता है एरो-कुंजी समर्थन वायर्ड है, लेकिन यदि आपके दर्शक सहायक तकनीक की ओर झुकते हैं, तो डिज़ाइन ०१ या ०४ उन्हें बेहतर सेवा देगा।

इसके लिए उपयोग करेंः लुकबुक, पोर्टफोलियो, लंबे क्षैतिज संग्रह।

11. स्लेट परदा

ऊर्ध्वाधर पैनल पर्दे की तरह अलग हो जाते हैं और अगली स्लाइड पहले से ही उनके पीछे बैठी है प्रकट संक्रमण है।

यह समारोह के रूप में पढ़ता है वह एक वेबसाइट, एक उत्पाद लॉन्च और एक होमपेज हीरो पर ठीक दो बार उपयोगी है, और हर जगह गलत जगह पर है।

इसके लिए उपयोग करेंः लॉन्च, घोषणा नायक, मौसमी अभियान।

12. हेलो कक्षा

आइटम एक निश्चित केंद्र बिंदु की परिक्रमा करते हैं शीर्ष पर एक सक्रिय और पूर्ण आकार है; बाकी पीछे की ओर घूमते समय सिकुड़ जाते हैं।

परिपत्र लेआउट सूट सामग्री जो वास्तव में छोरों एक चार चरण की प्रक्रिया, एक पारिस्थितिकी तंत्र आरेख, एक सेवा पहिया इसमें एक रैखिक सूची रखो और आप लोगों को भ्रमित करेंगे, क्योंकि एक सर्कल का तात्पर्य है “शुरू करने के लिए लौटता है, प्रंब और एक पांच कदम ऑनबोर्डिंग प्रवाह नहीं करता है।

इसके लिए उपयोग करेंः प्रक्रिया आरेख, पारिस्थितिकी तंत्र मानचित्र, क्षमता पहिये।

१३ प्लिंथ हीरो स्लाइडर (मुक्त)

एक तस्वीर मंच भरती है एक कैप्शन प्लिंथ निचले-बाएं बैठता है, नियंत्रण पट्टी (डॉट्स, तीर, काउंटर) निचले-दाएं स्लाइड तुरंत स्वैप: कोई फीका नहीं, कोई स्लाइड-इन नहीं, सिंक से बाहर जाने या धीमे फोन पर हकलाने के लिए कुछ भी नहीं।

तत्काल स्वैप एक सीमा की तरह लगता है जब तक कि आप इसके खिलाफ एक फीका समय नहीं देते एक नायक संक्रमण दो बार ध्यान खाता है: एक बार छोड़ने, एक बार पहुंचने के बजाय यह डिज़ाइन उस बजट को फोटोग्राफ पर खर्च करता है यह सेट में एकमात्र डिज़ाइन भी है जिसमें प्रति स्लाइड लिंक नियंत्रण, प्लस एक सीटीए लेबल सभी स्लाइडों में साझा किया जाता है, जो बिल्कुल आकार एक होमपेज नायक की जरूरत है।

इसके लिए उपयोग करेंः मुखपृष्ठ नायकों, लैंडिंग पृष्ठ सबसे ऊपर, कहीं भी छवि तर्क है।

इसके लिए उपयोग न करेंः सामग्री जिसे खुद को समझाने के लिए गति की आवश्यकता है कोई नहीं है, उद्देश्य पर।

१४ लेजर इंडेक्स स्लाइडर (मुक्त)

एक बड़ी प्लेट के बगल में प्रवेश पंक्तियों का एक स्तंभ एक पंक्ति और प्लेट, इसकी मोहर और इसके कैप्शन स्वैप को मिलान करने के लिए चुनें सूची नेविगेशन है, जिसमें कोई तीर की आवश्यकता नहीं है, हालांकि वे वहां हैं।

यह सामान्य हिंडोला समस्या को उलट देता है एक सामान्य स्लाइडर वर्तमान स्लाइड को छोड़कर सब कुछ छुपाता है यहां सामग्री की पूरी तालिका पूरे समय दिखाई देती है, और छवि विस्तार दृश्य है यदि आप चाहते हैं कि क्लिक से पहले पंक्तियों का जवाब देने के लिए एक चयन-ऑन-होवर टॉगल है।

इसके लिए उपयोग करेंः संग्रह, पुरालेख, कार्यों की सूचियाँ: कहीं भी शीर्षक वास्तविक जानकारी रखते हैं।

सावधान रहें: पंक्तियाँ क्लिक बेचती हैं। “आइटम 1, आइटम 2, आइटम 3” पूरे डिज़ाइन को बर्बाद कर देता है; शीर्षकों की तरह पंक्ति शीर्षक लिखें।

15। विट्रिन प्लेट गैलरी (मुक्त)

थंबनेल की एक पट्टी के नीचे एक एकल प्लेट, जिसके बगल में एक चिपचिपा पैनल होता है जिसमें कैप्शन और एक फ्रेम-डेटा तालिका होती है: स्थान, समय, लेंस, एपर्चर, शटर, आईएसओ। फ़्रेम एकमुश्त प्रतिस्थापित होते हैं; कुछ भी स्लाइड नहीं करता।

यदि आपने थंबनेल के साथ “एलिमेंटर इमेज स्लाइडर खोजा है, तो” यह है कि, फोटोग्राफरों के लिए बनाया गया है डेटा टेबल लेबल सभी संपादन योग्य हैं, इसलिए एक प्रिंट शॉप लेंस/एपर्चर को पेपर/संस्करण में बदल सकती है, और एक संग्रहालय उन्हें मध्यम/तिथि/प्राप्ति में बदल सकता है।

इसके लिए उपयोग करेंः फोटोग्राफी पोर्टफोलियो, ऑब्जेक्ट फोटोग्राफी, उत्पाद विस्तार दीर्घाओं इसमें वीडियो के साथ एक ही प्लेट-और-थंबनेल आकार के लिए, देखें गैलरी स्लाइडर गाइड.

इसके लिए उपयोग न करेंः छवियां जो मेटाडेटा के लायक नहीं हैं एक खाली डेटा पैनल एक अधूरा पृष्ठ के रूप में पढ़ता है।

16। चतुर्थांश पृष्ठित कैटलॉग (मुक्त)

आइटम बॉक्स का एक ग्रिड, एक समय में तीन पृष्ठ: तीन पृष्ठों में नौ आइटम खंडों की एक रेल दिखाती है कि आप कहां भाग रहे हैं और कूद नियंत्रण के रूप में दोगुना हो जाता है; स्टेप बटन इसे आगे और पीछे चलते हैं।

यह नौकरी के लिए डिज़ाइन है अधिकांश हिंडोला गलत तरीके से दिए गए हैं: कई तुलनीय चीजें दिखा रहे हैं प्रत्येक बॉक्स में एक छवि, श्रेणी, शीर्षक, प्रतिलिपि और एक स्टेट होता है, और क्योंकि तीन का पूरा पृष्ठ एक बार में दिखाई देता है, एक आगंतुक वास्तव में तुलना कर सकता है, जो कि कवरफ्लो और उसके चचेरे भाई जानबूझकर रोकते हैं।

इसके लिए उपयोग करेंः उत्पाद-शैली कैटलॉग, फीचर ग्रिड, सेवा मेनू। यह निःशुल्क मार्ग भी है WooCommerce उत्पाद हिंडोला गाइड.

सावधान रहें: यह तीन पृष्ठों में ठीक नौ आइटम रखता है यदि आपकी सूची तीस आइटम गहरी है, तो आप फिल्टर के साथ एक वास्तविक उत्पाद ग्रिड चाहते हैं, न कि किसी हिंडोला।

१७ बुलेटिन टैब्ड पैनलों (मुक्त)

स्टैक्ड पैनलों पर एक टैब पट्टी प्रत्येक पैनल एक छोटा संपादकीय लेआउट है: इसके कैप्शन के साथ एक आंकड़ा, एक किकर, एक शीर्षक, एक लीड, बॉडी कॉपी, तीन-पंक्ति तथ्यों की तालिका और एक बायलाइन।

कड़ाई से, यह टैब है, स्लाइडर नहीं है, और यही कारण है कि यह यहां है आधे लोग हिंडोला में मजबूर करने की कोशिश करते हैं (तीन योजनाओं, तीन स्थानों, तीन केस अध्ययनों की तुलना करें) एक पोशाक पहने हुए टैब्ड सामग्री भी ठीक से पहुंच करता है: रोविंग टैबइंडेक्स के साथ वास्तविक एआरआईए टेबलिस्ट शब्दार्थ, जो अधिकांश टैब विजेट नकली हैं।

इसके लिए उपयोग करेंः तुलना, स्थान पृष्ठ, केस स्टडी पैनल की योजना बनाएं: कोई भी तीन चीजें जो एक आगंतुक ब्राउज़ करने के बजाय चुनता है।

18. रोस्ट्रम उद्धरण स्लाइडर (मुक्त)

एक चित्र के बगल में एक उद्धरण पैनल, दो शेवरॉन के साथ कदम रखा एक प्रगति पट्टी और एक टैली ट्रैक जहां आप हैं, और चरण बटन उस आवाज को नाम दे सकते हैं जो वे आगे बढ़ेंगे, जैसे कि “अगला: एक अनाम तीर के बजाय अमारा ओकाफोर”।

वह नामित कदम चोरी करने लायक विस्तार है प्रशंसापत्र हिंडोला संक्रमण पर पाठकों को खो देते हैं, क्योंकि एक तीर कुछ भी वादा नहीं करता है एक नाम क्लिक करने का एक कारण है उद्धरण चिह्न एक संपादन योग्य पाठ नियंत्रण भी है, इसलिए इसे साइट की भाषा के लिए सही ग्लिफ़ पर सेट किया जा सकता है, या हटा दिया जा सकता है।

इसके लिए उपयोग करेंः प्रशंसापत्र, समीक्षा, ग्राहक उद्धरण। वहाँ एक है पूर्ण प्रशंसापत्र हिंडोला वॉकथ्रूू ी है, और आप देख सकते हैं हमारी अपनी साइट पर वास्तविक ग्राहक उद्धरण.

सावधान रहें: यह तीन आवाज़ें रखता है, और प्रत्येक को अकेले मंच मिलता है अपने तीन सर्वश्रेष्ठ उद्धरण चुनें, और उन्हें एक सांस में पढ़ने के लिए पर्याप्त छोटा रखें।

१९. पंचांग समयरेखा स्लाइडर (मुक्त)

दिनांकित अक्ष पर पिन की गई प्रविष्टियाँ टिक की स्थिति आपके द्वारा टाइप किए गए वर्षों से गणना की जाती है, इसलिए रिक्ति भी वास्तविक है १९९४ और १९९६ एक साथ बैठते हैं, १९९६ और २०११ दूर बैठते हैं, और अंतर अपनी कहानी बताता है नियम के ऊपर एक दशक की कंघी रिक्ति को पढ़ने के लिए एक पैमाने देता है।

हर दूसरे टाइमलाइन विजेट अपनी प्रविष्टियों को समान रूप से रिक्त करता है, जो चुपचाप इतिहास के बारे में झूठ बोलता है यह एक नहीं है, और यह सेट में सबसे अधिक राय वाला डिज़ाइन बनाता है यह यहां सबसे गहरा पैनल भी है, १४३ नियंत्रणों पर, क्योंकि अक्ष, कंघी और टिक प्रविष्टियों से अलग शैली बताता है।

इसके लिए उपयोग करेंः कंपनी के इतिहास, परियोजना मील के पत्थर, चेंजलॉग, सार्थक अंतराल के साथ रिकॉर्ड एक स्थिर संस्करण के लिए, वहाँ एक है समयरेखा ट्यूटोरियल स्टॉक विजेट का उपयोग करना।

इसके लिए उपयोग न करेंः अदिनांकित सामग्री अक्ष डिजाइन है वास्तविक वर्षों के बिना इसे आकर्षित करने के लिए कुछ भी नहीं है।

२० कीस्टोन फ़ीचर स्लाइडर (मुक्त)

एक आइटम में बड़े चित्रित; बाकी इसके बगल में एक दीवार पर प्रतीक्षा करते हैं, प्रत्येक केवल अपना नंबर और नाम ले जाता है एक उपग्रह पर क्लिक करें और इसे सुविधा के लिए प्रचारित किया गया है, और बक्से टेलीपोर्टिंग के बजाय अपने नए स्थानों में फ्लिप करते हैं, इसलिए आपकी आंख इसे खोने के बजाय स्वैप का अनुसरण करती है।

सुविधा में तीन तथ्यों की एक पट्टिका है यह कमरे, रिक्त स्थान और घूर्णन प्रदर्शन के लिए बनाया गया था, और यह ईमानदार गुंजाइश है: यह एक समय में अलग-अलग चीजों का एक छोटा सा सेट प्रस्तुत करता है, दूसरों को स्पष्ट रूप से कतार में खड़ा किया जाता है।

इसके लिए उपयोग करेंः स्थल कक्ष, स्टूडियो स्थान, प्रदर्शनियाँ, तीन से पाँच टुकड़ों वाला पोर्टफोलियो।

सावधान रहें: उपग्रह केवल संख्या और नाम दिखाते हैं, इसलिए सुविधा को राजी करना है अपने सबसे मजबूत आइटम के साथ लीड करें, क्योंकि अधिकांश आगंतुक कभी भी इसे पिछले क्लिक नहीं करते हैं।

एलिमेंटर में स्लाइडर टेम्पलेट कैसे आयात करें

चार कदम, नब्बे सेकंड के बारे में मुक्त और प्रो डिजाइन के लिए एक ही प्रवाह, और से अलग एक एलिमेंट टेम्पलेट आयात करना, क्योंकि एक डिज़ाइन पेज लेआउट के बजाय विजेट के रूप में पंजीकृत होता है।

1. डिज़ाइन की JSON फ़ाइल डाउनलोड करें इसके डेमो पेज से। प्रति डिज़ाइन एक फ़ाइल।
2. मास्टर ऐडऑन → विजेट बिल्डर पर जाएं अपने वर्डप्रेस एडमिन में और विजेट आयात करें पर क्लिक करें।
3. JSON को ड्रॉपज़ोन पर छोड़ें। डिज़ाइन अपने स्वयं के नियंत्रण के साथ एक विजेट के रूप में पंजीकृत होता है: सामग्री, रंग, टाइपोग्राफी, ब्रेकप्वाइंट। आठ निःशुल्क डिज़ाइन निःशुल्क प्लगइन पर आयात होते हैं; बारह प्रो डिज़ाइन यहां प्रो लाइसेंस मांगते हैं।
4. इसे एक पृष्ठ पर खींचें एलिमेंटर पैनल से, जहां यह पसंदीदा के अंतर्गत दिखाई देता है, और प्लेसहोल्डर सामग्री को अपने लिए स्वैप करें।

आयात आपके विषय को नहीं छूता है, विश्व स्तर पर कुछ भी नहीं बताता है, और शॉर्टकोड नहीं बनाता है यह किसी भी अन्य की तरह पैनल में एक विजेट बन जाता है।

क्या ये स्लाइडर्स मोबाइल पर काम करते हैं?

सभी बीस स्पर्श-सक्षम और उत्तरदायी हैं चार केवल स्केलिंग के बजाय व्यवहार बदलते हैंः

• कॉन्सर्टिना अकॉर्डियन होवर-टू-एक्सपैंड से टैप-टू-एक्सपैंड पर स्विच करता है।
• चढ़ाई माउसव्हील व्हील कैप्चर को छोड़ देता है और स्वाइप का उपयोग करता है।
• मेन्डर ड्रैग ड्रैग रखता है लेकिन गति को छोटा करता है ताकि एक झटका पूरे ट्रैक को ओवरशूट न करे।
• लेजर इंडेक्स स्लाइडर प्लेट के ऊपर सूचकांक को ढेर करता है, और चयन-ऑन-होवर टैप करने के लिए वापस गिर जाता है।

मुफ्त आठ भी डिफ़ॉल्ट रूप से कीबोर्ड नेविगेशन को चालू रखते हैं, और प्लिंथ हीरो और रोस्ट्रम उद्धरण बॉक्स से बाहर स्वाइप इशारों का जवाब देते हैं ब्राउज़र के डिवाइस एमुलेटर के बजाय वास्तविक फोन पर मोज़ेक का परीक्षण करें, क्योंकि अनुकरण किए गए व्यूपोर्ट मध्य-श्रेणी के एंड्रॉइड लेआउट लागत को पुन: पेश नहीं करते हैं, और मोज़ेक वह जगह है जहां वह पहले दिखाई देता है।

आपको वास्तव में किसे चुनना चाहिए?

यदि आप फंस गए हैं, तो ये अधिकांश साइटों को कवर करते हैंः

• पोर्टफोलियो या एजेंसीः मेरिडियन कवरफ्लो, या मेन्डर ड्रैग यदि आपके पास एक दर्जन से अधिक टुकड़े हैं एक मुफ्त लाइसेंस पर, कीस्टोन फ़ीचर स्लाइडर।
• सेवा व्यवसायः कॉन्सर्टिना अकॉर्डियन। मुफ़्त में, बुलेटिन टैब्ड पैनल, जिनकी तथ्य तालिका योजना तुलना पर अपनी पकड़ अर्जित करती है।
• दुकान: क्यूरेटेड नौ के लिए क्वाड्रेंट पेजेड कैटलॉग कोई मुफ्त विजेट नहीं है जो लाइव उत्पाद फ़ीड को स्लाइड करता है; उस नौकरी की जरूरत है एलिमेंटर प्रो का लूप कैरोसेल३ डी डिज़ाइन को किसी भी तरह से छोड़ें: खरीदार तुलना करना चाहते हैं, और उन्हें रोकने के लिए कवरफ्लो बनाया गया है।
• प्रशंसापत्र: रोस्ट्रम उद्धरण स्लाइडर यह मुफ़्त है, और नामित चरण बटन सेट में सबसे अच्छा संक्रमण संकेत हैं।
• मुखपृष्ठ नायकः प्लिंथ हीरो स्लाइडर यदि फोटोग्राफी मजबूत है, और हीरो अनुभाग टेम्पलेट्स यदि आप स्लाइडर के बजाय संपूर्ण ब्लॉक चाहते हैं; यदि आप चाहते हैं कि गति क्षण हो, और उनमें से केवल एक बार, तो स्प्लिट या स्लेट कर्टेन को द्विभाजित करें।
• पृष्ठ या इतिहास के बारे मेंः पंचांग समयरेखा स्लाइडर यहां कुछ और नहीं ईमानदारी से दिनांकित सामग्री करता है।

आप जो भी चुनते हैं, उसे एक परीक्षण से पहले चलाएं जो मायने रखता है: अपने स्वयं के फोन पर पृष्ठ लोड करें, सेलुलर पर, और देखें कि क्या स्लाइडर पहली चीज है जो प्रस्तुत करता है या अंतिम पाठ के बाद आने वाला एक डिज़ाइन पहले से ही पढ़ा गया है स्लाइडर नहीं है, यह एक सजावट है।

अक्सर पूछे जाने वाले प्रश्न

आगे कहाँ जाना है

दो या तीन डेमो खोलें और उन्हें चुनने से पहले अपने फोन पर एक वास्तविक रूप दें फिरः

बीस में से बारह को आयात करने के लिए लाइसेंस की आवश्यकता होती है, इसलिए मूल्य निर्धारण पृष्ठ यह जांचने का स्थान है कि आपके द्वारा चुने गए डिज़ाइन को कौन सा स्तर कवर करता है।

• पर सब कुछ एक ही स्थान पर ब्राउज़ करें एलिमेंटर हिंडोला विजेट पेज, सभी बीस डिज़ाइनों के साथ-साथ प्लगइन के अपने हिंडोला विजेट के साथ।
• मुक्त स्तर पर चिपके हुए? निःशुल्क हिंडोला विजेट पोस्ट हर उस चीज़ से गुज़रता है जिसकी कोई कीमत नहीं होती, इनमें ये आठ शामिल हैं।
• गति पर गहराई के लिए जा रहे हैं? ३ डी हिंडोला डिजाइन (कवरफ्लो, फ्लिप, आर्क और ऑर्बिट) को अपने आप में करीब से देखें।
• एक खंड के बजाय एक पूरा पृष्ठ चाहते हैं टेम्पलेट किट पहले से रखे गए हिंडोले के साथ पूरा लेआउट भेजें।
• केवल स्लाइडर ही नहीं, बल्कि पूरा पेज बनाना? द नि: शुल्क एलिमेंट अनुभाग टेम्पलेट्स लाइब्रेरी में सुविधाएँ, मूल्य निर्धारण, प्रशंसापत्र, टीम, अक्सर पूछे जाने वाले प्रश्न और सीटीए ब्लॉक शामिल हैं, प्रत्येक को एक संपादन योग्य विजेट के रूप में आयात किया जा सकता है।