उन्नत लुक के लिए इन तत्वों को अपनी वर्डप्रेस साइट में शामिल करें।
क्या आपको ऐसा लगता है कि आपकी वर्डप्रेस साइट थोड़ी सपाट दिख रही है? क्या आपने कभी किसी वेबसाइट पर जाकर सोचा है कि यह पेशेवर क्यों लगती है जबकि आपकी वेबसाइट साधारण लगती है? हमें आपकी वर्डप्रेस साइट को कार्यात्मक और शानदार बनाने का तरीका मिल गया है।
आपकी वर्डप्रेस साइट के लिए सौंदर्य डिजाइन विचार
इससे पहले कि हम आगे बढ़ें, ध्यान रखें कि आमतौर पर कम अधिक होता है, खासकर जब डिजाइन की बात आती है। बेझिझक इनमें से कुछ युक्तियों को अपनी साइट पर लागू करें, लेकिन पागल न हो जाएं। अपनी वेबसाइट को प्रभावों से अव्यवस्थित करने से न केवल यह अधिक शौकिया दिखेगी, बल्कि आप इसके प्रदर्शन को धीमा करने का जोखिम भी उठाएंगे।
जैसा कि कहा गया है, आइए अपनी वर्डप्रेस साइट को सौंदर्य की दृष्टि से अधिक आकर्षक बनाने के लिए कुछ युक्तियों पर गौर करें।
1. होवर प्रभाव
होवर इफ़ेक्ट जोड़ना (ऐनिमेशन जो तब होता है जब आप अपने माउस से किसी ऑब्जेक्ट पर होवर करते हैं) आपकी वेबसाइट को अधिक इंटरैक्टिव और आकर्षक बनाने का एक शानदार तरीका है। होवर प्रभाव किसी भी आवश्यक तत्व की ओर आगंतुक का ध्यान आकर्षित करेगा जिसे आप पॉप बनाना चाहते हैं।
वर्डप्रेस के माध्यम से लिंक का रंग बदलना आसान है, लेकिन यदि आप कुछ वस्तुओं को उछालना, थोड़ा बड़ा करना या स्पंदित करना चाहते हैं, तो आपको वर्डप्रेस प्लगइन की आवश्यकता होगी होवर प्रभाव.
यदि आपने उपयोग किया है तत्त्व अपनी वर्डप्रेस साइट को डिज़ाइन करने के लिए आप इसके माध्यम से होवर इफेक्ट भी जोड़ सकते हैं। एलीमेंटर अपने यूट्यूब चैनल पर होवर प्रभाव जोड़ने के लिए एक आसान ट्यूटोरियल प्रदान करता है।
2. सहज एनिमेशन
सूक्ष्म एनिमेशन आपकी वर्डप्रेस साइट पर अन्तरक्रियाशीलता और शैली की एक परत जोड़ सकते हैं। होवर प्रभावों से भिन्न, आप उपयोगकर्ताओं द्वारा पृष्ठ को नीचे स्क्रॉल करने पर सामग्री को प्रकट करने के लिए फ़ेड-इन्स या ट्रांज़िशन जैसे एनिमेशन सक्षम कर सकते हैं।
जिन तत्वों को आप अलग दिखाना चाहते हैं, उनके लिए हर कुछ पेज की लंबाई में एक एनीमेशन जोड़ने पर विचार करें। यह सुनिश्चित करने के लिए कि वे पृष्ठ पर दबाव न डालें, एनिमेशन का परीक्षण अवश्य करें।
एलिमेंटर के माध्यम से नेविगेट करके एनिमेशन आसानी से जोड़े जा सकते हैं विकसित > गति प्रभाव. यदि आप एलिमेंटर का उपयोग नहीं करते हैं, तो आप जैसे प्लगइन डाउनलोड कर सकते हैं ब्लॉक एनीमेशन.
एक जंप लिंक (जिसे पेज जंप भी कहा जाता है) उपयोगकर्ताओं को एक पेज के भीतर विशिष्ट अनुभागों पर जल्दी से "कूदने" की सुविधा देता है। जंप लिंक का प्रभावी ढंग से उपयोग करके, आपकी साइट पर आने वाला कोई भी व्यक्ति नए पृष्ठ के लोड होने की प्रतीक्षा किए बिना लंबे अनुभागों को नेविगेट करने में सक्षम होगा।
वर्डप्रेस ब्लॉग में एक है पेज जंप जोड़ने पर ट्यूटोरियल ब्लॉक और क्लासिक संपादकों दोनों के लिए।
इन दिनों सोशल मीडिया और बिजनेस साथ-साथ चलते हैं। चाहे आपकी वेबसाइट व्यक्तिगत हो या पेशेवर, सोशल मीडिया फ़ीड को अपनी वर्डप्रेस साइट में एकीकृत करने से दृश्य रुचि बढ़ती है और आपके आगंतुकों के बीच विश्वास की भावना पैदा हो सकती है।
तुम कर सकते हो अपने वर्डप्रेस पोस्ट में ट्वीट एम्बेड करें या जैसे प्लगइन का उपयोग करें उन्हें सामाजिक भोजन खिलाएं. किसी भी तरह, विज़िटर इंटरैक्शन और नेटवर्किंग बढ़ाने के लिए अपनी साइट पर सोशल मीडिया तत्वों को जोड़ने पर विचार करें।
भले ही आप इस शब्द से परिचित न हों, फिर भी आपने संभवतः लंबन स्क्रॉलिंग को क्रियान्वित होते देखा होगा। लंबन स्क्रॉलिंग के साथ, पृष्ठभूमि छवियां अग्रभूमि में सामग्री की तुलना में एक अलग गति से चलती हैं, जिससे उपयोगकर्ताओं द्वारा पृष्ठ को नीचे स्क्रॉल करने पर एक अद्वितीय, 3डी जैसा प्रभाव पैदा होता है।
आप सीएसएस, एलीमेंटर, या जैसे प्लगइन के माध्यम से लंबन प्रभाव लागू कर सकते हैं उन्नत वर्डप्रेस पृष्ठभूमि.
6. वीडियो पृष्ठभूमि
जब उचित रूप से उपयोग किया जाता है, तो वीडियो पृष्ठभूमि आगंतुकों का ध्यान आकर्षित कर सकती है और आपके पृष्ठ को बहुत पेशेवर बना सकती है। निर्बाध लूप वाला उच्च-गुणवत्ता वाला वीडियो चुनें जो पृष्ठ पर अन्य तत्वों पर हावी न हो।
हमने जो कुछ भी उल्लेख किया है उसका उपयोग संयम से किया जाना चाहिए, लेकिन अतिरिक्त सावधानी बरतें कि इसे वीडियो पृष्ठभूमि के साथ ज़्यादा न करें। जब संदेह हो, तो अपनी पूरी साइट के लिए एक या दो पर टिके रहें।
आप एलिमेंटर या जैसे प्लगइन के माध्यम से अपनी साइट पर एक वीडियो पृष्ठभूमि जोड़ सकते हैं वीडियो पृष्ठभूमि.
7. कॉल-टू-एक्शन (सीटीए) बटन
भले ही आप कुछ भी नहीं बेच रहे हों, CTA बटन आपके आगंतुकों को यह बताने के लिए महत्वपूर्ण हैं कि आगे क्या करना है। क्लिक करने योग्य सीटीए बटन जो लोगों को आपके न्यूज़लेटर की सदस्यता लेने, परामर्श शेड्यूल करने या उद्धरण का अनुरोध करने के लिए कहते हैं, आपकी साइट की रूपांतरण दर को बढ़ा सकते हैं।
विपरीत रंगों और सम्मोहक टेक्स्ट के साथ कुछ अच्छी तरह से रखे गए CTA बटन जोड़ने का प्रयास करें। आप एलीमेंटर के माध्यम से सीटीए बटन जोड़ सकते हैं या प्लगइन का उपयोग कर सकते हैं आइसग्राम एंगेज.
8. चिपचिपा हेडर
एक चिपचिपा हेडर (जिसे एक निश्चित मेनू भी कहा जाता है) स्क्रीन के शीर्ष पर तब भी स्थिर रहता है, जब उपयोगकर्ता आपके पृष्ठ को नीचे स्क्रॉल करते हैं। स्टिकी हेडर आपके घर और संपर्क पृष्ठों जैसे महत्वपूर्ण तत्वों तक त्वरित पहुंच प्रदान करने के लिए बहुत अच्छे हैं।
पर जाकर CSS के माध्यम से स्टिकी हेडर को जोड़ा जा सकता है उपस्थिति > अतिरिक्त सीएसएस और उचित कोड दर्ज करना। आप जैसे प्लगइन का भी उपयोग कर सकते हैं स्टिकी मेनू और स्टिकी हैडर.
9. शास्त्र
आइकन न केवल महान दृश्य सहायक हैं जो जानकारी को संक्षेप में संप्रेषित करते हैं, बल्कि वे आपकी वेबसाइट को और अधिक सुलभ भी बनाते हैं। अध्ययनों से पता चला है कि दृश्य तत्व डिस्लेक्सिक और गैर-डिस्लेक्सिक दोनों पाठकों को पाठ्य जानकारी को अधिक तेज़ी से और आसानी से नेविगेट करने में मदद करते हैं।
अपनी सामग्री को आसानी से स्कैन करने योग्य बनाने के लिए, विशेष रूप से टेक्स्ट-भारी अनुभागों में, कुछ प्रासंगिक आइकन जोड़ने का प्रयास करें। एक सुसंगत आइकन शैली का उपयोग करके अपनी साइट पर एक परिष्कृत, समान रूप बनाए रखें। आप विभिन्न साइटों के माध्यम से निःशुल्क आइकन पा सकते हैं फ़्लैटिकॉन या freeicons.io.
10. LottieFiles के साथ एनिमेशन
अपने आइकनों को एनिमेट करके एक पायदान ऊपर उठाएं वर्डप्रेस के लिए LottieFiles प्लगइन. लॉटरी एनिमेटेड तत्व हैं जो जीआईएफ की तुलना में तेजी से लोड होते हैं और आपके ब्रांड के अनुरूप रंग अनुकूलित किए जा सकते हैं। आप प्लगइन के भीतर बहुत सारे मुफ्त डिज़ाइन पा सकते हैं, या आफ्टरइफेक्ट्स में अपनी खुद की लॉटी बनाएं या समान सॉफ़्टवेयर.
वर्डप्रेस डिज़ाइन सर्वोत्तम अभ्यास
अब जब हमने वर्डप्रेस के कुछ अधिक सजावटी तत्वों पर गौर कर लिया है, तो आइए अपनी साइट को आकर्षक बनाए रखने के लिए कुछ बुनियादी डिज़ाइन प्रथाओं की समीक्षा करें।
- कम अधिक है: डिज़ाइन तत्वों और नकारात्मक स्थान के बीच सही संतुलन ढूंढें।
- फ़ॉन्ट, लोगो और रंगों सहित लगातार ब्रांडिंग करें अपने ब्रांड स्टाइल गाइड का पालन करें.
- रंग सिद्धांत का प्रयोग करें और मनोविज्ञान आपके दर्शकों में वांछित भावनाएँ जगाने के लिए।
- दर्शकों को जानकारी पचाने में मदद करने के लिए एक स्पष्ट दृश्य पदानुक्रम रखें।
- अपनी साइट को सभी उपकरणों और स्क्रीन आकारों के लिए अनुकूलित करें।
- मित्रों और परिवार से अपनी साइट का परीक्षण कराएं और डिज़ाइन सुधार के लिए बग या विचारों के साथ रिपोर्ट करें।
अपनी वर्डप्रेस साइट को विशिष्ट बनाएं
यदि आप महसूस कर रहे हैं कि आपकी वर्डप्रेस साइट कुछ ज्यादा ही बुनियादी है, तो एनिमेशन, गतिशील पृष्ठभूमि और स्टिकी हेडर जैसे विचारशील विवरण चीजों को बेहतर बनाने के लिए एकदम सही हो सकते हैं। याद रखें कि विशेष प्रभावों का अति प्रयोग न करें अन्यथा आप अपनी साइट के प्रदर्शन को बदल देंगे। अपनी वर्डप्रेस साइट को कस्टमाइज़ करते समय डिज़ाइन की सर्वोत्तम प्रथाओं को हमेशा ध्यान में रखें।
इसके बारे में बोलते हुए, क्या आपकी वर्तमान वर्डप्रेस थीम आपके लिए काम कर रही है? वर्डप्रेस थीम चुनने से पहले कुछ बातों पर विचार करना होगा और यदि आप चीजों को बदलना चाहते हैं तो आपकी साइट को सुधार से लाभ हो सकता है।