एलिमेंटर फूटर टेम्पलेट्स: ३४ तैयार डिजाइन

मास्टर ऐडऑन से एलिमेंटर फूटर टेम्प्लेट: ३४ तैयार किए गए फूटर डिज़ाइन, लिंक कॉलम, एक न्यूज़लेटर फॉर्म और कॉल-टू-एक्शन बैंड के साथ वेबसाइट फूटर के ढेर के रूप में दिखाए गए हैं

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

नीचे मास्टर एडॉन्स लाइब्रेरी में ३४ एलिमेंटर पादलेख टेम्पलेट हैं, जिस तरह की साइट वे सूट करते हैं, उसके अनुसार समूहीकृत प्रत्येक में एक स्क्रीनशॉट और एक लाइव डेमो होता है जो एक नए टैब में खुलता है आप उन्हें फुटर्स टैब से सम्मिलित करते हैं मास्टर ऐडऑन टेम्पलेट लाइब्रेरी. में पादकार निर्माता मास्टर एडॉन्स थीम बिल्डर मुफ़्त है, और एक आयात एलिमेंटर प्रो के बिना प्रत्येक पृष्ठ पर पाद लेख डालता है।

पृष्ठ के शीर्ष की तलाश है? हमारा एलिमेंटर हेडर टेम्पलेट्स पोस्ट में 43 हेडर हैं, और यहां कई फ़ुटर एक ही किट से आते हैं।

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

साइट प्रकार के अनुसार 34 एलिमेंटर फूटर टेम्पलेट

३४ पाद पांच समूहों में आते हैं अपनी साइट के सबसे करीब एक को चुनें और निर्णय लेने से पहले दो या तीन डेमो को एक साथ खोलें।

पाद लेख प्रकारडिजाइनवे क्या साझा करते हैंजहां
सास और स्टार्टअप8लोगो और परिचय प्लस तीन या चार लिंक कॉलमकूद
सीटीए और न्यूज़लेटर6लिंक के ऊपर एक शीर्षक, परीक्षण प्रपत्र या साइनअपकूद
स्थानीय व्यापार और सेवा9फ़ोन, पता और खुलने का समयकूद
दुकान और ब्लॉग4भुगतान चिह्न, पोस्ट या कई श्रेणी लिंककूद
क्लासिक और न्यूनतम7चार कॉलम, या सामाजिक लिंक वाला एक केन्द्रित लोगोकूद

सास और स्टार्टअप एलिमेंटर पाद टेम्पलेट्स

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

एक ब्रांड परिचय और कंपनी, उत्पाद और संसाधन लिंक के साथ क्राफ्टोवा सास एलिमेंटर फूटर टेम्पलेट

एक छोटा पाद लेख: बाईं ओर ब्रांड परिचय, दाईं ओर कंपनी, उत्पाद और संसाधन लिंक इसका उपयोग तब करें जब इसके ऊपर के पृष्ठ पहले से ही लंबे हों।

काले चार-स्तंभ वाले पाद लेख के ऊपर झुके हुए बैंगनी प्रोमो बैंड के साथ फिनिक्स सास एलिमेंटर पाद लेख टेम्पलेट

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

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

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

पृष्ठों, संसाधनों और कंपनी लिंक और एक बॉटम लिंक बार के साथ लीड लिफ्ट SaaS एलिमेंटर पादलेख टेम्पलेट

पेज, संसाधन और कंपनी कॉलम ऊपर की ओर, फिर एक निचली पट्टी जो कॉपीराइट लाइन के बगल में कुछ त्वरित लिंक दोहराती है।

एक छोटे ब्रांड परिचय, तीन लिंक कॉलम और सामाजिक आइकन के साथ नेक्सिस सास एलिमेंटर पादलेख टेम्पलेट

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

कंपनी और सामाजिक लिंक के ऊपर कार्रवाई के लिए 14-दिवसीय निःशुल्क परीक्षण कॉल के साथ ऑप्टिव्यू सास एलिमेंटर फूटर टेम्पलेट

शीर्ष पंक्ति कहती है “आइए १४ दिनों के लिए शुरू करेंएक पीले परीक्षण बटन के बगल में” इसके नीचे एक पंक्ति उत्पाद परिचय और काले पर कंपनी और सामाजिक कॉलम हैं।

चार लिंक कॉलम और एक लोगो और कॉपीराइट बॉटम बार के साथ सेमप्ला सास एलिमेंटर फूटर टेम्पलेट

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

सामाजिक आइकन और कंपनी, सहायता और संसाधन लिंक कॉलम के साथ जैप्लिटे सास एलिमेंटर पादलेख टेम्पलेट

सामाजिक चिह्न लोगो के नीचे बैठते हैं, और कंपनी, सहायता और संसाधन कॉलम एक साफ सफेद लेआउट के दाईं ओर भरते हैं।

सीटीए या न्यूज़लेटर के साथ पाद टेम्पलेट

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

एक उल्लिखित के साथ डार्क एजेंसी एलिमेंटर पादलेख टेम्पलेट हमसे संपर्क करें सेवाओं, केस स्टडीज और न्यूज़लेटर कॉलम के ऊपर बॉक्स

एक उल्लिखित हमसे संपर्क करें बॉक्स चार अंधेरे स्तंभों के ऊपर स्थित है: एक परिचय, सेवाएँ, केस अध्ययन और एक न्यूज़लेटर साइनअप।

उत्पाद, कंपनी, समर्थन और संपर्क कॉलम के ऊपर न्यूज़लेटर साइनअप बार के साथ एलिमेंटर पादलेख टेम्पलेट

एक ईमेल फ़ील्ड और सदस्यता बटन के साथ एक न्यूज़लेटर बार शीर्ष पर चलता है इसके नीचे उत्पाद, कंपनी और समर्थन कॉलम और एक संपर्क कॉलम हैं।

एक गहरे गोल कार्ड और निःशुल्क आरंभ करें बटन के साथ टेकबाइट एजेंसी एलिमेंटर फूटर टेम्पलेट

एक गहरे गोलाकार कार्ड में पूछा गया है “एक अद्भुत प्रोजेक्ट है?” जिसके बगल में एक गेट स्टार्टेड बटन है। एक पतली रेखा के नीचे टेकबाइट नाम, एक दो-पंक्ति परिचय और टेक्स्ट सोशल लिंक हैं।

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

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

बैंगनी रंग पर ईमेल परीक्षण साइनअप, लिंक कॉलम और संपर्क विवरण के साथ सब्रियन सास एलिमेंटर पादलेख टेम्पलेट

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

नौकरी श्रेणी लिंक और एक नौकरी चेतावनी ईमेल साइनअप के साथ शिफ्टफ्लो जॉब बोर्ड एलिमेंटर फूटर टेम्पलेट

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

स्थानीय व्यापार और सेवा पादलेख टेम्पलेट

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

होमएक्सिस रियल एस्टेट एलिमेंटर पादलेख टेम्पलेट संपर्क विवरण, नेविगेशन लिंक और कार्यालय स्थान के साथ

फोन, ईमेल और कार्यालय स्थान नेविगेशन और संसाधन लिंक के बगल में बैठते हैं किसी भी लिस्टिंग पृष्ठ पर एक खरीदार यहां से एक एजेंट तक पहुंच सकता है।

टेकपार्ट आईटी कंपनी एलिमेंटर फूटर टेम्पलेट दो-कॉलम पृष्ठ सूची के साथ और हमारे लिंक का अनुसरण करें

प्रत्येक पृष्ठ की दो-स्तंभ सूची और फॉलो अस लिंक, टेकपार्ट हेडर के समान चौड़ाई में बॉक्स किए गए हैं।

मेनू पंक्ति, संपर्क विवरण और नौसेना पर स्थान के साथ बालानसिक थेरेपी क्लिनिक एलिमेंटर फूटर टेम्पलेट

एक मेनू पंक्ति शीर्ष पर चलती है, संपर्क विवरण और नौसेना पर इसके नीचे क्लिनिक स्थान के साथ यह बालानसिक किट की शांत दूरी रखता है।

क्लीनर सफाई सेवा सेवाओं, त्वरित लिंक, फोन, ईमेल और पते के साथ एलिमेंट पाद लेख टेम्पलेट

सेवाओं की सूची, त्वरित लिंक और लेबल वाले फोन, ईमेल और पता लाइनों के साथ एक सफेद पाद लेख।

गहरे नीले रंग पर टैगलाइन और कंपनी, सेवाओं और सामाजिक लिंक के साथ सफाई सफाई सेवा एलिमेंटर फूटर टेम्पलेट

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

पेज लिंक और चार-फोटो इंस्टाग्राम ग्रिड के साथ पाक रेस्तरां एलिमेंटर फूटर टेम्पलेट

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

नौसेना पर सेवाओं, खुलने के समय, पते और फोन के साथ डेंटल क्लिनिक एलिमेंटर पादलेख टेम्पलेट

नौसेना पर सेवाएँ, खुलने का समय, क्लिनिक का पता, फ़ोन और ईमेल। मरीज़ किसी भी पृष्ठ से आपके घंटे देख सकते हैं।

एक बड़े लोगो, एक टैगलाइन और पते, फोन और सामाजिक लिंक के साथ ग्रिप एजेंसी एलिमेंटर फूटर टेम्पलेट

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

प्लंबिक प्लंबिंग सेवा एलिमेंटर फूटर टेम्पलेट पृष्ठों, कॉल और ईमेल विवरण, स्थान और घंटों के साथ

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

दुकान और ब्लॉग पाद लेख टेम्पलेट्स

दुकानों और ब्लॉगों के लिए पाद लेख: भुगतान आइकन, नवीनतम पोस्ट, व्यावसायिक घंटे और श्रेणियों के लिए कई लिंक कॉलम।

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

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

नीले व्यावसायिक घंटे कार्ड के बगल में पते, फोन और ईमेल के साथ डार्क एलिमेंटर पादलेख टेम्पलेट

बाईं ओर पता, फोन और ईमेल और दाईं ओर एक नीला व्यावसायिक घंटे कार्ड।

उत्पाद, कंपनी और समर्थन लिंक और वीज़ा, मास्टरकार्ड और पेपैल आइकन के साथ स्टोर एलिमेंटर पादलेख टेम्पलेट

उत्पाद, कंपनी और समर्थन लिंक उनके तहत वीजा, मास्टरकार्ड और पेपैल आइकन के साथ खरीदार देखते हैं कि आप चेकआउट से पहले कौन से कार्ड लेते हैं।

सार्टिवो फैशन स्टोर एलिमेंटर फूटर टेम्पलेट पांच लिंक कॉलम, भुगतान आइकन और एक न्यूज़लेटर फॉर्म के साथ

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

क्लासिक और न्यूनतम पादलेख टेम्पलेट

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

लोगो, एक संक्षिप्त परिचय, पता, फोन और सामाजिक आइकन के साथ केंद्रित डार्क एलिमेंटर फूटर टेम्पलेट

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

एक केंद्रित लोगो, रंगीन सामाजिक बटन और एक केंद्रित मेनू के साथ न्यूनतम एलिमेंटर पादलेख टेम्पलेट

एक केंद्रित लोगो, रंगीन सामाजिक बटन की एक पंक्ति और एक केंद्रित मेनू यह यहां दो सबसे छोटे पाद लेख में से एक है, जो मिनिमल ब्लू सोशल के बगल में है।

संपर्क विवरण, उपयोगी लिंक, सदस्यता पाठ और एक इंस्टाग्राम ग्रिड के साथ डार्क चार-कॉलम एलिमेंटर पादलेख टेम्पलेट

संपर्क विवरण, उपयोगी लिंक, एक सदस्यता नोट और चार अंधेरे स्तंभों में एक इंस्टाग्राम फोटो ग्रिड, नीचे एक कॉपीराइट बार के साथ।

गेट डायरेक्शन बटन, सेवाओं और कंपनी लिंक और न्यूज़लेटर साइनअप के साथ डार्क एलिमेंटर पादलेख टेम्पलेट

दिशा प्राप्त करें बटन, सेवाओं और कंपनी लिंक और न्यूज़लेटर साइनअप के साथ एक गहरा पाद लेख।

संपर्क विवरण, उपयोगी लिंक और एक इंस्टाग्राम फोटो ग्रिड के साथ चार-कॉलम एलिमेंटर पादलेख टेम्पलेट को हल्का करें

इंस्टाग्राम ग्रिड के नीचे अधिक देखें लिंक के साथ, सफेद रंग पर वही चार-कॉलम लेआउट।

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

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

पाठ्यक्रम सूची, सामाजिक बटन और न्यूज़लेटर साइनअप के साथ शिक्षा एलिमेंटर पाद लेख टेम्पलेट

पाठ्यक्रम सूची, रंगीन सामाजिक बटन और पाठ्यक्रम घोषणाओं के लिए न्यूज़लेटर साइनअप के साथ एक हल्का पाद लेख।

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

वेबसाइट पाद लेख में क्या डालना है

एक वेबसाइट पाद लेख को उन चीजों को पकड़ना चाहिए जो आगंतुक मेनू में नहीं मिल सकते हैं जब वे उन्हें मेनू में नहीं ढूंढ सकते हैं अधिकांश अच्छे पाद लेख इन सात वस्तुओं को शामिल करते हैंः

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

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

वेबसाइट पाद लेख डिजाइन: क्या काम करता है और क्या से बचने के लिए

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

सबसे अच्छा वेबसाइट पाद लेख क्या करते हैं

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

सामान्य पाद डिजाइन गलतियाँ

ये मूल टेम्पलेट्स में बार-बार आए थे वे सभी अब तय हो गए हैं, और वे आपके द्वारा बनाए गए या खरीदे गए किसी भी पाद लेख में जांच करने लायक हैंः

  • प्लेसहोल्डर टेक्स्ट में छोड़ दिया गया है: सत्रह फ़ुटर्स के पास अभी भी लोरेम इप्सम या नमूना प्रति थी, और कुछ ने गलत ब्रांड का नाम दिया था, जैसे कि फिनिक्स फ़ुटर जिसने फ्री” के लिए “try टर्मिक्स कहा था।
  • प्रत्येक कॉलम में समान लिंक: नौ पाद लेख अलग-अलग कॉलम शीर्षकों के तहत एक ही लिंक को दोहराते हैं प्रत्येक कॉलम के लिए एक अलग वर्डप्रेस मेनू बनाएं।
  • लेबल जो मूल्य से मेल नहीं खाते हैं, जैसे कि ईमेल पते के ऊपर “फोन:”।
  • कम-कंट्रास्ट बटन और टेक्स्ट: एक डेमो बटन में 2.0:1 पर हल्के हरे रंग पर सफेद टेक्स्ट था। WCAG सामान्य टेक्स्ट के लिए 4.5:1 मांगता है।
  • बिना सबमिट बटन वाले साइनअप फॉर्म, या फॉर्म प्लगइन गायब होने के कारण कच्चा शॉर्टकोड दिखाया जा रहा है।
  • बिना किसी लिंक वाले सामाजिक चिह्न, और एक कॉपीराइट वर्ष जो कई वर्ष पुराना है।

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

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

अपनी साइट पर एलिमेंटर पादलेख टेम्पलेट कैसे जोड़ें

एक पाद लेख एक थीम बिल्डर टेम्पलेट है: आप इसे एक बार बनाते हैं और यह हर पृष्ठ के नीचे दिखाई देता है मास्टर एडॉन्स में पाद बिल्डर मुफ्त है और कोर एलिमेंट के साथ काम करता है, इसलिए आपको एलिमेंट प्रो की आवश्यकता नहीं है।

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

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

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

पाद लेख, हेडर, अनुभाग या किट: आपको किस टेम्पलेट की आवश्यकता है?

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

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

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

एलिमेंटर पादलेख टेम्पलेट क्या है?

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

मैं एलिमेंट में एक पाद कैसे जोड़ूं?

मास्टर ऐडऑन → थीम बिल्डर पर जाएं, प्रकार पाद लेख के साथ एक नया टेम्पलेट जोड़ें और इसे एलिमेंटर में खोलें मास्टर ऐडऑन टेम्पलेट लाइब्रेरी के पाद लेख टैब से एक डिज़ाइन डालें, पाठ और लिंक संपादित करें, शामिल करने के लिए शर्त सेट करें → पूरी साइट और प्रकाशित करें।

क्या एलिमेंटर में हेडर और फूटर बिल्डर है?

एलिमेंटर प्रो में एक है मास्टर एडॉन्स में हेडर और फूटर टेम्पलेट्स के साथ एक थीम बिल्डर भी है, और इसके हेडर और फूटर बिल्डर्स मुफ्त हैं, इसलिए आप अकेले कोर एलिमेंटर और मास्टर एडॉन्स के साथ साइट-वाइड फूटर बना सकते हैं।

मुझे वेबसाइट पाद लेख में क्या शामिल करना चाहिए?

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

एक अच्छा पाद डिजाइन क्या बनाता है?

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

सामान्य पाद डिजाइन गलतियाँ क्या हैं?

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

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

एलिमेंटर प्रो में कुछ शामिल हैं इसकी लाइब्रेरी में यह पृष्ठ मास्टर एडॉन्स टेम्पलेट लाइब्रेरी में ३४ पाद दिखाता है, प्रत्येक लाइव डेमो के साथ, और आप उन्हें एलिमेंटर संपादक के अंदर पाद टैब से सम्मिलित करते हैं।

एक पाद लेख उठाओ, इसे एक बार सेट करें

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

संबंधित पढ़नाः एलिमेंट टेम्पलेट कैसे आयात करें, एलिमेंटर हेडर टेम्पलेट्स और पाद लेख बनाने के लिए एलिमेंट की अपनी मार्गदर्शिका.

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

एक उत्तर छोड़ें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड चिह्नित हैं *