एलिमेंटर में लोगो कैरोसेल कैसे बनाएं

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

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

चरण १: लोगो स्लाइडर विजेट जोड़ें

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

चरण २: अपने लोगो जोड़ें

प्रत्येक लोगो एक पुनरावर्तक पंक्ति है: लोगो छवि, एक वैकल्पिक लिंक, और एक वैकल्पिक होवर टेक्स्ट या होवर छवि ऑल्ट टेक्स्ट मीडिया लाइब्रेरी में छवि के ऑल्ट टेक्स्ट फ़ील्ड से आता है।

यहां करने के लिए दो चीजें जो ज्यादातर लोग छोड़ देते हैंः

वास्तविक ऑल्ट टेक्स्ट लिखें। “Acme Corp लोगो,” नहीं “Logo-1.png.” एक लोगो स्ट्रिप उन कुछ स्थानों में से एक है जहां ऑल्ट टेक्स्ट वास्तविक जानकारी देता है, क्योंकि कंपनी के नाम सामग्री हैं स्क्रीन रीडर उपयोगकर्ताओं को “image।” नामक बारह छवियों से कुछ नहीं मिलता है

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

चरण 3: लेआउट और व्यवहार

लोगो स्ट्रिप्स में छवि हिंडोला से अलग डिफ़ॉल्ट हैं, क्योंकि नौकरी अलग है कोई भी लोगो का अध्ययन नहीं करता है वे इसे आधे सेकंड में पंजीकृत करते हैं।

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

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

चरण ४: बेमेल लोगो को सुसंगत बनाएं

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

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

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

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

एक ही समस्या के लिए दो और सुधारः

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

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

चरण ५: ग्रेस्केल होवर

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

लोगो स्लाइडर में कोई ग्रेस्केल स्विच नहीं है, इसलिए इसे करने के दो तरीके हैं क्लाइंट लोगो के रूप में ग्रेस्केल फ़ाइलें अपलोड करें और होवर लोगो छवि के रूप में रंगीन संस्करण अपलोड करें, या कस्टम सीएसएस के साथ लोगो में सीएसएस ग्रेस्केल फ़िल्टर जोड़ें और होवर पर इसे हटा दें कैरोसेल आइटम में अपारदर्शिता सेटिंग लोगो को आराम से लगभग ०.६ और होवर पर १ तक मंद कर सकती है यदि आप सीएसएस का उपयोग करते हैं, तो संक्रमण को २०० से ३०० मीटर की तुलना में तेज़ रखें और यह टिमटिमाता है; धीमा और यह चिपचिपा लगता है।

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

तैयार पट्टी

इसे कहां रखा जाए: नायक के ठीक नीचे, या कार्रवाई के लिए प्राथमिक कॉल के ठीक नीचे दोनों पदों काम करते हैं क्योंकि दोनों ऐसे क्षण हैं जहां एक आगंतुक यह तय कर रहा है कि आप पर भरोसा करना है या नहीं।

इसे कहां नहीं रखना हैः पाद लेख पाद लेख में एक लोगो पट्टी सजावट है कोई भी आश्वस्त होने के लिए पाद लेख पर स्क्रॉल नहीं करता है।

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

कितने लोगो?

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

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

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

अगला

लोगो के बजाय तस्वीरें? अलग विजेट, अलग डिफ़ॉल्टः एलिमेंटर में एक छवि हिंडोला कैसे बनाएं. का एक संग्रह भी है बीस नामित स्लाइडर डिज़ाइन, उनमें से आठ आयात करने के लिए स्वतंत्र हैं, हालांकि कोई भी लोगो स्ट्रिप नहीं है, इसलिए लोगो के लिए लोगो स्लाइडर टूल बना रहता है।

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