लेखक: Neil Lock

From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

शॉर्टकोड्स (Shortcodes) तुम्हाला तुमच्या वेबसाइटवर गोष्टी (उदा. विजेट्स) जोडण्याची अनुमती देतात, ज्यासाठी सामान्यतः डेव्हलपर्सना जोडावा लागतो तसा मोठा कोड जोडण्याची गरज पडत नाही.

उदाहरणार्थ, लांबीच्या बाबतीत, एक सामान्य कोड कदाचित असा काहीतरी दिसेल:

<html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

या उदाहरणासाठी, आपण असे समजू की वरील कोड तुम्हाला Lorem Ipsum प्लेसहोल्डर मजकुराचा एक संपूर्ण परिच्छेद जोडू देईल.

Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

[lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

You can see how they’re miles different from each other in terms of length.

आता कल्पना करा की दोन्ही कोड्स– मूळ, लांबलचक कोड, आणि केवळ “lorem” हा शब्द असलेला शॉर्टकोड, दोघेही अगदी एकच काम करतील: Lorem Ipsum मजकूर जोडणे.

This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

Where can I find shortcodes?

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

Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

Adding Custom Shortcodes on PBS

Page Builder Sandwich वर, तुम्ही तुमच्या कन्टेंट एरियामध्ये फक्त टाइप करून किंवा कॉपी-पेस्ट करून तुमच्या पेजवर थेट शॉर्टकोड्स जोडू शकता.

आम्ही Page Builder Sandwich डेमो पेजवर कन्टेंट बॉक्स जोडून Shortcodes Ultimate मधील एका शॉर्टकोडसह हे खाली केले आहे:

Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

Shortcode Mapping वरील आमच्या मागील लेखांपैकी एका लेखातील व्याख्या खालीलप्रमाणे आहे:

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.

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

जोपर्यंत तुमच्या वर्डप्रेस साइटवर शॉर्टकोड समाविष्ट असलेले प्लगइन इन्स्टॉल केलेले आहे, तोपर्यंत ते तुम्हाला Page Builder Sandwich वर वापरण्यासाठी सहज उपलब्ध असेल.

So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

त्यामुळे जर तुम्हाला कस्टम शॉर्टकोड्स किंवा तुम्ही स्वतः तयार केलेले शॉर्टकोड्स जोडायचे असतील, तर जोपर्यंत ते तुमच्या WordPress साइटवर इन्स्टॉल केलेले आहेत, तोपर्यंत तुम्ही ते जोडू शकता.

Here are some other helpful plugins that you can use to create your own custom shortcodes:

अनेक पेज बिल्डर्स उपलब्ध आहेत, आणि तुम्ही स्वतःला विचारत असाल: Page Builder Sandwich मध्ये असे काय खास आहे? जर तुमच्याकडे आधीच एक उपलब्ध असेल तर याचा वापर करण्याचे कष्ट तुम्ही का घ्याल?

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

1. तुम्ही केवळ तुमच्या सामग्रीचे दृश्य प्रतिनिधित्व पाहणार नाही, तर तुम्ही तुमची खरी सामग्री पाहाल आणि संपादित कराल

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

Page Builder Sandwich सह, सर्व संपादन तुमच्या साइटच्या फ्रंट एंडमध्ये केले जाते आणि खऱ्या व्हॉट-यू-सी-इज-व्हॉट-यू-गेट अनुभवासाठी तुम्ही तुमची सामग्री थेट संपादित करता.

2. त्या सर्व त्रासदायक पॉपअप डायलॉग्सशिवाय जलद आणि सोपे थेट संपादन

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

Page Builder Sandwich मध्ये सर्वत्र पॉपअप्सचा वापर कमी करणे हे आम्ही आमचे ध्येय ठेवले आहे. पॉपअप्स काढून टाकल्याने, कोणतीही सामग्री संपादित करणे पूर्वीपेक्षा अधिक सोपे आणि सुरळीत झाले आहे.

संपादन अतिशय सोप्या पद्धतीने केले जाते – तुमचा कर्सर तिथे ठेवण्यासाठी तुमच्या मजकुरावर क्लिक करा आणि टाइप करायला सुरुवात करा. संपादन सुरू करण्यासाठी तुम्हाला आता TinyMCE एडिटर असलेल्या पॉपअप डायलॉगची वाट पाहावी लागत नाही. सर्वात चांगली गोष्ट म्हणजे तुम्ही अजूनही तुमची सामग्री इकडे-तिकडे ड्रॅग आणि ड्रॉप करू शकता.

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

3. वर्डप्रेसच्या कार्यक्षमतेचा पुनर्वापर

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

वर्डप्रेस हे एक अफाट आणि अप्रतिम प्लॅटफॉर्म आहे आणि यामध्ये अनेक उत्कृष्ट योगदानकर्त्यांनी तयार केलेली छान टूल्स समाविष्ट आहेत. Page Builder Sandwich शक्य तितक्या प्रमाणात वर्डप्रेससोबत आधीच उपलब्ध असलेल्या कार्यक्षमतेचा वापर करते.

आमचा स्वतःचा कलर पिकर वापरण्याऐवजी, आम्ही Iris कलर पिकर वापरतो. आमच्या स्वतःच्या इमेज अपलोडरऐवजी, आम्ही मीडिया मॅनेजर वापरतो. याशिवाय backbonejs, underscorejs, wp.hooks आणि wp.shortcode यासारख्या आणखी काही उपयुक्त स्क्रिप्ट्स आहेत. आम्ही या सर्वांचा वापर करतो, आणि यामुळे आमचे काम सोपे झाले आहे तसेच कोडबेस अधिक स्थिर होण्यास मदत झाली आहे.

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

4. कीबोर्ड नेव्हिगेशन आणि शॉर्टकट्स

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

उदाहरणार्थ, काही बिल्डर्समध्ये, तुम्ही जिथे संपादन करत आहात त्यावरील एक परिच्छेद/विभाग मजकूर सहजपणे संपादित करू शकत नाही कारण तुम्हाला एका पॉपअप डायलॉगच्या बाहेर क्लिक करावे लागेल आणि नवीन पॉपअपवर क्लिक करावे लागेल. Page Builder Sandwich मध्ये, तुम्ही तुमच्या कीबोर्डने नेव्हिगेट करू शकता. तुमच्या सामग्रीमध्ये फिरण्यासाठी ॲरो की दाबा, तुमची दुसरी सामग्री दुसऱ्या पंक्तीत किंवा स्तंभात असली तरीही हे काम करते.

आणखी एक महत्त्वाचे वैशिष्ट्य म्हणजे अनडू आणि रिडू कीबोर्ड शॉर्टकट्स. सुरुवातीला ते फार मोठे वाटणार नाहीत, पण याचा विचार करा: जर तुम्ही तुमची सामग्री चुकून चुकीच्या ठिकाणी ड्रॅग आणि ड्रॉप केली तर काय? काही पेज बिल्डर्समध्ये, तुम्हाला ती पुन्हा तिच्या मूळ जागेवर ड्रॅग करावी लागेल. Page Builder Sandwich मध्ये, अनडू आणि रिडू दोन्ही काम करतात. त्यामुळे तुम्ही टाईप केलेले बदलू इच्छित असाल, किंवा तुमची ड्रॅग केलेली सामग्री (किंवा एकाधिक ड्रॅग केलेली सामग्री) पूर्ववत करू इच्छित असाल, तर फक्त अनडू किंवा रिडू दाबा. अनडू आणि रिडू हे ड्रॅग आणि ड्रॉप केलेल्या सामग्रीसाठी आणि फॉन्ट आकार आणि रो पॅडिंग्ससारख्या प्रॉपर्टी बदलांसाठी देखील कार्य करते. यामुळे ते तुमच्या संपादन शस्त्रागारातील शक्तिशाली साधने बनतात.

5. एक खरा फ्रंटएंड पेज बिल्डर – अधिक आरामदायी आणि त्रासमुक्त संपादन अनुभव

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

एकंदरीत, माझ्या मते, Page Builder Sandwich चा मुख्य वेगळेपणा हा आहे की आम्ही तो एक “खरा” फ्रंटएंड पेज बिल्डर बनवण्याच्या उद्दिष्टाने तयार केला आहे – फ्रंट एंड संपादन कसे असावे याची एक नवी संकल्पना.

हा लेख Page Builder Sandwich कसे कार्य करते याचा संक्षिप्त आढावा देईल आणि आमचे पेज बिल्डर वर्डप्रेसमधील वेगवेगळ्या गोष्टींमध्ये कसे समाकलित होते यात स्वारस्य असणाऱ्यांसाठी एक प्रारंभिक माहिती म्हणून तयार केला गेला आहे. मी Page Builder Sandwich च्या वैयक्तिक वैशिष्ट्यांवर जास्त चर्चा करणार नाही, जर तुम्हाला ती पाहायची असतील, तर आमच्या व्हिडिओ पृष्ठावर जा जेथे आम्ही लहान स्क्रीनकास्टसह प्रत्येक वैशिष्ट्य स्वतंत्रपणे दाखवतो.

Page Builder Sandwich हे इतर पेज बिल्डर्सपेक्षा कसे वेगळे आहे हे तुम्हाला जाणून घ्यायचे असल्यास, आमचा लेख पहा Page Builder Sandwich इतरांपेक्षा कसे वेगळे आहे.

ते कुठे आहे? आणि मी यासह काय संपादित करू शकतो?

इतर अनेक पेज बिल्डर्सच्या विपरीत, Page Builder Sandwich तुमच्या वेबसाइटच्या फ्रंट एंडमध्ये राहते. जर तुम्ही बॅक एंडमध्ये असाल, तर आम्ही सामग्री संपादक बटनांसोबत एक “Frontend” बटण प्रदान केले आहे जे तुम्हाला तुमच्या पृष्ठाच्या फ्रंट एंडवर घेऊन जाईल.

Page Builder Sandwich तुम्हाला तुमच्या पोस्ट्स, पेजेस आणि कस्टम पोस्ट टाईप सामग्री संपादित करण्याची अनुमती देते. तथापि, हे तुम्हाला तुमच्या एकत्रित फ्रंटपेज ब्लॉग पोस्ट्स आणि तुमच्या साइटमधील इतर नॉन-सिंगल भाग थेट संपादित करण्याची अनुमती देत नाही. फक्त असा विचार करा, जर तुम्हाला जे संपादित करायचे आहे त्यात बॅक एंडमध्ये सामग्री संपादक असेल (जसे की “New Post” आणि “New Page”), तर Page Builder Sandwich वापरले जाऊ शकते. तुम्ही तुमची वैयक्तिक पेजेस आणि ब्लॉग पोस्ट्स संपादित करू शकता, आणि उदाहरणार्थ तुमच्याकडे रेस्टॉरंट मेनू किंवा पोर्टफोलिओ आयटम्स सादर करणारे प्लगइन असल्यास, तुम्ही ते देखील संपादित करू शकता.

फ्रंट एंडमध्ये असताना, आम्ही तुमच्या ॲडमिनबारमध्ये एक निळे “Edit with Page Builder Sandwich” बटण ठेवले आहे. तुमचे पृष्ठ संपादित करणे सुरू करण्यासाठी फक्त त्यावर क्लिक करा.

थेट सामग्री संपादन

Page Builder Sandwich सह, आम्ही सामग्री संपादन शक्य तितके सोपे आणि त्रासमुक्त केले आहे. सामग्री संपादित करणे सरळ आणि सोपे आहे, फक्त क्लिक करा आणि टाईप करा. हे इतके सोपे आहे.

सादर करत आहोत, इन्स्पेक्टर

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

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

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

WordPress थीम्ससह समाकलित करणे

Page Builder Sandwich मध्ये स्वाभाविकपणे स्वतःच्या अशा जवळजवळ कोणत्याही स्टाईल्स समाविष्ट नाहीत. जेव्हा तुम्ही तुमची सामग्री संपादित करत असता, तेव्हा तुम्हाला दिसणाऱ्या स्टाईल्स मुख्यत्वे तुमच्या थीमवर आधारित असतात.

Shortcodes सह समाकलित करणे

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

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

वेबसाइट ब्लोट (अनावश्यक डेटा) बद्दल काय?

हळू चालणाऱ्या वेबसाइट्स कोणाला आवडतात? आम्हाला नक्कीच नाही आणि तुम्हाला तर अजिबात नाही. आम्ही खात्री केली आहे की Page Builder Sandwich चा तुमच्या वेबसाइटच्या कार्यक्षमतेवर जवळपास शून्य परिणाम होईल. लॉग आउट केल्यावर, अत्यंत कमीत कमी, केवळ पंक्ती आणि स्तंभांच्या CSS स्टाईल्स एन्क्यू केल्या जातात, तसेच तुम्ही वापरलेल्या शॉर्टकोड्ससाठी आवश्यक JS आणि CSS स्क्रिप्ट्स एन्क्यू केल्या जातात.

डेव्हलपर्ससाठी

जर तुम्ही डेव्हलपर असाल आणि तुमच्या WordPress प्लगइन्समध्ये शॉर्टकोड्स असतील, तर Page Builder Sandwich एक Shortcode API प्रदान करते जेणेकरून तुम्ही तुमच्या ग्राहकांना तुमच्या शॉर्टकोड्सची सोपी निर्मिती आणि फेरबदल करण्यासाठी फील्ड्स सहजपणे देऊ शकता.

तुम्हाला क्षमतांचा आणखी विस्तार करायचा असल्यास किंवा Page Builder Sandwich च्या काही भागांशी समाकलित करायचे असल्यास, आमच्याकडे भरपूर उपयुक्त ॲक्शन आणि फिल्टर हुक्स देखील आहेत जे तुम्ही वापरू शकता.