एलिमेंटर सेक्शन टेम्प्लेट: लाइब्रेरी में 32 मुफ्त डाउनलोड और 580+

एलिमेंटर सेक्शन टेम्प्लेट बैनर: मास्टर ऐडऑन लाइब्रेरी में 32 मुफ्त JSON डाउनलोड और 580+ सेक्शन, स्टैक्ड सेक्शन वायरफ्रेम के साथ

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

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

आप जिस चीज के लिए आए थे, उस पर जाएंः

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

दो मार्ग, दो अलग-अलग सिस्टम इस पृष्ठ पर ३२ डाउनलोड विजेट बिल्डर के माध्यम से विजेट के रूप में आते हैं पुस्तकालय अनुभाग एलिमेंट संपादक के अंदर से स्थापित होते हैं दोनों आपके पृष्ठ पर डिज़ाइन के साथ समाप्त होते हैं और सब कुछ अभी भी संपादन योग्य है।

रूट 1: विजेट बिल्डर के साथ JSON टेम्पलेट फ़ाइल आयात करें

  1. अपने इच्छित टेम्पलेट के लिए ज़िप डाउनलोड करें और इसे अनज़िप करें अंदर विजेट जेएसओएन, एक पूर्वावलोकन छवि और डेमो कलाकृति है जहां डिजाइन किसी भी का उपयोग करता है।
  2. को जा मास्टर ऐडऑन → विजेट बिल्डर → विजेट आयात करें अपने वर्डप्रेस एडमिन में और अपलोड करें widget-*.json फाइल।
  3. एलिमेंटर खोलें, पैनल में विजेट का नाम खोजें, और इसे पृष्ठ पर खींचें।
  4. सामग्री टैब भरें रंग शैली टैब में हैं, आमतौर पर चार से छह पिकर जो पूरे अनुभाग को फिर से थीम देते हैं।

द विजेट बिल्डर मास्टर एडॉन्स प्रो का हिस्सा है जेएसओएन फाइलें खुद कुछ भी नहीं खर्च करती हैं और एक बार डाउनलोड होने के बाद आपकी रहती हैं।

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

रूट 2: टेम्पलेट लाइब्रेरी से एक अनुभाग स्थापित करें

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

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

३२ एलिमेंटर सेक्शन टेम्प्लेट आप जेएसओएन के रूप में डाउनलोड कर सकते हैं

ये इस पोस्ट के लिए बनाए गए थे: हाथ से लिखे एचटीएमएल, सीएसएस और जावास्क्रिप्ट, फिर विजेट बिल्डर विजेट में परिवर्तित हो गए वे प्लगइन की लाइब्रेरी में नहीं हैं, वे यहां से डाउनलोड करते हैं।

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

सुविधाएँ एवं सेवाएँ अनुभाग टेम्पलेट

आप जो बेचते हैं उसे बताने के चार तरीके: एक कार्ड ग्रिड, वैकल्पिक पंक्तियाँ, एक क्रमांकित प्रक्रिया और छवि-आधारित शोकेस कार्ड।

१ आइकन कार्ड ग्रिड: एलिमेंट फीचर सेक्शन टेम्पलेट

डार्क एलिमेंटर में तीन-कॉलम ग्रिड में छह आइकन कार्ड और बैंगनी चमक होवर प्रभाव के साथ अनुभाग टेम्पलेट की सुविधा है

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

2। वैकल्पिक छवि पंक्तियाँ: एलिमेंटर फ़ीचर पंक्तियाँ टेम्पलेट

वैकल्पिक छवि और पाठ पंक्तियों, काउंट-अप आँकड़े पट्टी और बुलेट चेकलिस्ट के साथ एलिमेंटर फ़ीचर अनुभाग टेम्पलेट

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

३ संख्याबद्ध प्रक्रिया सूची: तत्व प्रक्रिया चरणों टेम्पलेट

स्क्रॉल-संचालित प्रगति लाइन के साथ ऊर्ध्वाधर ट्रैक पर पांच क्रमांकित चरणों को दर्शाने वाला एलिमेंटर प्रक्रिया अनुभाग टेम्पलेट

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

४ छवि शोकेस कार्ड: एलिमेंट फीचर कार्ड टेम्पलेट

एलिमेंटर शोकेस सेक्शन टेम्पलेट तीन इमेज कार्ड के साथ जो होवर पर ३ डी में झुकता है और एक स्क्रॉलिंग कीवर्ड टिकर

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

हमारे बारे में अनुभाग टेम्पलेट

बाईं ओर की छवि, दाईं ओर फ्लोटिंग बैज वाली छवि और मूल्य कार्ड के साथ एक मिशन स्टेटमेंट।

५ कहानी के साथ छोड़ी गई छवि: हमारे बारे में एलिमेंट अनुभाग टेम्पलेट

बेकरी फोटो बाएं, कहानी पाठ दाएं, काउंट-अप आँकड़े और एक हस्ताक्षर के साथ अनुभाग टेम्पलेट के बारे में गर्म तत्व

एक पोलरॉइड-शैली होवर झुकाव के साथ बाईं ओर फोटो, दाईं ओर कहानी की प्रतिलिपि, तीन गिनती-अप आँकड़े, और एक हस्ताक्षर ब्लॉक आँकड़े पुनरावर्तक उपसर्ग, दशमलव और हजारों अल्पविराम को संभालता है डेमो आपके बिना २,४०० थोक भागीदारों तक गिनती करता है कोड को छूने के लिए बेकरी डेमो दृश्य एसवीजी के रूप में शामिल है।

६ फ्लोटिंग बैज के साथ सही छवि: अनुभाग टेम्पलेट के बारे में एलिमेंट

आर्किटेक्चर छवि अधिकार, क्रेडेंशियल्स चेकलिस्ट और फ्लोटिंग वर्षों के अनुभव बैज के साथ अनुभाग टेम्पलेट के बारे में डार्क एलिमेंटर

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

7। मिशन और मूल्य: एलिमेंटर मिशन और मूल्य अनुभाग

बड़े मिशन स्टेटमेंट और लाइन आइकन के साथ चार वैल्यू कार्ड के साथ एलिमेंटर मिशन सेक्शन टेम्पलेट

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

आँकड़े और काउंटर बैंड टेम्पलेट

पैमाने को सिद्ध करने वाली संख्याओं के लिए दो काउंट-अप बैंड, एक हल्का और एक गहरा।

८ प्रकाश आँकड़े बैंड: एलिमेंट काउंटर अनुभाग टेम्पलेट

लाइट एलिमेंटर चार बड़े सेरिफ़ नंबरों और ड्रॉ-इन डिवाइडर लाइनों के साथ काउंटर सेक्शन टेम्पलेट को आँकता है

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

9। डार्क स्टैट्स बैंड: एलिमेंटर स्टैट्स बैंड टेम्पलेट

डार्क एलिमेंटर ने लाइम एक्सेंट काउंटर, चमकते आइकन और दो-टोन हेडलाइन के साथ सेक्शन टेम्पलेट को चिह्नित किया है

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

प्रशंसापत्र अनुभाग टेम्पलेट

एक हिंडोला, एक चिनाई ग्रिड, एक बड़ा उद्धरण, और कुल स्कोर के साथ समीक्षा कार्ड।

बड़े उद्धरण कार्ड, अवतार, तीर नेविगेशन और स्लाइड डॉट्स के साथ एलिमेंट प्रशंसापत्र हिंडोला टेम्पलेट

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

11। चिनाई ग्रिड: एलिमेंटर प्रशंसापत्र ग्रिड टेम्पलेट

कंपित समीक्षा कार्ड, स्टार रेटिंग और प्रारंभिक अवतारों के साथ एलिमेंट प्रशंसापत्र चिनाई ग्रिड टेम्पलेट

सीएसएस-कॉलम चिनाई में छह कार्ड कंपित खुलासा के साथ प्रत्येक पुनरावर्तक पंक्ति एक उद्धरण लेती है (साथ ही लंबे कार्ड के लिए वैकल्पिक दूसरा पैराग्राफ), एक १,५ स्टार रेटिंग, अवतार सर्कल के लिए प्रारंभिक, और एक “फीचरडंबग टॉगल जो एक कार्ड को उच्चारण उपचार देता है सितारे रेटिंग मूल्य से प्रस्तुत करते हैं, इसलिए ४-स्टार समीक्षा चार भरे हुए सितारों को दिखाती है, न कि जो भी हार्डकोड किया गया था।

१२ एकल बड़े उद्धरण: एलिमेंट प्रशंसापत्र अनुभाग टेम्पलेट

बड़े सेरिफ़ उद्धरण के साथ एलिमेंटर एकल उद्धरण प्रशंसापत्र टेम्पलेट लाइन दर लाइन और एक आँकड़े पट्टी का खुलासा करता है

एक उद्धरण, विशाल सेरिफ़ प्रकार, एक मुखौटा एनीमेशन के साथ लाइन द्वारा लाइन का खुलासा किया आप उद्धरण को एक पैराग्राफ के रूप में पेस्ट करते हैं; जावास्क्रिप्ट इसे संतुलित लाइनों में विभाजित करता है और प्रकट होने का समय देता है, इसलिए १५-शब्द उद्धरण और ४०-शब्द उद्धरण दोनों सही ढंग से चेतन होते हैं नीचे एक छोटी मेटा स्ट्रिप (कमरे, रेटिंग, वर्ष) एक पुनरावर्तक है जिसे आप पूरी तरह से खाली कर सकते हैं।

१३ सारांश के साथ रेटिंग कार्ड: एलिमेंट समीक्षा कार्ड टेम्पलेट

कुल स्कोर, एनिमेटेड रेटिंग वितरण बार और चार प्लेटफ़ॉर्म समीक्षा कार्ड के साथ एलिमेंटर समीक्षा अनुभाग टेम्पलेट

समीक्षा-एग्रीगेटर देखो: एक बड़ा गिनती-अप स्कोर, एनिमेटेड वितरण सलाखों (पांच सितारे: ८४%, चार: ११%...), फिर प्रति-कार्ड बैज रंगों के साथ मंच द्वारा टैग किए गए चार समीक्षा कार्ड आंशिक रेटिंग पेंट आंशिक सितारों में से एक में प्रशंसापत्र समूह का सबसे अधिक नियंत्रण है, २४, क्योंकि स्कोर के तहत कैप्शन के लिए बार प्रतिशत से सब कुछ संपादन योग्य है।

मूल्य निर्धारण तालिका अनुभाग टेम्पलेट

त्रि-स्तरीय, हाइलाइट की गई योजना, एक तुलना मैट्रिक्स और एक मासिक/वार्षिक टॉगल।

१४ क्लासिक तीन स्तरीय: एलिमेंट मूल्य निर्धारण तालिका टेम्पलेट

तीन प्लान कार्ड, काउंट-अप कीमतों और एक हाइलाइट किए गए मध्य योजना बटन के साथ एलिमेंटर मूल्य निर्धारण तालिका टेम्पलेट

तीन कार्ड, कंपित प्रवेश, कीमतें जो स्क्रॉल पर गिनती हैं योजनाएं एक पुनरावर्तक हैं विशेषताएं एक टेक्स्टएरिया में प्रति सुविधा एक पंक्ति के रूप में जाती हैं, इसलिए योजनाओं में पांच सुविधाएं या खाली स्लॉट के बिना नौ हो सकती हैं एक प्रति-योजना “लोकप्रिय” टॉगल स्विच करता है कि कार्ड का बटन भूत से ठोस उच्चारण तक।

१५ हाइलाइट की गई योजना: एलिमेंट मूल्य निर्धारण अनुभाग टेम्पलेट

एलीमेंटर मूल्य निर्धारण अनुभाग टेम्पलेट उन्नत लोकप्रिय योजना, चमकते उच्चारण सीमा और रिबन लेबल के साथ

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

16। तुलना सुविधा सूची: एलिमेंटर मूल्य निर्धारण तुलना तालिका

तीन योजनाओं, फीचर मैट्रिक्स पंक्तियों और विस्तार योग्य अतिरिक्त सुविधाओं के साथ एलिमेंटर मूल्य निर्धारण तुलना तालिका टेम्पलेट

एक वास्तविक सुविधा मैट्रिक्स: तीन योजना कॉलम, हाँ/नहीं/कस्टम मानों के साथ फीचर पंक्तियाँ (“५ उपयोगकर्ता”, “अनलिमिटेड”), और एक विस्तार योग्य ब्लॉक जो एक चिकनी ऊंचाई एनीमेशन के साथ छह और पंक्तियों को प्रकट करता है एक सेल में हाँ या नहीं टाइप करें और यह एक चेक या क्रॉस के रूप में प्रस्तुत करता है; कुछ और टाइप करें और यह पाठ के रूप में प्रिंट करता है कौन सी योजना को “बेस्ट वैल्यू” कॉलम हाइलाइट मिलता है एक ड्रॉपडाउन है ३८ पर यह पैक में सबसे गहरा टेम्पलेट नियंत्रित करता है।

17। मासिक/वार्षिक टॉगल: बिलिंग टॉगल के साथ एलिमेंटर मूल्य निर्धारण तालिका

मासिक वार्षिक बिलिंग टॉगल के साथ एलिमेंटर मूल्य निर्धारण टेम्पलेट, बैज सहेजें और फ़्लिपिंग कीमतों के साथ तीन प्लान कार्ड

सास मानक एक सुलभ स्विच मासिक और वार्षिक मूल्य निर्धारण के बीच प्रत्येक कार्ड को थोड़ा मूल्य-फ्लिप एनीमेशन के साथ फ़्लिप करता है; प्रत्येक योजना में दोनों कीमतें और दोनों “बिल्ड एस्सेम्ब नोट्स अपनी पुनरावर्तक पंक्ति में हैं। “सेव 20%” बैज टेक्स्ट एक फ़ील्ड है, इसलिए गणित बदलने से बैज बदल जाता है।

टीम अनुभाग टेम्पलेट

एक फोटो ग्रिड, होवर-प्रकटीकरण बायोस, और एक बायो पैनल के साथ एक स्लाइडर।

१८ फोटो कार्ड ग्रिड: एलिमेंट टीम सेक्शन टेम्पलेट

चार फोटो कार्ड, पोर्ट्रेट ज़ूम और होवर पर एक्सेंट बॉर्डर स्वीप के साथ एलिमेंटर टीम सेक्शन टेम्पलेट

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

19। होवर-रिवील बायोस: एलिमेंटर टीम सदस्य कार्ड टेम्पलेट

पोर्ट्रेट कार्ड के साथ एलिमेंटर टीम टेम्पलेट जो होवर या टैप पर बायोस और सामाजिक लिंक प्रकट करता है

पोर्ट्रेट जो होवर, फोकस या टैप पर बायो पैनल को स्लाइड करते हैं, इसलिए यह कीबोर्ड और फोन के साथ-साथ माउस पर भी काम करता है। प्रत्येक सदस्य पंक्ति में लिंक्डइन, इंस्टाग्राम और ईमेल लिंक नियंत्रण होते हैं, और यदि आपकी टीम ऐसा नहीं करेगी तो पूरी सामाजिक पंक्ति को बंद किया जा सकता है।

२० टीम स्लाइडर: एलिमेंट टीम स्लाइडर टेम्पलेट

बड़े सदस्य फोटो, बायो पैनल, डॉट्स और डार्क बैकग्राउंड पर स्लाइड काउंटर के साथ एलिमेंटर टीम स्लाइडर टेम्पलेट

एक समय में एक सदस्य: बड़ी तस्वीर, भूमिका टैग, एक फुलर बायो, और एक “०१/०५” काउंटर जो आपके वास्तविक सदस्य गिनती से पुनर्निर्माण करता है, डॉट्स के समान तीर कुंजी काम करती है छोटी टीमों के लिए अच्छा है जहां प्रत्येक व्यक्ति एक व्यवसाय कार्ड से अधिक का हकदार है।

अक्सर पूछे जाने वाले प्रश्न अनुभाग टेम्पलेट

एक अकॉर्डियन, एक दो-कॉलम क्यू एंड ए, श्रेणी टैब, और एक समर्थन कार्ड के बगल में एक अकॉर्डियन।

21। अकॉर्डियन: एलिमेंटर एफएक्यू अकॉर्डियन टेम्पलेट

एकल-खुले प्रश्नों, प्लस आइकन और एक पाद संपर्क नोट के साथ एलिमेंटर FAQ अकॉर्डियन टेम्पलेट

चिकनी ऊंचाई एनीमेशन और घूर्णन प्लस आइकन के साथ एकल-खुला अकॉर्डियन प्रश्न और उत्तर एक पुनरावर्तक हैं; क्या पहला आइटम खुला शुरू होता है एक टॉगल है पाद पंक्ति (“अभी भी अटक गई है हमें लिखें”) का अपना लिंक और ईमेल फ़ील्ड है, क्योंकि वह पंक्ति हमेशा हार्डकोडेड समाप्त होती है और अन्यथा भूल जाती है।

२२ दो-स्तंभ प्रश्नोत्तरः एलिमेंट एफएक्यू अनुभाग टेम्पलेट

अंधेरे पृष्ठभूमि पर एक स्थिर दो-स्तंभ ग्रिड में क्रमांकित प्रश्नों के साथ एलिमेंटर अक्सर पूछे जाने वाले प्रश्न अनुभाग टेम्पलेट

कोई क्लिक नहीं सभी छह उत्तर एक क्रमांकित दो-स्तंभ ग्रिड में दिखाई देते हैं, जिसमें कंपित खुलासा होता है ०१,०६ नंबरिंग सीएसएस काउंटर है, इसलिए जब आप सातवें को जोड़ते हैं तो आइटम खुद को फिर से नंबर देते हैं एक अकॉर्डियन से बेहतर जब आपके उत्तर छोटे होते हैं और आप वास्तव में आगंतुकों को पढ़ना पसंद करते हैं।

23। श्रेणी टैब: एलिमेंटर FAQ टैब टेम्पलेट

श्रेणी टैब नेविगेशन, स्लाइडिंग गोली संकेतक और समूहीकृत प्रश्नों के साथ एलिमेंटर एफएक्यू टेम्पलेट

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

२४ समर्थन कार्ड के साथ अक्सर पूछे जाने वाले प्रश्न: समर्थन कार्ड के साथ एलिमेंट एफएक्यू अनुभाग

मल्टी-ओपन अकॉर्डियन बाएं और चिपचिपा समर्थन संपर्क कार्ड दाएं के साथ एलिमेंटर एफएक्यू अनुभाग टेम्पलेट

बाईं ओर अकॉर्डियन (इस बार बहु-खुला), एक चित्रण, संपर्क चैनल, और तीन अवतार स्लॉट के साथ एक टीम नोट के साथ दाईं ओर एक चिपचिपा समर्थन कार्ड संपर्क चैनल एक चैट/ईमेल/फोन/घड़ी आइकन पिकर प्रति पंक्ति के साथ एक पुनरावर्तक कार्ड का चिपचिपा ऑफसेट एक स्लाइडर है, जब आपकी साइट में वसा तय हेडर होता है।

कॉल-टू-एक्शन बैंड टेम्प्लेट

एक बोल्ड ग्रेडिएंट, एक उत्पाद छवि के साथ एक विभाजन, और एक न्यूनतम केंद्रित बैंड।

25। बोल्ड ग्रेडिएंट: एलिमेंटर कॉल टू एक्शन टेम्पलेट

एनिमेटेड ग्रेडिएंट बैकग्राउंड, फ्लोटिंग ब्लॉब्स और दो बटन के साथ बोल्ड एलिमेंटर सीटीए सेक्शन टेम्पलेट

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

२६ उत्पाद छवि के साथ विभाजित करें: एलिमेंट सीटीए अनुभाग टेम्पलेट

उत्पाद छवि, फ्लोटिंग स्पेक बैज, स्टार रेटिंग और चेकलिस्ट के साथ एलिमेंटर सीटीए अनुभाग टेम्पलेट

बाईं ओर कॉपी और चेकलिस्ट, फ्लोटिंग स्पेक बैज (क्षमता, चार्ज समय, वजन) के साथ दाईं ओर शूट किया गया उत्पाद जो खुद को फिर से स्थापित करता है हालांकि आप कई जोड़ते हैं स्टार रेटिंग डेमो में २,३१८ समीक्षाओं में से ४.८ तक की गणना करती है, और दोनों संख्याएं फ़ील्ड के लिए बनाई गई हैं एक भौतिक उत्पाद लेकिन किसी भी चीज के लिए काम करता है जिसके बारे में डींग मारने लायक चश्मा।

27। न्यूनतम केन्द्रित: एक्शन बैंड के लिए एलिमेंटर कॉल

शब्द-दर-शब्द हेडलाइन प्रकट और क्रीम पृष्ठभूमि पर एकल बटन के साथ न्यूनतम एलिमेंटर सीटीए टेम्पलेट

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

संपर्क फ़ॉर्म अनुभाग टेम्पलेट

संपर्क विवरण के साथ फॉर्म, एनिमेटेड मानचित्र के साथ फॉर्म और एक केंद्रित कार्ड।

28। संपर्क जानकारी वाला फॉर्म: एलिमेंटर संपर्क फॉर्म टेम्पलेट

संपर्क विवरण और नोट बॉक्स के साथ एलिमेंटर संपर्क अनुभाग टेम्पलेट बाएं, बजट ड्रॉपडाउन दाएं के साथ फॉर्म

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

२९ मानचित्र के साथ फार्म: मानचित्र के साथ एलिमेंट संपर्क फार्म

विषय चिप्स फॉर्म के साथ एलिमेंटर संपर्क टेम्पलेट और स्पंदन स्थान पिन के साथ एनिमेटेड सचित्र मानचित्र

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

३० केंद्रित कार्ड: एलिमेंट संपर्क फ़ॉर्म अनुभाग

केंद्रित कार्ड, कर्सर स्पॉटलाइट प्रभाव और लाइव स्टेटस बैज के साथ एलिमेंटर संपर्क फ़ॉर्म टेम्पलेट

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

लोगो पट्टी टेम्पलेट्स

एक ग्रेस्केल ग्रिड जो होवर पर रंग भरता है, और एक अनंत मार्की।

31। स्टेटिक ग्रेस्केल ग्रिड: एलिमेंटर लोगो ग्रिड टेम्पलेट

ग्रेस्केल क्लाइंट लोगो ग्रिड के साथ एलिमेंटर लोगो स्ट्रिप टेम्पलेट जो होवर और एक काउंट-अप स्टेट लाइन पर रंग देता है

एक ग्रिड में आठ लोगो, होवर होने तक ग्रेस्केल, नीचे एक काउंट-अप स्टेट के साथ (“1,400+ टीमों के लिए रिपोर्टिंग को सशक्त करना”)। कॉलम एक स्लाइडर हैं, स्टेट पंक्ति टॉगल करने योग्य है, और ग्रेस्केल-टू-कलर होवर आपके द्वारा अपलोड किए गए किसी भी पीएनजी या एसवीजी लोगो पर काम करता है।

निर्बाध अनंत लूप और किनारे फीका के साथ एलिमेंटर स्क्रॉलिंग लोगो मार्की टेम्पलेट

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

प्रकार के अनुसार 583-अनुभागीय लाइब्रेरी ब्राउज़ करें

पुस्तकालय अन्य आधा है: ५८३ डिजाइन डाउनलोड करने के बजाय एलिमेंट संपादक के अंदर से स्थापित नीचे मुख्य श्रेणियों में से प्रत्येक से तीन पिक्स हैं, प्रत्येक लाइव डेमो के साथ आप स्क्रॉल और क्लिक कर सकते हैं, और उस श्रेणी में प्रत्येक डिजाइन के माध्यम से एक बटन।

अनुभाग प्रकारडिजाइनजहां
हीरो अनुभाग47कूद
विशेषताएं अनुभाग64कूद
हमारे बारे में अनुभाग40कूद
आँकड़े और काउंटर अनुभाग40कूद
प्रशंसापत्र अनुभाग41कूद
मूल्य निर्धारण तालिका19कूद
टीम अनुभाग36कूद
अक्सर पूछे जाने वाले प्रश्न अनुभाग21कूद
कार्रवाई अनुभाग पर कॉल करें27कूद
संपर्क फ़ॉर्म अनुभाग46कूद
ब्लॉग और लेख अनुभाग28कूद
मेगा मेनू अनुभाग6कूद
सेवा अनुभाग41ब्राउज़
प्रक्रिया, चरण और समयरेखा अनुभाग29ब्राउज़
टैब, सामग्री और मीडिया अनुभाग31ब्राउज़
दुकान, उत्पाद और मेनू अनुभाग23ब्राउज़
केस स्टडी और पोर्टफोलियो अनुभाग19ब्राउज़
लोगो, ब्रांड और ग्राहक अनुभाग13ब्राउज़
404 त्रुटि अनुभाग7ब्राउज़
करियर और नौकरी अनुभाग5ब्राउज़

गिनती २३ सितंबर २०२६ को पुस्तकालय से हैं नए खंड सबसे अधिक रिलीज के साथ भूमि, इसलिए आपका प्लगइन इससे अधिक दिखा सकता है।

एलिमेंटर हीरो सेक्शन टेम्पलेट्स

लाइब्रेरी में ४७ हीरो डिजाइन वे ज्यादातर शीर्षक के बगल में क्या बैठता है: एक डैशबोर्ड स्क्रीनशॉट, एक बुकिंग बटन, एक समीक्षा बैज, या एक काउंटर पंक्ति यदि आप नायकों को चाहते हैं तो आप इसके बजाय जेएसओएन के रूप में डाउनलोड कर सकते हैं, एक है हीरो सेक्शन टेम्पलेट्स का अलग पैक.

हेडलाइन, सबटेक्स्ट और डैशबोर्ड स्क्रीनशॉट के साथ डार्क एलिमेंटर सास हीरो सेक्शन टेम्पलेट

एज सिग्नल सास हीरो

विलंबता शीर्षक और उसके नीचे बैठे उत्पाद डैशबोर्ड के साथ डार्क सास हीरो।

फोटो, स्टार रेटिंग और कॉल बटन के साथ सफाई सेवा के लिए एलिमेंटर हीरो सेक्शन टेम्पलेट

क्लीनर हीरो

एक सेवा व्यवसाय के लिए फोटो हीरो, एक स्टार रेटिंग और बटन के बगल में एक फोन नंबर के साथ।

चित्रण और एक फ्लोटिंग सांख्यिकी कार्ड के साथ एलिमेंटर हीरो अनुभाग टेम्पलेट

क्राफ्टोवा हीरो

शीर्षक के बगल में एक फ्लोटिंग परिणाम कार्ड के साथ चित्रित नायक।

प्रत्येक नायक एक कंटेनर स्टैक है, इसलिए शीर्षक, छवि और बटन अलग-अलग तत्व रहते हैं जिन्हें आप इधर-उधर खींच सकते हैं।

एलिमेंटर में अनुभाग टेम्पलेट शामिल हैं

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

एलिमेंटर में आठ रंगीन आइकन टाइल्स के साथ ग्रिड अनुभाग टेम्पलेट की सुविधा है

लीड लिफ्ट विशेषताएं ग्रिड

आठ पेस्टल में सेरिफ़ हेडलाइन के नीचे टाइलें हैं, चार की दो पंक्तियाँ हैं।

चार विश्वसनीयता कार्ड और आइकन के साथ डार्क एलिमेंटर फीचर सेक्शन टेम्पलेट

डार्क विश्वसनीयता कार्ड

क्रमांकित आइकन वाले चार डार्क कार्ड, गारंटी और एसएलए के लिए बनाए गए।

फोन मॉकअप और फीचर चेकलिस्ट के साथ पर्पल एलिमेंटर ऐप फीचर सेक्शन टेम्पलेट

क्लाउडिफाई मोबाइल ऐप विशेषताएं

एक फोन मॉकअप और ऐप सुविधाओं की एक चेकलिस्ट के साथ बैंगनी विभाजन अनुभाग।

जानकारी बॉक्स नियंत्रण से आइकन स्वैप करें और रिक्ति रखती है पाठ वास्तविक पाठ है, इसलिए यह अनुवाद करता है और यह अनुक्रमित करता है।

हमारे बारे में एलिमेंट अनुभाग टेम्पलेट्स

४० के बारे में और कहानी अनुभाग लेआउट जो सबसे अधिक दोहराता है वह कहानी के साथ एक तरफ एक छवि है, एक चेकलिस्ट और दूसरी तरफ एक स्टेट पंक्ति है।

कहानी पाठ, उत्पाद फोटो और दिनांक रेखा के साथ अनुभाग टेम्पलेट के बारे में डार्क एलिमेंटर

डार्क क्राफ्ट स्टोरी

एक उत्पाद फोटो और एक तिथि रेखा के साथ डार्क संपादकीय कहानी बैंड।

स्टाफ फोटो कोलाज और कॉल बटन के साथ हमारे बारे में एलिमेंट अनुभाग टेम्पलेट

हमारे बारे में स्वच्छता

हाइलाइट की गई वादा पंक्ति और फ़ोन-नंबर बटन के साथ फोटो कोलाज।

छवि ग्रिड और एनिमेटेड काउंटरों के साथ अनुभाग टेम्पलेट के बारे में एलिमेंटर

वाइबस्पेस के बारे में

चार-छवि ग्रिड और नीचे तीन काउंटरों के साथ ब्लॉक के बारे में आंतरिक-डिज़ाइन।

जब कहानी लंबी चलती है तो ये अपना आकार बनाए रखते हैं, यहीं पर अधिकांश खंड टूट जाते हैं।

एलिमेंटर आँकड़े और काउंटर सेक्शन टेम्प्लेट

संख्याओं के लिए 40 अनुभाग: काउंटर पंक्तियाँ, प्रगति बार, बेंटो मीट्रिक बोर्ड और डैशबोर्ड। काउंटर पर चलते हैं काउंटर अप सेटअप के बिना स्क्रॉल पर विजेट और एनिमेट करें।

पांच मीट्रिक टाइल्स के साथ डार्क एलिमेंटर बेंटो स्टैट्स सेक्शन टेम्पलेट

बेंटो फेस्टिवल रैप

विभिन्न आकारों में पांच मीट्रिक टाइलों का बेंटो बोर्ड, गहरा और गर्म।

तीन एनिमेटेड काउंटरों के साथ बैंगनी एलिमेंटर कुंजी मेट्रिक्स अनुभाग टेम्पलेट

जैप्लाइट कुंजी मेट्रिक्स

तीन बड़े काउंटर और छोटे लेबल के साथ बोल्ड बैंगनी बैंड।

बोल्ड ब्लू बैकग्राउंड पर एलिमेंटर प्रोग्रेस बार सेक्शन टेम्पलेट

बोल्ड कलर प्रोग्रेस बार्स

डिलीवरी या क्षमता संख्या के लिए तीन लेबल प्रगति बार वाला नीला ब्लॉक।

काउंटर एक उपसर्ग और एक प्रत्यय लेते हैं, इसलिए १२ के +, ९९.९% और $ ४.२ एम सभी संख्या क्षेत्र को छूने के बिना प्रस्तुत करते हैं।

एलिमेंट प्रशंसापत्र अनुभाग टेम्पलेट्स

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

चित्र और एक काउंटर के साथ एलिमेंटर ग्राहक कहानियां अनुभाग टेम्पलेट

क्राफ्टोवा ग्राहक कहानियाँ

बीच में एक खुश-ग्राहक काउंटर के साथ सचित्र ग्राहक कहानियां ब्लॉक।

पोर्ट्रेट फ़ोटो और एक पुल उद्धरण के साथ डार्क एलिमेंटर प्रशंसापत्र अनुभाग टेम्पलेट

पोर्ट्रेट क्लाइंट स्टोरी

दो पोर्ट्रेट फ़ोटो और एक लंबी पुल उद्धरण के साथ डार्क संपादकीय उद्धरण।

स्टार रेटिंग कार्ड और एक समीक्षा प्लेटफ़ॉर्म स्ट्रिप के साथ एलिमेंटर प्रशंसापत्र अनुभाग टेम्पलेट

क्राफ्टोवा प्रशंसापत्र

समीक्षा-प्लेटफ़ॉर्म रेटिंग स्ट्रिप के ऊपर सितारों वाले कार्डों की समीक्षा करें।

इनमें से अधिकांश में समीक्षाएँ पुनरावर्तक आइटम हैं, इसलिए पाँचवाँ एक क्लिक है और पंक्ति स्वयं पुनः रिक्त हो जाती है।

एलिमेंटर मूल्य निर्धारण तालिका टेम्पलेट्स

19 मूल्य निर्धारण अनुभाग बनाए गए मूल्य निर्धारण तालिका विजेट योजना का नाम, मूल्य, सुविधा सूची, रिबन और बटन अलग-अलग नियंत्रण हैं, जो योजनाओं में अलग-अलग फीचर गणना होने पर पंक्तियों को संरेखित रखता है।

तीन योजनाओं और एक मासिक वार्षिक टॉगल के साथ एलिमेंटर मूल्य निर्धारण तालिका टेम्पलेट

लीड लिफ्ट मूल्य निर्धारण

सेरिफ़ हेडलाइन और मासिक या वार्षिक स्विच के साथ क्रीम त्रि-स्तरीय लेआउट।

तीन योजनाओं और एक हाइलाइट किए गए स्तर के साथ डार्क एलिमेंटर मूल्य निर्धारण तालिका टेम्पलेट

डार्क प्राइसिंग टेबल

हाइलाइट की गई योजना और प्रति सीट मूल्य निर्धारण के साथ डार्क तीन-कॉलम तालिका।

तीन योजनाओं और एक हाइलाइट किए गए मध्य कार्ड के साथ एलिमेंटर मूल्य निर्धारण अनुभाग टेम्पलेट

क्राफ्टोवा मूल्य निर्धारण

वार्षिक विकल्प पर लाइम मिडिल कार्ड और सेव बैज के साथ तीन योजनाएं।

एक विजेट के अंदर मासिक और वार्षिक स्विच के लिए, बिलिंग टॉगल टेम्पलेट इस पृष्ठ को और ऊपर संभालता है।

एलिमेंटर टीम अनुभाग टेम्पलेट

36 टीम अनुभाग चल रहे हैं टीम सदस्य विजेट, इसलिए फोटो, भूमिका, जैव और सामाजिक लिंक स्टैक्ड टेक्स्ट बॉक्स के बजाय फ़ील्ड हैं।

पोर्ट्रेट के बेंटो मोज़ेक के साथ डार्क एलिमेंटर टीम अनुभाग टेम्पलेट

बेंटो पोर्ट्रेट मोज़ेक

बेमेल फ्रेम में चार चित्रों का गहरा बेंटो मोज़ेक।

पांच पोर्ट्रेट कार्ड के साथ ऑरेंज एलिमेंटर टीम सेक्शन टेम्पलेट

क्लाउडिफाई टीम

पांच पोर्ट्रेट कार्ड और नीचे भूमिकाओं वाला ऑरेंज बैंड।

बैंगनी ढाल पर धनुषाकार चित्रों के साथ एलिमेंटर टीम अनुभाग टेम्पलेट

कंपित पोर्ट्रेट पंक्ति

धनुषाकार चित्रों की बैंगनी ढाल पंक्ति जो होवर पर एक नोट प्रकट करती है।

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

एलिमेंटर अक्सर पूछे जाने वाले प्रश्न अनुभाग टेम्पलेट

21 अक्सर पूछे जाने वाले प्रश्न अनुभाग। अकॉर्डियन वाले इसका उपयोग करते हैं उन्नत अकॉर्डियन विजेट, जो एकल-खुला व्यवहार और FAQ स्कीमा सेटिंग करता है।

बैंगनी चमक पृष्ठभूमि के साथ डार्क एलिमेंटर अक्सर पूछे जाने वाले प्रश्न अकॉर्डियन अनुभाग टेम्पलेट

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

हेडिंग के पीछे बैंगनी चमक के साथ गहरा अकॉर्डियन।

एलिमेंटर बेंटो एफएक्यू सेक्शन टेम्पलेट अकॉर्डियन, स्टेट टाइल और फोटो के साथ

बेंटो एफएक्यू पैनल

बाईं ओर एक चूने की स्टेट टाइल और दाईं ओर एक फोटो टाइल के साथ अकॉर्डियन।

क्रमांकित प्रश्नों के साथ गहरा हरा एलिमेंट एफएक्यू अनुभाग टेम्पलेट

क्रमांकित संपादकीय अक्सर पूछे जाने वाले प्रश्न

अभी भी उत्सुक शीर्षक के साथ गहरे हरे रंग का क्रमांकित अक्सर पूछे जाने वाले प्रश्न।

यदि आप चाहते हैं कि प्रश्न समृद्ध परिणामों के लिए योग्य हों तो प्रकाशन से पहले अकॉर्डियन विजेट में स्कीमा चालू करें।

कार्रवाई अनुभाग टेम्पलेट्स के लिए एलिमेंटर कॉल

27 सीटीए बैंड, वे अनुभाग जो पाद लेख के ऊपर बैठते हैं और क्लिक के लिए पूछते हैं। पर निर्मित कार्रवाई का आह्वान और क्रिएटिव बटन विजेट।

कोरल एलिमेंटर एक नि: शुल्क परीक्षण बटन के साथ एक्शन बैंड टेम्पलेट पर कॉल करें

लीड लिफ्ट सीटीए

फ्री-ट्रायल हेडलाइन और नो-क्रेडिट-कार्ड लाइन के साथ कोरल पूर्ण-चौड़ाई बैंड।

ग्लोब ग्राफिक और बटन के साथ डार्क एलिमेंटर सीटीए अनुभाग टेम्पलेट

टेकपार्ट सीटीए

कॉपी के पीछे वायरफ्रेम ग्लोब के साथ डार्क स्केल-अप बैंड।

एलिमेंटर ऐप डाउनलोड सीटीए सेक्शन टेम्पलेट ऐप स्टोर बैज और फोन मॉकअप के साथ

जैप्लाइट सीटीए

ऐप प्रोमो स्टोर बैज, एक फोन मॉकअप और एक रेटिंग लाइन के साथ विभाजित है।

बटन होवर शैलियाँ विजेट के स्टाइल टैब में रहती हैं, इसलिए ब्रांड रंग स्टाइलशीट संपादन के बजाय पिकर होते हैं।

एलिमेंट संपर्क फ़ॉर्म अनुभाग टेम्पलेट्स

46 संपर्क, बुकिंग और खुलने का समय अनुभाग। फॉर्म संपर्क फॉर्म 7 से आते हैं CF7 स्टाइलर, इसलिए फ़ील्ड आपके ही रहेंगे और अनुभाग से केवल स्टाइल ही आएगा।

संपर्क फ़ॉर्म के बगल में एक मानचित्र के साथ एलिमेंटर संपर्क अनुभाग टेम्पलेट

Balanciq संपर्क फ़ॉर्म

बाईं ओर मानचित्र, दाईं ओर संदेश प्रपत्र।

क्रीम पृष्ठभूमि और सेरिफ़ शीर्षक के साथ एलिमेंटर संपर्क फ़ॉर्म अनुभाग टेम्पलेट

लीड लिफ्ट संपर्क फ़ॉर्म

सेरिफ़ हेडिंग और गोल फ़ील्ड के साथ क्रीम केंद्रित रूप।

एक फोटो और एक ओवरलैपिंग ओपनिंग आवर्स कार्ड के साथ एलिमेंटर बुकिंग अनुभाग टेम्पलेट

ओवरलैप आरक्षण कार्ड

शाम की तस्वीर जिसमें खुलने का समय कार्ड ओवरलैपिंग और एक बुकिंग बटन है।

पहले संपर्क फ़ॉर्म ७ स्थापित करें, फिर विजेट में अपना फॉर्म चुनें अनुभाग एक फॉर्म चयनित होने तक खाली हो जाता है।

एलिमेंटर ब्लॉग और लेख अनुभाग टेम्पलेट

28 ब्लॉग अनुभाग और सिंगल-पोस्ट लेआउट, पर निर्मित ब्लॉग डाक विजेट। अनुभागों के बजाय संपूर्ण पृष्ठ टेम्पलेट्स के लिए, देखें एलिमेंटर ब्लॉग टेम्पलेट्स पोस्ट।

एक विशेष रुप से प्रदर्शित पोस्ट और चार छोटे कार्ड के साथ एलिमेंटर ब्लॉग अनुभाग टेम्पलेट

पाककला ब्लॉग पोस्ट

एक बड़े फीचर पोस्ट और चार छोटे कार्ड के साथ पत्रिका लेआउट।

प्रत्येक पंक्ति पर पढ़ने के बटन के साथ एलिमेंट ब्लॉग संग्रह सूची अनुभाग टेम्पलेट

संपादकीय पुरालेख सूची

प्रत्येक पंक्ति पर एक रीड बटन के साथ क्रीम संग्रह सूची।

तीन कार्ड पोस्ट पंक्ति और तिथियों के साथ एलिमेंटर ब्लॉग अनुभाग टेम्पलेट

बालानिक ब्लॉग पोस्ट

तारीखों के साथ तीन-कार्ड पोस्ट पंक्ति और बाईं ओर एक अनुभाग परिचय।

ग्रिड लाइव पोस्ट खींचता है, इसलिए यह आपकी साइट पर अनुभाग होने के बाद खुद को भरता है।

एलिमेंटर मेगा मेनू अनुभाग टेम्पलेट्स

छह मेगा मेनू पैनल: लिंक कॉलम, आइकन निर्देशिकाएं और प्रोमो ब्लॉक जो पृष्ठ में बैठने के बजाय नेविगेशन आइटम से बाहर हो जाते हैं।

उत्पाद टाइल और लिंक कॉलम के साथ एक इलेक्ट्रॉनिक्स स्टोर के लिए एलिमेंटर मेगा मेनू टेम्पलेट

इलेक्ट्रॉनिक्स स्टोर मेगा मेनू

एक विशेष उत्पाद टाइल और तीन लिंक कॉलम के साथ उत्पाद-श्रेणी पैनल।

बिक्री बैनर के साथ एक फैशन स्टोर के लिए एलिमेंटर मेगा मेनू टेम्पलेट

फैशन स्टोर मेगा मेनू

दो बिक्री बैनरों के ऊपर तीन लिंक कॉलम।

चार कॉलम आइकन लिंक निर्देशिका के साथ एलिमेंटर मेगा मेनू टेम्पलेट

विजेट निर्देशिका मेगा मेनू

एक बड़ी सुविधा सूची के लिए आइकन लिंक की चार-स्तंभ निर्देशिका।

पहले पैनल को एक अनुभाग के रूप में बनाएं, फिर अपने नेविगेशन से उस पर मेगा मेनू विजेट इंगित करें।

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

एलिमेंटर ब्लॉक, अनुभाग, पेज टेम्पलेट और किट

ये चार शब्द एक ही चीज़ के लिए उपयोग किए जाते हैं और इनका अर्थ अलग-अलग मात्रा में पृष्ठ होता है।

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

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

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

एलिमेंटर लैंडिंग पृष्ठ टेम्पलेट: इन अनुभागों में से एक बनाएं

एक लैंडिंग पृष्ठ एक जानबूझकर क्रम में चार से आठ खंड है तीन संयोजन जो काम करते हैं, प्रत्येक इस पृष्ठ पर अनुभागों से इकट्ठे होते हैंः

सास या सॉफ्टवेयर उत्पाद

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

स्थानीय सेवा व्यवसाय

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

एजेंसी या स्टूडियो

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

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

किसी पृष्ठ को वास्तव में किन अनुभागों की आवश्यकता होती है?

अधिकांश पृष्ठ जो परिवर्तित करते हैं, एक ही रीढ़ का उपयोग करते हैं, मोटे तौर पर इस क्रम मेंः

  1. हीरोः यह क्या है और क्या क्लिक करना है हर पेज।
  2. लोगो या क्लाइंट स्ट्रिप: उधार ली गई विश्वसनीयता, जोड़ना सस्ता।
  3. सुविधाएँ या सेवाएँ: आपको वास्तव में क्या मिलता है।
  4. के बारे में: आप क्यों, एक चेहरे के साथ यदि आपके पास एक है।
  5. आँकड़े: पैमाने का प्रमाण जहां संख्याएं अच्छी हैं।
  6. प्रशंसापत्रः किसी ऐसे व्यक्ति से प्रमाण जो आप नहीं हैं।
  7. मूल्य निर्धारण: योजनाओं वाली किसी भी चीज़ के लिए।
  8. टीम: एजेंसियां, क्लीनिक, स्थानीय व्यवसाय।
  9. अक्सर पूछे जाने वाले प्रश्न: वे आपत्तियाँ जो क्लिक को रोकती हैं।
  10. सीटीए बैंड: पाद लेख से पहले आखिरी बार पूछें।
  11. संपर्क: यदि स्थान मायने रखता है तो प्रपत्र और मानचित्र।

कट जो आप ईमानदारी से नहीं भर सकते तीन आविष्कार किए गए उद्धरणों के साथ एक खाली प्रशंसापत्र अनुभाग बिना किसी प्रशंसापत्र अनुभाग की तुलना में अधिक नुकसान करता है।

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

क्या ये एलिमेंटर सेक्शन टेम्प्लेट मुफ्त हैं?

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

मुझे मुफ्त एलिमेंट टेम्प्लेट कहां मिल सकते हैं?

एलिमेंटर की अपनी लाइब्रेरी में संपादक के अंदर एक मुफ्त टियर है मास्टर एडॉन्स ९३ मुफ्त सेक्शन प्लस फ्री पेज टेम्प्लेट और किट जोड़ता है, सभी एक ही टेम्पलेट लाइब्रेरी स्क्रीन से एक बार प्लगइन सक्रिय हो जाता है।

मैं एलिमेंट में एक सेक्शन टेम्पलेट कैसे आयात करूं?

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

मैं एलिमेंट में एक सेक्शन कैसे बनाऊं?

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

क्या मैं आयात करने के बाद टेम्प्लेट संपादित कर सकता हूँ?

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

क्या ये किसी वर्डप्रेस थीम के साथ काम करते हैं?

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

क्या एलिमेंट का कोई मुफ्त विकल्प है?

एलिमेंट का मुफ्त संस्करण विकल्प है ज्यादातर लोगों का मतलब है, और यहां हर खंड इस पर काम करता है मास्टर एडॉन्स प्रो एलिमेंट प्रो से एक अलग लाइसेंस है।

एक अनुभाग और एक पृष्ठ टेम्पलेट के बीच अंतर क्या है?

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

कुछ डाउनलोड एसवीजी फ़ाइलों के साथ क्यों आते हैं?

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

एक खंड से शुरू करें

अपनी साइट पर अनुभाग चुनें जिसे आप कम से कम पसंद करते हैं, इसे ऊपर ढूंढें, और इसे बदलें यह दस मिनट का काम है, और यह तय करता है कि यह पुस्तकालय आपके काम करने के तरीके को फिट करता है या नहीं।

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