लेखक: Neil Lock

  • नेमके शॉर्टकोड्स म्हणजे तरी नक्की काय आहेत?

    What-Are-Shortcodes-Anywayतुमच्या लक्षात आले असेल, तर प्रत्येकासाठी—नवशिक्या आणि अनुभवी डेव्हलपर दोघांसाठीही—गोष्टी नेहमी, नेहमी थोड्या सोप्या करणे हा वर्डप्रेसचा एक मूलभूत नियम आहे. हे उद्दिष्ट साध्य करण्याचा एक मार्ग म्हणजे शॉर्टकोड्सचा वापर करणे.

    WordPress.com सपोर्ट पेज त्यांची व्याख्या पुढीलप्रमाणे करते:

    shtहे ऐकायला खूप सोपे वाटते. आता, जर तुम्ही या लेखापूर्वी शॉर्टकोड्सबद्दल ऐकले नसेल आणि ते कसे दिसतात हे तुम्हाला माहीत नसेल, तर ते चौकोनी कंसात बंदिस्त केलेले जुन्या पद्धतीच्या कोडसारखा मजकूर असतात.

    सामान्य कोडच्या तुलनेत, जो सहसा असा दिसतो:

    HTML5-video-tag-sample-code
    (अं. काय?)

    शॉर्टकोड्स साधारण असे दिसतात:

    embed_shortcode
    (एकदम सोपे.)

    …आणि जर तुम्ही डेव्हलपर असाल (किंवा अगदी संगणक किमान दोनदा वापरलेली व्यक्ती असाल), तर एखादे छोटेसे काम पूर्ण करण्यासाठी केवळ टाइप करणे आणि क्लिक करणे यात तुमचा बराच वेळ जाऊ शकतो, याशी तुम्ही बहुधा सहमत व्हाल. ज्या कारणासाठी आपल्याकडे कीबोर्ड शॉर्टकट असतात, त्याचप्रमाणे आपल्या सर्वांसाठी गोष्टी सोप्या करण्यासाठी शॉर्टकोड्स असतात, जेणेकरून अधिक चांगल्या गोष्टी करण्यासाठी आणि तयार करण्यासाठी आपला वेळ वाचेल; त्यांचा उद्देश अगदी तसाच असल्याने ते बर्‍याच अंशी शॉर्टकट कीजसारखेच असतात.

    आता पुन्हा या विशिष्ट शॉर्टकोडकडे वळूया, जो वर दिलेल्याप्रमाणेच आहे:

    embed-shortcode या विशिष्ट शॉर्टकोडला embed shortcode म्हटले जाते आणि तो वर्डप्रेसमध्ये बाय डीफॉल्ट इन-बिल्ट असतो. तो URL वरून व्हिडिओ तुमच्या कंटेंटमध्ये एम्बेड करतो. जर तुम्ही सध्या वर्डप्रेसवर असाल, तर ते वापरून पाहण्यासाठी तुम्ही वरील शॉर्टकोड कॉपी करून तुमच्या साइटवर पेस्ट करू शकता.

    तथापि, वेळ वाचवण्यासाठी शॉर्टकोड्स हा परिपूर्ण पर्याय नाही. आमच्या मागील लेखात, शॉर्टकोड्सचे स्वतःचे काही तोटे का आहेत आणि त्यावर मात करण्यासाठी सँडविच टीम काय योजना आखत आहे, याविषयी आम्ही सविस्तर चर्चा केली आहे.

    तूर्तास, शॉर्टकोड्स वापरून पहा आणि ते तुमच्यासाठी काय करू शकतात ते अनुभवा.

    साइट-बिल्डिंगच्या शुभेच्छा!

  • शॉर्टकोड्सची न बोललेली समस्या

    The-Unspoken-Problem-of-Shortcodes

    शॉर्टकोड्स हे वर्डप्रेसच्या सर्वोच्च वैशिष्ट्यांपैकी एक आहेत. शॉर्टकोड्स हे डेव्हलपर्स आणि साइट तयार करणाऱ्यांमधील एक दुवा आहेत, जे लोकांना त्यांच्या इच्छेनुसार जवळजवळ कुठेही विस्तृत मजकूर ठेवण्याची अनुमती देतात. प्लगइन निर्मात्यांना शॉर्टकोड्स आवडतात कारण यामुळे त्यांचे वापरकर्ते त्यांचा मजकूर कसा आणि कुठे प्रदर्शित करतात यामध्ये अधिक लवचिकता मिळते.

    शॉर्टकोड्स म्हणजे काय आणि ते कसे दिसतात हे जर तुम्हाला माहित नसेल, तर ते चौकटी कंसात बंदिस्त केलेले जुन्या पद्धतीचे कोडसारखे मजकूर असतात. ते साधारण असे दिसतात:

    ह्या विशिष्ट शॉर्टकोडला एम्बेड शॉर्टकोड म्हणतात आणि तो वर्डप्रेसमध्ये बाय डीफॉल्ट समाविष्ट असतो. हा विशिष्ट शॉर्टकोड URL मधील व्हिडिओ तुमच्या मजकुरामध्ये एम्बेड करतो. तुम्हाला हे वापरून पाहायचे असल्यास फक्त वरील शॉर्टकोड कॉपी करा आणि तुमच्या साइटवर पेस्ट करा.

    पडद्यामागे नक्की काय घडते, तर जेव्हा वर्डप्रेसला तुमच्या मजकुरात एखादा शॉर्टकोड आढळतो, तेव्हा त्यावर प्रक्रिया केली जाते आणि त्याचे रूपांतर दुसऱ्या कशात तरी केले जाते. आपल्या वरील उदाहरणामध्ये, जेव्हा केव्हा एक

    शॉर्टकोड आढळतो, तेव्हा वर्डप्रेस शॉर्टकोडमधील URL घेते आणि तिच्याकडे असलेल्या अनेक कंटेंट प्रोव्हायडर्सच्या सूचीशी त्याची पडताळणी करते. जेव्हा त्याला एखादा मिळतो, तेव्हा तो योग्य iframe एम्बेड कोड मिळवतो आणि त्याऐवजी तो प्रदर्शित करतो.

    मग इथे समस्या काय आहे? हे ऐकायला अगदी सोपे वाटते, तुम्ही फक्त कंसासह एक छोटा मजकूर टाकता आणि तुमचे काम झाले.

    इथे प्रवेश होतो शॉर्टकोड API चा..

    शॉर्टकोड्सची रेलचेल

    शॉर्टकोड API मुळे डेव्हलपर्ससाठी शॉर्टकोड्स तयार करण्याचे दालन खुले होते. यामुळे, डेव्हलपर्स त्यांच्या प्लगइन्समध्ये त्यांचे स्वतःचे शॉर्टकोड्स जोडू शकतात.

    हे उत्तम आहे, आता फक्त एका लहान कोडसारख्या स्निपेटच्या मदतीने (म्हणूनच “शॉर्टकोड” हे नाव), नवशिक्या आणि प्रगत वापरकर्ते दोघेही त्यांना हवा असलेला कोणत्याही प्रकारचा मजकूर कुठेही जोडू शकतात.

    वर्डप्रेसमध्ये डीफॉल्टनुसार फक्त मोजकेच शॉर्टकोड्स असतात. ते थोडेच असल्याने लक्षात ठेवून टाईप करणे सोपे असते. पण जर तुम्ही काही प्लगइन्स इन्स्टॉल केले, तर शॉर्टकोड्सची संख्या झपाट्याने वाढून डझनभर किंवा त्याहून अधिक होते, आणि काही प्रकरणांमध्ये शंभरपेक्षाही जास्त. प्रत्येक शॉर्टकोडचे स्वतःचे ॲट्रिब्युट्स आणि ते कसे वापरावे याबद्दलच्या सूचना असतात. प्रत्येक प्लगइनमध्ये बहुधा त्यांचे सर्व शॉर्टकोड्स कसे कार्य करतात याबद्दल काही प्रकारचे दस्तऐवजीकरण असते आणि प्रत्येकामध्ये उपलब्ध असलेले सर्व पॅरामीटर्स सूचीबद्ध केलेले असतात. परंतु जर तुम्ही सर्व शॉर्टकोड्स आणि त्यांचे ॲट्रिब्युट्स पाठ करण्याचा प्रयत्न केला, तर ते वेडेपणाचे ठरेल.

    समस्या अशी आहे की अशी कोणतीही केंद्रीकृत जागा नाही जिथे तुम्हाला तुमच्या साइटवर उपलब्ध असलेले सर्व शॉर्टकोड्स आणि ते कसे वापरावे हे शोधता येईल.

    काहीजण ही समस्या सोडवण्याचा प्रयत्न करतात

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

    Screen-Shot-2016-06-22-at-11.27.09-AM

    काहीजण आणखी पुढे जाऊन शॉर्टकोडचे ॲट्रिब्युट्स भरण्यासाठी चेकबॉक्सेस आणि कलर पिकर्स असलेला एक सेटिंग्स पॉपअप फॉर्म जोडतात.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    हा उपाय काही प्रमाणात काम करतो. तथापि, प्रत्येक प्लगइन फक्त स्वतःचेच शॉर्टकोड्स दाखवतो. त्यामुळे जर प्रत्येक प्लगइनने स्वतःचा शॉर्टकोड पिकर तयार केला, तर तुमच्या स्क्रीनवर एकापेक्षा जास्त शॉर्टकोड पिकर्स दिसण्याची वेळ नक्कीच येईल (माझ्या बाबतीत असे पूर्वी घडले आहे).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    दुसऱ्या शब्दांत सांगायचे तर, प्रत्येक प्लगइन आपापल्या पद्धतीने काम करतो आणि स्वतःच्या शॉर्टकोड्ससाठी स्वतःचा उपाय लागू करतो. काही प्लगइन्स एकतर “Add Media” बटणाशेजारी नवीन बटण जोडतात, किंवा TinyMCE च्या आत नवीन बटण जोडतात.

    म्हणून आता तुम्ही विचार करत असाल, “इतर प्लगइन्सचे शॉर्टकोड्स देखील गोळा करून ते तुमच्या ड्रॉपडाउन / शॉर्टकोड पिकरमध्ये का समाविष्ट करू नये?” बरं, मीही अगदी असाच विचार केला होता. पण, हे बोलणे जितके सोपे आहे तितके करणे सोपे नाही. मी थोड्याच वेळात त्याचे कारण समजावून सांगेन, पण आधी एक आदर्श उपाय कसा दिसेल ते पाहूया.

    आदर्श उपाय

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

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

    अशा गोष्टीमुळे वेबसाइट आणि मजकूर निर्माते म्हणून आपले जीवन अधिक सोपे होईल. तुम्हाला वापरायचा असलेल्या स्लाइडरसाठी जनरेट केलेला शॉर्टकोड फक्त कॉपी करण्यासाठी वेगवेगळी डॉक्युमेंटेशन्स किंवा तुमच्या ॲडमिनचे वेगवेगळे भाग तपासण्याची आता गरज राहणार नाही.

    खरी अडचण

    दुर्दैवाने, सध्या तसे काही करणे खूप कठीण आहे. शॉर्टकोडचे सर्व तपशील जाणून घेण्याचा कोणताही खात्रीशीर मार्ग नाही. तुम्हाला सर्व शॉर्टकोड्सची सूची मिळू शकते, परंतु फक्त त्यांचे प्रत्यक्ष टॅग्स/नावे; तुम्हाला त्यांच्याबद्दल कोणतेही अतिरिक्त तपशील मिळू शकत नाहीत जसे की ॲट्रिब्युट्सची सूची, ते काय करतात आणि त्यांचे प्रकार – जसे की स्ट्रिंग, रंग किंवा संख्या. तसेच प्रत्येक ॲट्रिब्युटसाठी वर्णनाचा अंदाजही तुम्हाला मिळू शकत नाही.

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

    शॉर्टकोड API शॉर्टकोडची वर्णने, टाइप कास्टिंग ॲट्रिब्युट्स किंवा ॲट्रिब्युटची वर्णने जोडण्यासाठी कोणतीही सुविधा प्रदान करत नाही. आणि जोपर्यंत वर्डप्रेस स्वतः शॉर्टकोड्स वापरण्यासाठी मध्यवर्ती जागा जोडत नाही, तोपर्यंत ही सुविधा तयार केली जाईल याबद्दल मला शंका आहे.

    निष्कर्ष

    सध्या शॉर्टकोड्स व्यवस्थित ठेवण्याचे काम प्रत्येक डेव्हलपरवर सोडले आहे. जोपर्यंत वर्डप्रेसमध्ये एखादी मध्यवर्ती पद्धत विकसित होत नाही, तोपर्यंत तुमच्या बॅकएंडमध्ये अनेक “Add Shortcode” बटणे पाहत राहण्याची अपेक्षा ठेवा. अशी एखादी गोष्ट वर्डप्रेस कोअरमध्ये जोडली जावी की नाही ही स्वतःमध्येच आणखी एक मोठी चर्चा आहे.

    एक पर्याय

    असे काही पेज बिल्डर प्लगइन्स आहेत जे या समस्येकडे वेगळ्या पद्धतीने पाहतात. प्रोग्रॅमॅटिकली शॉर्टकोड्स शोधण्याऐवजी, त्यांच्याकडे शॉर्टकोड मॅपर्स असतात जिथे वापरकर्ते शॉर्टकोडचा प्रत्येक तपशील मॅन्युअली प्रविष्ट करू शकतात. एकदा पूर्ण झाल्यावर, तो पेज बिल्डरमध्ये उपलब्ध होतो. हे कार्य करत असले तरी , ते फक्त तुमच्या स्वतःच्या साइटवर उपलब्ध असतात.

    आम्ही पेज बिल्डर सँडविच (Page Builder Sandwich) मध्ये असे काहीतरी तयार करत आहोत जे आशेने या शॉर्टकोडच्या समस्येचे निराकरण करू शकेल. आमच्या प्रगतीबद्दल माहिती मिळवण्यासाठी खाली आमच्या न्यूजलेटरची वर्गणी घ्या.

  • तुमच्या पेजवर स्टायलिश नकाशे जोडणे हा एक परस्परसंवादी अनुभव आहे

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2तुम्ही आता Page Builder Sandwich वापरून तुमच्या पेज डिझाईन्समध्ये नकाशे जोडू शकता!

    नकाशांबद्दल इतके उत्सुक असणे थोडे विचित्र वाटू शकते. तुम्ही Google Map ची URL घेता आणि ती एम्बेड करता. किंवा कदाचित ऑनलाइन मॅप प्लगइन घेता आणि शॉर्टकोड टाकता. किंवा कदाचित तुमच्या इतर पेज बिल्डरमध्ये आधीपासूनच एक असेल आणि तुम्ही पाहिजे तेव्हा तो जोडू शकता. पण आम्ही उत्सुक असण्याचे कारण म्हणजे आम्ही नकाशे जोडण्याच्या प्रक्रियेला एका नव्या स्तरावर नेले आहे.

    येथे एक पूर्वावलोकन आहे:

    नकाशा जोडण्याची जुनी कंटाळवाणी पद्धत

    तुमच्या नेहमीच्या पेज बिल्डरसह तुम्ही नकाशा कसा जोडता ते येथे आहे:

    1. तुम्ही एक नवीन मॅप एलिमेंट ड्रॅग करता,
    2. तुम्ही फील्ड्समध्ये अक्षांश आणि रेखांश प्रविष्ट करता,
    3. तुम्ही फील्ड्समध्ये नकाशाची उंची, नकाशाची रुंदी यासारखी इतर मूल्ये प्रविष्ट करता, रोड स्टाइल चेकबॉक्स टिक करता, इत्यादी,
    4. प्रिव्ह्यूवर क्लिक करा आणि ते कसे दिसते ते तपासा आणि ते अधिक आकर्षक दिसण्यासाठी काहीतरी बदलण्याची आवश्यकता असल्याचे ठरवा,
    5. पेज बिल्डरवर परत जा आणि मूल्ये बदला, नंतर वरील पायरी ४ पुन्हा करा.

    Page Builder Sandwich द्वारे नकाशा जोडण्याची पद्धत

    वेबसाइट्समधील नकाशे परस्परसंवादी असतात – तुम्ही नकाशावर फिरू शकता, झूम इन आणि आउट करू शकता. म्हणून आम्ही विचार केला, की सर्व अंदाज बांधणे बाजूला का ठेवू नये आणि तुमचे पेज तयार करत असताना लोकांना थेट नकाशाशी संवाद साधू का देऊ नये?

    Page Builder Sandwich सह तुम्ही नकाशा कसा जोडता ते येथे आहे:

    1. तुम्ही एक मॅप एलिमेंट जोडता,
    2. ज्या ठिकाणी तुम्हाला नकाशा मध्यभागी ठेवायचा आहे तेथील अक्षांश आणि रेखांश किंवा पत्ता टाइप करा,
    3. तुम्हाला हवा तसा लुक मिळवण्यासाठी तुम्ही नकाशा हलवता आणि त्यात झूम इन किंवा आउट करता,
    4. तुमच्या शैलीला साजेसे असे काही आकर्षक रंग तुमच्या नकाशांना द्या,
    5. सेव्हवर क्लिक करा.

    आमची पद्धत खूपच मनोरंजक आणि सोपी आहे. तुम्ही सामान्य Google Map शी ज्या प्रकारे संवाद साधता अगदी त्याच प्रकारे तुम्ही या नकाशाशी संवाद साधता.

    रंगीत नकाशे किंवा SnazzyMaps सह त्यांना स्टाइल करा

    आम्ही दिलेले एक अप्रतिम वैशिष्ट्य म्हणजे तुमचे नकाशे टिंट आणि रंगीत करण्याची क्षमता, आणि हे करणे अत्यंत सोपे आहे. (हे फक्त प्रीमियम आवृत्तीसाठी आहे). तुम्हाला तुमचा नकाशा रंगीत करायचा असल्यास, फक्त आमच्या कलर पिकरवर क्लिक करा आणि रंग निवडा, आणि तुमचा नकाशा लगेच बदलेल.

    येथे एक नकाशा आहे जो आम्ही गुलाबी रंगात टिंट केला आहे:

    Page Builder Sandwich SnazzyMaps द्वारे अधिक तपशीलवार रंगसंगतींना देखील सपोर्ट करतो. त्यांच्याकडे वापरकर्त्यांनी योगदान दिलेल्या रंगसंगतींची एक मोठी यादी आहे आणि रंगांवर अधिक नियंत्रण हवे असल्यास ते तुम्हाला स्वतःची तयार करण्याची परवानगी देतात.

    फक्त तुम्हाला आवडणारी रंगसंगती शोधा, त्यानंतर कोड घ्या आणि Page Builder Sandwich मध्ये पेस्ट करा. रंगसंगती तुमच्या नकाशावर लगेच लागू होईल.

    येथे SnazzyMaps वरील papuportal dark:

    तुम्हाला हवे तेथे नकाशे ठेवा

    तुम्ही नकाशांसह करू शकता अशा आणखी बर्‍याच छान गोष्टी आहेत – जसे की अधिक प्रभावी परिणामासाठी त्यांना फुल-विड्थ पंक्तींमध्ये जोडणे. तुम्हाला हवे असल्यास तुम्ही ते कॅरोसेलमध्ये किंवा टॅबमध्ये (आगामी वैशिष्ट्य) देखील जोडू शकता.

    तुमच्याकडे अद्याप Page Builder Sandwich नसल्यास, तुम्ही वरील “Live Demo” लिंकवर.

  • व्हाइटस्पेस का महत्त्वाची आहे याची ५ कारणे

    Reasons-Why-Whitespace-Mattersथोडक्यात सांगायचे तर, व्हाईटस्पेस, त्याच्या अत्यंत मूलभूत व्याख्येनुसार, रचनेतील सर्व घटकांभोवतीची आणि त्यांच्या मधील रिकामी सोडलेली जागा असते. बहुतेक वेबसाइट मालकांना वाटते तशी ही फक्त स्क्रीनच्या जागेची नासाडी नाही. योग्य रीतीने वापरल्यास, व्हाईटस्पेस प्रत्यक्षात एखाद्या उत्पादनाचा अधिक चांगल्या प्रकारे प्रचार करण्यासाठी फायदे मिळवून देऊ शकते. ही चांगल्या डिझाइनच्या निर्मितीची एक महत्त्वाची गुरुकिल्ली आहे आणि ती वेबसाइटला प्रत्येक दृष्टीने अधिक उत्तम बनवते.

    व्हाईटस्पेस या नावावरून ही जागा पांढरी असते असे सूचित होत असले, तरी ती नेहमी शब्दशः पांढरीच असायला हवी असे नाही. व्हाईटस्पेस प्रत्यक्षात कोणत्याही रंगाची असू शकते—त्यामध्ये एखादा सूक्ष्म पॅटर्न किंवा पोत (टेक्सचर) देखील असू शकतो. हे असे क्षेत्र आहे जिथे दृष्टी केंद्रित व्हावी असे तुम्हाला वाटत नाही. पर्यायाने, याला निगेटिव्ह स्पेस

    तर मग, व्हाईटस्पेस का महत्त्वाची आहे?

    newsfeed
    इमेज स्रोत: News Feed

    कारण #१: वाचनीयता सुधारते

    बेसलाईन्स आणि परिच्छेदांमधील व्हाईटस्पेस लोकांना साइटवरील सर्व मजकूर सहजतेने वाचण्यास खरोखर मदत करते. तुमच्या साइटचे लहान तपशील समायोजित केल्याने (जसे की लाईन-स्पेसिंग/लीडिंग किंवा लेटर-स्पेसिंग) वाचन अधिक सोपे करण्यात मोठा फरक पडू शकतो.

    डोळ्यांना त्रास न देणारे लेआउट डिझाइन करून लोकांना वाचन सुरू ठेवण्यास प्रवृत्त करणे हे याचे ध्येय आहे.

    hpmagicwords
    इमेज स्रोत: HP Magic Words

    कारण #२: परस्परसंवादाचा (इंटरॅक्शनचा) वेग वाढवते

    प्रामाणिकपणे सांगायचे तर: वेबसाइट्स ब्राउझ करताना तुमच्या बहुतांश वापरकर्त्यांकडे बारकाईने पाहण्यासाठी पुरेसा संयम नसतो. जेव्हा एखादी वेबसाइट अस्ताव्यस्त दिसते, तेव्हा वापरकर्ते जे शोधत आहेत ते शोधण्यापासून त्यांचे लक्ष विचलित होते.

    व्हाईटस्पेसने दर्शकाला संपूर्ण पेजवर मार्गदर्शन करण्यास मदत केली पाहिजे. लक्षासाठी स्पर्धा करणारे कमी घटक आणि व्हाईटस्पेसचा योग्य वापर यांमुळे वापरकर्त्यांची गती मंदावणारे अडथळे रोखले जाऊ शकतात.

    google
    इमेज स्रोत: Google

    कारण #३: योग्य घटकांकडे लक्ष वेधून घेणे

    व्हाईटस्पेस वापरकर्त्यांना त्यांनी कुठे पाहिले पाहिजे याबद्दल व्हिज्युअल संकेत देऊ शकते. योग्य पद्धतीने वापरल्यास, व्हाईटस्पेस माहितीवर भर देण्यास आणि तुमच्या वेबसाइटवरील विशिष्ट क्षेत्राकडे लक्ष वेधून घेण्यास मदत करते.

    लक्षात ठेवा, जर प्रत्येक गोष्ट उठून दिसत असेल, तर काहीच उठून दिसत नाही.

    इमेज स्रोत: Pocket Penguins

    कारण #४: पहिली छाप महत्त्वाची असते

    पहिल्या चांगल्या प्रभावासाठी वेबसाइटचा लुक आणि फील ही मुख्य गुरुकिल्ली आहे. चांगली पहिली छाप अनेकदा वेबसाइटवर जास्त वेळ थांबण्यास प्रवृत्त करते. खूप कमी व्हाईटस्पेस तुमची वेबसाइट निकृष्ट आणि अविश्वसनीय भासवू शकते. वेबसाइट आकर्षक दिसल्याशिवाय वापरकर्ते साइट किंवा ब्रँडला विश्वासार्ह मानणार नाहीत. चांगल्या प्रमाणात असलेली व्हाईटस्पेस तुमच्या वेबसाइटसाठी योग्य टोन तयार करण्यात मदत करते. व्हाईटस्पेस हे कल्पकता, ताजेतवानेपणा आणि काहीवेळा अभिजातता (elegance) व्यक्त करण्याचे एक साधन ठरू शकते.

    टीप: तुमची वेब डिझाइन साधी आणि ओळखीची.

    flockknitwear
    इमेज स्रोत: Flock Knitwear

    कारण #५: मोकळीक (ब्रीदिंग रूम) आणि समतोल साधण्यास मदत करते

    संतुलित डिझाइन म्हणजे सममित (सिमेट्रिकल) असणे नव्हे. एक मोठा डिझाइन घटक काही लहान घटकांद्वारे संतुलित केला जाऊ शकतो. तुमच्या पेजवरील वेगवेगळ्या आकाराच्या डिझाइन घटकांचा समतोल साधण्यासाठी व्हाईटस्पेस जोडणे हा एक उत्तम मार्ग आहे. एक असा प्रवाह तयार करा ज्यामुळे वापरकर्त्यांचे डोळे सर्वत्र भरकटणार नाहीत. एका चांगल्या डिझाइनने वापरकर्त्याचा गोंधळ न उडवता त्याला एका ठिकाणाहून दुसऱ्या ठिकाणी मार्गदर्शन करता आले पाहिजे.

    निष्कर्ष

    पुढच्या वेळी जेव्हा तुम्ही एखाद्या वेबसाइटला भेट द्याल आणि तिथे थोडा वेळ थांबाल, तेव्हा कशामुळे तुम्ही तिथे थांबलात आणि वाचले याचा विचार करा. लाईन-स्पेसिंगमुळे लेख वाचणे सोपे झाले आहे असे तुम्हाला वाटते का? त्या अनुभवामुळे तुम्हाला पुन्हा पुन्हा परत यावेसे वाटते का? नेव्हिगेशन शोधण्यात तुम्हाला त्रास झाला का?

    वेबसाइटवरील व्हाईटस्पेसच्या चांगल्या वापराची नोंद घ्या. जर तुम्हाला वाटत असेल की ते तुमच्या वेबसाइटवरही काम करू शकते, तर तुमच्या वेबसाइटसाठी आवश्यक असलेल्या “प्रवाहाला” बाधा न आणता योग्य टोन आणि वाचनीयता साध्य होईपर्यंत तुमच्या घटकांवर किती जागा वाटप करावी हे लागू करणे आणि व्यवस्थापित करणे शिका.

    कोणत्याही वेबसाइटचे अंतिम ध्येय संवाद हेच असते. दृश्य आकर्षण (व्हिज्युअल अपील) हे तुमच्या वेबसाइटच्या यशाशी थेट जोडलेले असते.

  • WordPress.com विरूद्ध WordPress.org

    Wordpress-Com-VS-Wordpress-Orgजर तुम्ही वेबसाइट बनवण्याच्या बाबतीत तुलनेने नवीन असाल, तर बहुधा तुम्हाला WordPress.com विरूद्ध WordPress.org या मोठ्या वादाबद्दल माहिती नसेल. कदाचित तुम्हाला यांपैकी एक अस्तित्वात आहे आणि प्रत्येकाचे वेगवेगळे फायदे-तोटे आहेत हेही ठाऊक नसेल. मग WordPress.com आणि WordPress.org वापरण्याबाबत नेमका हा मोठा वाद काय आहे? दुसरी आवृत्ती खटला दाखल होण्याची वाट पाहणारी केवळ एक स्वस्त नक्कल आहे का?

    बरं, तसे नाही.

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

    “पण मला कशाची गरज आहे हे मी कसे ओळखायचे?”

    या प्रश्नाचे उत्तर पूर्णपणे तुमच्या भविष्यातील वेबसाइटच्या गरजांवर अवलंबून आहे. वापरण्यासाठी वस्तुनिष्ठपणे कोणती आवृत्ती “अधिक चांगली” किंवा “सर्वोत्तम” आहे, अशी कोणतीही एक WordPress आवृत्ती नाही. या दोन्हींची स्वतःची अनोखी वैशिष्ट्ये आहेत आणि दोन्हींमध्ये समान प्रमाणात फायदे आणि तोटे आहेत.

    WordPress.com: मी का आणि कधी वापरावे?

    WordPress.com तुमच्यासाठी मूलभूत गोष्टींची काळजी घेते, ज्यामुळे तुम्हाला तुमच्या साइटच्या मजकुरावर अधिक लक्ष केंद्रित करता येते. हा असा साइट बिल्डर आहे जो पूर्णपणे Automattic नावाच्या कंपनीद्वारे चालवला आणि होस्ट केला जातो. तुम्हाला प्रीमियम होस्टिंग, बॅकअप्स, सुरक्षा आणि अशा बऱ्याच गोष्टी मिळतात. याचा अर्थ असा की, सुरुवातीपासून वेबसाइट बनवण्यात कित्येक तास घालवण्याऐवजी, तुम्ही तुमच्या साइटच्या मजकुरावर खूप सहजपणे लक्ष केंद्रित करू शकता.

    मात्र लक्षात घ्या की, WordPress.com च्या स्वतःच्या काही मर्यादा देखील आहेत. तुम्हाला तुमच्या साइटच्या अंतर्गत कामकाजाची देखभाल करण्याबद्दल फारशी काळजी करावी लागत नसली, तरी तुम्हाला हवं तितकं स्वातंत्र्य कदाचित यात मिळणार नाही हे तुम्हाला लक्षात ठेवावं लागेल. तुमच्या साइटचा इंटरफेस कस्टमाइझ करणे ही समस्या नसली (उदा. WordPress.com मध्ये भरपूर थीम्स येतात), तरी प्लगइनच्या स्वरूपात विशिष्ट वैशिष्ट्ये आणि घटक जोडणे ही एक अडचण बनू शकते, विशेषतः जर तुमच्या साइटला WordPress.com वर उपलब्ध नसलेल्या विशिष्ट वैशिष्ट्यांची आवश्यकता असेल तर.

    वेबसाइटची देखभाल कशी करावी ही पूर्णपणे वेगळी गोष्ट आहे. हे प्रामुख्याने यावर अवलंबून असते की 1.) तुम्ही WordPress डेव्हलपर नाही आहात 2.) तुम्हाला कोडिंग शिकण्याची कोणतीही इच्छा नाही, किंवा 3.) त्यासाठी तुमच्याकडे खूप कमी वेळ आहे किंवा अजिबात वेळ नाही.

    WordPress.org: याचा विचार करण्याची वेळ कधी येते?

    WordPress.org चा विचार करतानाचा एक महत्त्वाचा नियम म्हणजे जेव्हा तुम्हाला कोडिंगचे कामकाज थोडेफार तरी ठाऊक असते, किंवा ते कसे करावे हे शिकण्यासाठी वेळ देण्याची तुमची तयारी असते. WordPress.org ही WordPress ची सेल्फ-होस्टेड आवृत्ती असल्याने, तुम्ही तुम्हाला हवे तितके तांत्रिक काम स्वतः करू शकता. शिवाय, तुम्हाला हव्या त्या प्रमाणात त्यात बदल करण्याचे स्वातंत्र्य मिळते. स्वतःचे होस्ट शोधणे, स्वतःचे सुरक्षा बॅकअप सेट करणे आणि एकंदरीत वेबसाइटची स्वतः देखभाल करणे – आणि सर्वात महत्त्वाचे म्हणजे, स्वतःच्या अटींवर – ही जबाबदारी तुमची असेल.

    “पण थांबा, मला ते का हवे असेल? वेबसाइट बनवणे सोपे करणे हाच WordPress चा मूळ हेतू नाही का?”

    …नेमके तसे नाही. याकडे अशा प्रकारे पहा: The Daily Post ने WordPress.org आणि WordPress.com दरम्यान एक उत्कृष्ट तुलना मांडली आहे, ज्यावरून अगदी नवशिक्यातील नवशिक्यालाही (जसे की मी स्वतः) त्याचा मुख्य सारांश लगेच लक्षात येईल.

    त्यांच्या मते, WordPress.com कडे तुम्ही अशी गोष्ट म्हणून पाहिले पाहिजे ज्यावर तुमची पूर्ण मालकी नाही. उदाहरणार्थ, कल्पना करा की तुम्ही १५ वर्षांचे आहात आणि अजूनही पालकांसोबत राहत आहात. जर तुम्हाला तुमच्या बेडरूमला रंग द्यायचा असेल, तर आधी तुम्हाला पालकांची परवानगी घ्यावी लागेल (ज्यांची अर्थातच तुमच्या खोलीसह संपूर्ण घरावर पूर्ण मालकी असते). तांत्रिकदृष्ट्या ती खोली तुमची असते, पण दिवसाअखेर पाहता, ती पूर्णपणे तुमची नसते.

    त्यामुळे जर तुम्हाला काही मोठे बदल करायचे असतील (जसे की भिंतींना रंग देणे, किंवा खोली वाढवणे), तर तुम्हाला घराच्या खऱ्या मालकांशी, म्हणजेच आई-वडिलांशी चर्चा करावी लागेल आणि/किंवा तडजोड करावी लागेल. मात्र, याचा एक चांगला फायदा असा आहे की जेव्हा तळघरातील फ्यूज जातो किंवा एसी काम करणे बंद करतो, तेव्हा पालक त्याची काळजी घेतात आणि तुम्हाला कशाचीही काळजी करण्याची गरज नसते.

    दुसरीकडे, WordPress.org ही अशी गोष्ट आहे जी तुम्ही तुमच्या मर्जीनुसार मुक्तपणे कस्टमाइझ करू शकता आणि त्यात बदल करू शकता. याची तुलना वयाच्या १८ व्या वर्षी घराबाहेर पडून स्वतःचा फ्लॅट घेण्याशी केली जाऊ शकते. तुमच्या घराची पूर्ण मालकी तुमच्याकडे असल्यामुळे, तुमच्या आईला न आवडणाऱ्या रंगाने भिंती रंगवण्यासाठी तुम्हाला कोणाशीही तडजोड करावी लागत नाही; निर्णय घेण्याचे आणि/किंवा तुमच्या पसंतीनुसार काम करणाऱ्या व्यक्तीला कामावर ठेवण्याचे स्वातंत्र्य तुमच्याकडे असते. याव्यतिरिक्त, तुमच्या लिव्हिंग रूमसाठी कोणता एसी युनिट हवा आहे हे ठरवण्याचे स्वातंत्र्यही तुमच्याकडे असते. फक्त तो खराब झाल्यास, तो दुरुस्त करण्यासाठी तुम्हाला मेकॅनिक आणावा लागेल किंवा त्यात काय बिघाड आहे आणि तो स्वतः कसा दुरुस्त करायचा हे शोधावे लागेल (जे फार वाईट नाही, कारण यातून काहीतरी शिकायला मिळते, आणि शिकणे चांगलेच असते).

    आतापर्यंत WordPress.com आणि WordPress.org मधील ठळक फरक नेमके काय आहेत, याची स्पष्ट कल्पना तुम्हाला आली असेल अशी आशा आहे. पण थोडक्यात सांगायचे तर:

    तुम्हाला हवे तेवढे जास्त किंवा कमी इन्स्टॉल करा थीम्स केवळ WordPress थीम्सपुरत्या मर्यादित आहेत, जाहिराती काढून टाकण्यासाठी तुम्हाला विशिष्ट शुल्क भरावे लागेल.तुमच्या साइटवर तुमचे जवळजवळ पूर्ण नियंत्रण असते; तुम्ही स्वतःच्या थीम्स जोडू शकता, कस्टमाइझ करू शकता किंवा तयारही करू शकता.

    मजकुरावरील नियंत्रण मर्यादित असते;

    WordPress.com WordPress.org
    पूर्णपणे WordPress द्वारे होस्ट केलेले; सर्व मूलभूत गोष्टींचा समावेश आहे. सेल्फ-होस्टेड; स्वतःच्या मूलभूत गोष्टी निवडा किंवा अधिक चांगल्या निवडा.
    वैशिष्ट्ये WordPress.com ऑफर करत असलेल्या मर्यादेपर्यंतच मर्यादित आहेत प्लगइनच्या स्वरूपात हजारो वैशिष्ट्ये;

    या दोन्हींमधील फरकांची तुलना करताना या काही बाबी समोर येतात. या दोन्हींमधून निवड करणे हे शेवटी तुमची साइट तयार करताना तुम्हाला किती स्वातंत्र्य हवे आहे आणि त्यासाठी तुम्ही किती संसाधने (वेळ, मेहनत, पैसा इ.) देण्यास तयार आहात यावर अवलंबून असते. लक्षात ठेवा, तुमच्यासाठी कोणते WordPress प्लॅटफॉर्म सर्वोत्तम आहे हे ठरवण्यापूर्वी विचार करण्यासाठी हे दोन्ही अत्यंत महत्त्वाचे पर्याय आहेत. त्यामुळे, निर्णय घेण्याची घाई करू नका!

    वेबसाइट निर्मितीच्या हार्दिक शुभेच्छा!

  • शॉर्टकोड मॅपिंग: PBS ८००+ प्लगइन्स आणि २,०००+ शॉर्टकोड्सना कसे सपोर्ट करेल

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    गेल्या काही आठवड्यांत, PBS टीमने एक मॅप घटक आणि एक टॅब घटक देखील जोडला आहे.

    आता, दर दोन दिवसांनी एक नवीन घटक जोडण्याचा साधा आणि सोपा मार्ग अवलंबणे आमच्यासाठी अगदी सहज शक्य झाले असते.

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    अशा प्रणालीचे फायदे खूप मोठे आहेत:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    शॉर्टकोड मॅपिंग नवीन नाही आणि बऱ्याच पेज बिल्डर्समध्ये ते आधीपासूनच उपलब्ध आहे. मग, आमचे काय वेगळे आहे?

    इतर पेज बिल्डर्समध्ये शॉर्टकोड मॅपिंग कसे कार्य करते

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    या परिस्थितीत, शॉर्टकोड मॅपिंगचा भार वापरकर्ता म्हणून तुमच्यावरच सोपवला जातो. जर तुम्हाला तुमचे सर्व शॉर्टकोड्स सर्व ॲट्रिब्यूट्ससह (आणि आकर्षक कलरपिकर्स व इतर गोष्टींसह) पूर्णपणे मॅप करायचे असतील, तर तुम्हाला प्रत्येक शॉर्टकोडचा प्रत्येक तपशील इनपुट करण्याची खात्री करावी लागेल.

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Page Builder Sandwich मध्ये शॉर्टकोड मॅपिंग कसे कार्य करते

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    यामुळे आपल्याला अनेक उत्तम फायदे मिळतात:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    आमच्या न्यूजलेटरसाठी साइन अप करा!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • वर्डप्रेस का?

    Why-Wordpressतुमची पहिली वेबसाइट तयार करताना लक्षात घेण्यासारखी एक महत्त्वाची गोष्ट म्हणजे – मग तुम्ही एखादा व्यवसाय असा, फ्रीलान्सर असा, किंवा अगदी कोणीही असा – प्रत्येकजण कोड आणि सॉफ्टवेअर डेव्हलपमेंटच्या भाषेत पारंगत नसतो. उदाहरणार्थ, तुम्ही ऑनलाइन रेसिपी प्रकाशित करू इच्छिणारे शेफ असू शकता. तुम्ही व्यावसायिक दिसणारा पोर्टफोलिओ हवा असणारे फाइन आर्ट्सचे अंडरग्रेजुएट असू शकता, किंवा स्वतःची साइट हवी असणारा एखादा स्टार्ट-अप व्यवसाय असू शकता. यापैकी काहीही असो, वस्तुस्थिती हीच राहते की आपल्यापैकी काहींना कोडच्या मूलभूत गोष्टींची माहिती असली, तरी आपण सर्वजण पूर्णवेळ डेव्हलपर नसतो आणि ज्यांना साइट हवी असते किंवा ज्यांची गरज असते, त्या प्रत्येकाला सुरुवातीपासून (स्क्रॅचपासून) साइट कशी बनवायची हे माहित नसते. इथेच वर्डप्रेस (WordPress) कामी येऊ शकते. प्रश्न पडतो: “वर्डप्रेसच का?”

    कारण #१

    वर्डप्रेस ही एक कंटेंट मॅनेजमेंट सिस्टीम आहे, ज्यामुळे ती पूर्णपणे युझर-फ्रेंडली बनते.

    तुम्हाला माहित असणे आवश्यक असलेली पहिली गोष्ट म्हणजे वर्डप्रेस ही एक कंटेंट मॅनेजमेंट सिस्टीम (किंवा CMS) आहे. सोप्या भाषेत सांगायचे तर, याचा अर्थ असा की वर्डप्रेस त्याच्या वापरकर्त्यांना अगदी सुरुवातीपासून कोड न लिहिता वेबसाइट तयार करण्याची परवानगी देते. यामध्ये एक पद्धतशीर, व्यवस्थित इंटरफेस आहे जो तुम्हाला प्रत्येक वेळी कोडमध्ये बदल न करता गोष्टींवर सातत्याने नियंत्रण ठेवू देतो.

    सुरुवातीपासून वेबसाइट तयार करण्याच्या तुलनेत, ज्याची सुरुवात सामान्यतः अशी होईल:

    screenshot-1 कंटेंट मॅनेजमेंट सिस्टीमसह, तुम्हाला अशा प्रकारच्या इंटरफेससह सुरुवात करता येते:

    WordPress
    वर्डप्रेसचा बॅक-एंड इंटरफेस. CMS मुळे वेबसाइट्स व्यवस्थापित करणे आणि तयार करणे सोपे होते.

    तरीही तुम्ही स्वतःला विचारू शकता: “वर्डप्रेस छान वाटते, पण मला माझ्या साइटसाठी हवे असलेले फीचर्स त्यात नसतील तर?”, किंवा “मला मॅप, म्युझिक प्लेयर किंवा कॅशिंग इंजिन किंवा अधिक विश्वासार्ह सुरक्षा प्रणाली हवी असेल तर?”

    …तांत्रिकदृष्ट्या सांगायचे तर, तुम्हाला हवे असलेले ते फीचर बहुधा वर्डप्रेसमध्ये नक्कीच असेल, आणि ते वर्डप्रेस प्लगइनच्या (WordPress Plugin).

    कारण #२

    प्लगीन्स: वर्डप्रेस रुपी केकवरील चेरी

    वर्डप्रेसमध्ये तुम्हाला तुमच्या साइटवर हवे असलेले विशिष्ट वैशिष्ट्य समाविष्ट नाही अशी चिंता वाटत असल्यास, काळजी करू नका: ते कदाचित आधीच उपलब्ध असेल.

    प्लगीन्स ही “विस्तारित वैशिष्ट्ये (extension features)” आहेत जी तुमच्या वर्डप्रेस साइटची कार्यक्षमता वाढवण्यासाठी असतात. तुम्ही उद्योजक असल्यास आणि तुम्हाला तुमच्या साइटसाठी संपर्क फॉर्म (contact form) हवा असल्यास, हे लक्षात घ्या की वर्डप्रेसमध्ये स्वतःहून ते वैशिष्ट्य नसले तरी असे अनेक प्लगइन्स आहेत ज्यामध्ये ते उपलब्ध आहे. आणि वर्डप्रेस हे ओपन-सोर्स असल्याने – म्हणजेच कोणीही त्याच्या विकासात योगदान देऊ शकते – नियमितपणे नवीन प्लगइन्स तयार केली जातात. तुम्हाला हवा असलेला तो कॉन्टॅक्ट फॉर्म आणि बरेच काही मिळू शकते. इतर अनेक वैशिष्ट्ये आणि विस्तारांसह, सोशल शेअरिंग बटणांपासून ते मॅप्स आणि तुमच्या साइटसाठी अतिरिक्त सुरक्षा उपायांपर्यंत इतर प्लगइन्स जोडण्याचे स्वातंत्र्य तुम्हाला मिळते. आता सांगा, हे किती उत्तम आहे.

    सध्याच्या घडीला, वर्डप्रेसकडे अशी हजारो प्लगइन्स आहेत – आणि त्यापैकी काही अगदी विनामूल्य उपलब्ध आहेत आणि/किंवा त्यांच्या मोफत आवृत्त्या उपलब्ध आहेत, ज्यामध्ये PBS.

    कारण #३

    ओपन सोर्स: वर्डप्रेस समुदाय

    वर्डप्रेस हे ओपन सोर्स (Open Source) आहे. याचा अर्थ असा की कोणीही त्याच्या विकासात योगदान देण्यास मुक्त आहे, आणि सॉफ्टवेअर डेव्हलपमेंट तसेच वर्डप्रेसबद्दल अधिक जाणून घेण्यासाठी त्याचा मूलभूत कोड अभ्यासण्यास कोणीही मोकळे आहे. असे व्यवसाय देखील आहेत जे केवळ वर्डप्रेस-संबंधित उत्पादने, जसे की प्लगइन्स आणि थीम्स तयार करण्यासाठी आणि विकसित करण्यासाठी समर्पित आहेत (जसे की आम्ही!)

    वर्डप्रेस ओपन सोर्स असल्याने, असे अनेक वापरकर्ते, डेव्हलपर्स आणि डिझायनर्स आहेत जे सतत एकत्र काम करतात आणि वर्डप्रेस-संबंधित समस्यांवर एकमेकांना मदत देखील करतात. अशा प्रकारे, तुम्हाला खऱ्या लोकांकडून खरी मदत मिळते आणि त्याच वेळी एकमेकांकडून शिकायला मिळते. हे असे काहीतरी आहे जे तुमच्या सामान्य ग्राहक सेवा (customer relations services) सहसा कधीही देऊ शकत नाहीत.

    कारण #४

    वर्डप्रेस अधिकृत आणि विश्वासार्ह आहे.

    CNN, The Official Star Wars Blog, Time Magazine, आणि अगदी (अरे वा!) Beyonce यांच्या सर्वांच्या साइट्स वर्डप्रेसवर चालतात, आणि याशिवाय इतर अनेक आहेत. ही मोठी नावेच केवळ वर्डप्रेसच्या वैधतेला पाठिंबा देत नाहीत – Treehouse.com च्या मते, वेबवरील सर्व साइट्सपैकी सुमारे २५% साइट्स वर्डप्रेसद्वारे चालवल्या जातात. लाखो-करोडो वेबसाइट्स अस्तित्वात आहेत हे लक्षात घेता… २५% ही खूप मोठी संख्या आहे.

    कारण #५

    कस्टमायझेशनची रेलचेल!

    वर्डप्रेसकडे तुमच्यासाठी आणि तुमच्या साइटसाठी अनेक थीम्स उपलब्ध आहेत. विनामूल्य आवृत्त्या, प्रीमियम आवृत्त्या यांमधून निवडण्याचे, किंवा स्वतःची थीम तयार करण्याचे (किंवा तुमच्यासाठी ती तयार करण्यासाठी कोणाला कामावर ठेवण्याचे!) तुम्हाला स्वातंत्र्य आहे.

    कारण #६:

    हे मोफत आहे.

    होय, तुम्ही अगदी बरोबर वाचले आहे. लोकल डेव्हलपमेंटद्वारे, वर्डप्रेस पूर्णपणे विनामूल्य आहे आणि तुम्ही एका बटणाच्या क्लिकवर ते तुमच्या संगणकावर इन्स्टॉल करू शकता. तसेच, एखाद्या डेव्हलपरला कामावर ठेवण्याऐवजी, वर्डप्रेस कसे कार्य करते याबद्दल अधिक जाणून घेण्यासाठी तुम्ही कोडबद्दलचे तुमचे जे काही ज्ञान आहे ते वापरू शकता (आणि शिकणे नेहमीच चांगले असते).

    …याचा उल्लेख न करता की जर तुम्हाला वर्डप्रेस आणि साइट बिल्डिंगमध्ये जास्त खोलवर जाण्यासाठी वेळ नसेल, तर तुम्ही नेहमीच स्वतःसाठी एक उत्तम पेज बिल्डर प्लगइन मिळवू शकता आणि आमचे वापरून पाहू शकता.

    लक्षात ठेवा की वर्डप्रेससह अनंत शक्यता आहेत आणि हे सर्व कसे कार्य करते हे समजून घेण्यासाठी अलौकिक बुद्धिमत्ता असण्याची गरज नाही!

    वर्डप्रेस वापरल्याने तुमचा बराच वेळ, पैसा आणि श्रम वाचू शकतात. आणि जेव्हा या संसाधनांची कमतरता असते, तेव्हा लक्षात ठेवा की वर्डप्रेस साइट्स, त्यांचे प्लगइन्स (जसे की PBS!), त्यांच्या थीम्स आणि विशेषतः त्याचा समुदाय तुम्हाला पूर्णपणे मदत करू शकतात आणि गोष्टी तुमच्यासाठी खूप सोप्या करू शकतात.

    हॅप्पी वेबसाइट-बिल्डिंग!

  • पेज बिल्डर्स वापरण्यापूर्वी विचारात घेण्यासारख्या ३ गोष्टी

    3-Things-to-Consider-Before-Diving-Into-Page-Buildersतुम्ही कदाचित येथे आला आहात कारण तुम्ही ऐकले असेल की PBS हा बहुधा साइट तयार करण्याचा सर्वात जलद उपायांपैकी एक आहे. सामान्यतः गोष्टी सोप्या करण्यासाठी पेज बिल्डर्स अस्तित्वात असले तरी, वर्डप्रेस डेव्हलपमेंटच्या या विशिष्ट क्षेत्रात अधिक खोलवर जाण्यापूर्वी तुम्ही काही गोष्टी लक्षात घेतल्या पाहिजेत.

    वर्डप्रेस शिकणे: पेज बिल्डरसाठी एक अत्यंत महत्त्वाची पूर्वअट

    ही कदाचित या यादीतील सर्वात उघड बाब आहे, तरीही सर्वात महत्त्वाची आहे. दुर्दैवाने, पेज बिल्डर्स केवळ स्वतःहून खरेदी करता येत नाहीत. ते वर्डप्रेसमधील प्लगइन्सच्या स्वरूपात येतात, ज्यांचा वापर करण्यासाठी तुम्हाला ते इन्स्टॉल करावे लागतील आणि शिकावे लागतील. खात्री बाळगा की वेबसाइट तयार करण्यासाठी वर्डप्रेस हा सर्वात सोपा आणि अधिकृत मार्गांपैकी एक आहे. आपण सध्या ज्या युगात आहोत ते पाहता, काही तांत्रिक माहिती असण्याचा तुम्हाला कधीही पश्चात्ताप होणार नाही. WordPress.com आणि WordPress.org मध्ये फरक आहे, आणि तुमच्या गरजेनुसार कोणता योग्य आहे हे जाणून घेतल्याने वेळेचीही बचत होते!

    तथापि, जर या लेखातील काही तांत्रिक संज्ञांमुळे तुम्ही थोडे गोंधळात पडला असाल, तर काळजी करू नका. तुम्हाला सुरुवात करण्यास मदत करू शकतील अशा काही उपयुक्त वेबसाइट्स आहेत ज्यांना तुम्ही भेट देऊ शकता. यांपैकी काही आहेत WordPress Codex, आणि Treehouse. तुमची गरज आणि ज्ञानाच्या पातळीनुसार येथे वर्डप्रेसच्या टिप्स आणि वेबसाइट निर्मितीविषयी माहिती उपलब्ध आहे.

    फक्त खात्री करण्यासाठी, तुम्ही आधी चाचणी घेणे योग्य ठरेल

    ज्याबद्दल भविष्यात पश्चात्ताप करावा लागू शकतो अशी कोणतीही मोठी खरेदी करण्यापूर्वी मोफत आणि/किंवा ट्रायल व्हर्जन्स वापरून पाहणे नेहमीच चांगली कल्पना असते. सुदैवाने, बहुतांश पेज बिल्डर्स मोफत/डेमो व्हर्जन्ससह येतात. अर्थात, आपण पेज बिल्डर्सबद्दलच्या अनेक विश्वासार्ह रिव्ह्यूजचा देखील संदर्भ घेऊ शकतो, तर इतर काही पेज बिल्डर्सची तुलना आणि फरक दाखवतात.  तुमच्या पर्यायांचा काळजीपूर्वक विचार नक्की करा!

    लेख आणि रिव्ह्यूज तपासण्याव्यतिरिक्त, आम्हाला वर्डप्रेसबद्दल आवडणारी एक गोष्ट म्हणजे त्यामागे एक मोठा समुदाय आहे. तिथे व्यक्ती, संघ आणि अगदी व्यवसायदेखील आहेत, जे त्यांच्या सहकारी वर्डप्रेस वापरकर्त्यांना, विशेषत: तुमच्यासारख्या नवीन वापरकर्त्यांना मदत करण्यास उत्सुक असतात! हा समुदाय मुळात देवाणघेवाणीपेक्षा एकमेकांना मदत करण्याच्या तत्त्वावर कार्य करतो.

    डिझाइन्समुळे खूप मोठा फरक पडतो

    वर्डप्रेस उत्साही डोना फॉन्टेनॉट कॅव्हेलियर एक अतिशय चांगला मुद्दा मांडतात तो म्हणजे ड्रॅग अँड ड्रॉप पेज बिल्डर्स आणि मूलभूत डिझाइनचे महत्त्व. PBS सारखे ड्रॅग-अँड-ड्रॉप बिल्डर्स तुमचा बराच वेळ वाचवू शकतात, परंतु वेबसाइट तयार करताना मूलभूत माहिती आणि सौंदर्यशास्त्राची किमान थोडीफार माहिती असणे ही आणखी एक महत्त्वाची बाब आहे. एका प्रसंगाची कल्पना करा– समजा तुमच्या हाती तुमच्या आवडीचा एक उत्कृष्ट पेज बिल्डर आला: हे छान आहे! पण समजा तुम्ही अशी व्यक्ती आहात जिला कला, डिझाइन आणि कार्यक्षमतेची तितकीशी जाण नाही: अरेरे.

    तरीही काळजी करू नका. Page Builder Sandwich हा केवळ एक पेज बिल्डर नाही; आमचा संघ इतर वर्डप्रेस वापरकर्त्यांना मदत करण्यासाठीही समर्पित आहे. त्यामुळे जर तुम्हाला डिझाइनच्या बाबतीत काही अडचणी येत असतील, तर काळजी करू नका– तुम्हाला सुरुवात करण्यात मदत करण्यासाठी PBS ब्लॉगवर उपयुक्त टिप्स असलेले अनेक लेख आमच्याकडे आहेत. यामुळे, तुम्हाला अधिक काम करता येईल, अधिक शिकता येईल आणि काळजी कमी वाटेल.

    लक्षात ठेवा, पेज बिल्डर्सबद्दल किंवा वरील मुद्द्यांशी संबंधित तुमचे काही प्रश्न किंवा शंका असल्यास, खालील कमेंट्स विभागात आम्हाला नक्की सांगा. आमच्या ग्राहकांना मदत करण्यात आम्हाला नेहमीच आनंद होतो.

    हॅपी साइट-बिल्डिंग!

  • तुमची वेबसाइट आकर्षक दिसण्यासाठी ५ सोप्या टिप्स

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    तुमच्या वेबसाइटचे डिझाइन सुधारण्यासाठी तुम्ही काय करू शकता याबद्दलच्या काही मूलभूत टिप्स येथे दिल्या आहेत.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    योग्य रंग निवडा

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    वेबसाइटची कलर स्कीम तुमच्या ब्रँडसाठी योग्य टोन आणि मूड तयार करण्यात मोठी भूमिका बजावते. छान रंग निवडणे म्हणजे तो योग्य रंग आहेच असे नाही. प्रत्येक रंग वेगळा संदेश आणि प्रतिसाद देतो. रंग ही अशी पहिली गोष्ट आहे जी साइटला भेट देणाऱ्यांच्या लगेच लक्षात येते आणि ती तुमच्या वेबसाइटच्या यशावर प्रत्यक्ष परिणाम करू शकते.

    तुमच्या डिझाइनसाठी जास्तीत जास्त दोन ते तीन मूळ रंग निवडा. तुम्हाला आणखी रंग जोडण्याची गरज वाटल्यास, तुम्ही तुमच्या मूळ रंगांचे टिंट्स आणि शेड्स वापरू शकता. रंग सिद्धांतामध्ये (कलर थिअरी), टिंट म्हणजे पांढऱ्या रंगासोबत रंगाचे मिश्रण, ज्यामुळे फिकटपणा वाढतो, तर शेड म्हणजे पांढऱ्या रंगासोबत रंगाचे मिश्रण, ज्यामुळे फिकटपणा कमी होतो.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    कॉन्ट्रास्टिंग टाइपफेस वापरा

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    दोन टाइपफेसची जोडी जुळवणे डिझायनर्ससाठीही कठीण असू शकते. तुम्ही एकाच टाइपफेसमधील दोन वेगवेगळ्या फॉन्ट्सचा वापर करून हे सोपे ठेवू शकता. दुसरा टाइपफेस आवश्यक असल्यास, असा निवडा जो तुमच्या पहिल्या टाइपफेससोबत चांगला कॉन्ट्रास्ट करेल. सामान्यतः, सेरिफ फॉन्ट आणि सॅन्स-सेरिफचे संयोजन उत्तम काम करते. दुसरी महत्त्वाची टीप म्हणजे तुमच्या कंपनीच्या शैलीशी जुळणारे टाइपफेस निवडणे. तुमच्याकडे जगातील सर्वात सुंदर दिसणारा फॉन्ट असला तरी, चुकीच्या संदर्भात वापरल्यास तो अतिशय वाईट दिसू शकतो.

    व्हाइटस्पेस वापरून ते नीटनेटके ठेवा

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    ते मोबाइल-फ्रेंडली बनवा

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    अतिरिक्त टीप: तुमच्या वेबसाइटवर Page Builder Sandwich वापरल्याने मोबाइल व्ह्यू आपोआप सक्षम होईल आणि तो मोबाइल स्क्रीनच्या आकारानुसार अनुकूल होईल.

    निष्कर्ष

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

  • ३ सोप्या चरणांमध्ये मूलभूत हिरो हेडर्स कसे तयार करावे

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    हिरो हेडर्स (Hero Headers) म्हणजे काय?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    तुमचा पहिला PBS हिरो हेडर तयार करण्यास सुरुवात करण्यासाठी, खालील सोप्या पायऱ्या फॉलो करा:

    पायरी 1: कॉलम घाला आणि रोची रुंदी (Row Width) समायोजित करा

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    पायरी 2: व्हाईटस्पेस तयार करण्यासाठी मार्जिन समायोजित करा

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    पायरी 3: मजकूर आणि घटक ओव्हरलेसह पार्श्वभूमी (Background) जोडा

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    टीप #2: ब्रँडिंग घटकांसाठी, पांढरा किंवा काळा लोगो वापरण्याचा विचार करा जेणेकरून तो रंगीबेरंगी पार्श्वभूमी प्रतिमेशी (background image) विसंगत दिसणार नाही.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    तुमचे काम सेव्ह करायला विसरू नका आणि तुमचे काम पूर्ण झाले!

    PBS सह तुमचा पहिला हिरो हेडर तयार केल्याबद्दल अभिनंदन! तसे झाले नाही तरी काळजी करण्याचे कारण नाही; PBS सह अगदी सुरुवातीपासून सुरू करणे सोपे आहे, त्यामुळे फारशी अडचण येणार नाही.

    वेबसाईट निर्मितीच्या शुभेच्छा!