Page Builder Sandwich कसे वापरावे

लेखक:

मध्ये

,

Page Builder Sandwich हे तुमच्या नेहमीच्या पेज बिल्डरसारखे नाही, ते गुंतागुंत नसलेले आणि वापरण्यास सोपे आहे.

एका झटपट माहितीसाठी तुम्ही खालील व्हिडिओ पाहू शकता.

एडिटर कुठे आहे?

प्रथम, एक नवीन पेज, पोस्ट किंवा CPT तयार करा. नंतर तुमच्या फ्रंटएंडमध्ये तुमच्या नवीन पोस्टला किंवा कोणत्याही अस्तित्वात असलेल्या पोस्टला भेट द्या. PBS हे १००% फ्रंटएंड आहे, तुम्हाला बॅकएंडमध्ये काहीही फेरफार करण्याची आवश्यकता नाही.

तुमच्या पेजच्या वरच्या बाजूला (तुमच्या ॲडमिन बारवर) एक “Page Builder Sandwich” बटण असावे, संपादन सुरू करण्यासाठी त्यावर क्लिक करा. तुम्हाला वरून टेक्स्ट फॉरमॅटिंग क्षेत्र पॉप अप होताना आणि बाजूने ॲड एलिमेंट्स पॅनेल पॉप अप होताना दिसेल. तुमच्या थीमचे कंटेंट क्षेत्र आता तुमचा एडिटर आहे!

तुम्ही PBS सह फक्त सिंगल पेजेस संपादित करू शकता. तुम्ही ब्लॉग पोस्टची सूची किंवा 404 पेज संपादित करू शकत नाही कारण ते तुमच्या थीमद्वारे तयार केलेले असतात. पोस्ट्स, पेजेस आणि कस्टम पोस्ट प्रकार ठीक आहेत.

तुमचा मजकूर संपादित करणे

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

तुमचा मजकूर फॉरमॅट करणे / गोष्टी सुंदर बनवणे

dcb1615380 file 9OtagMFi2c

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

घटक जोडणे

ecfd309bb2 file yDqiNEv73s

ॲड एलिमेंट पॅनेल दाखवण्यासाठी स्क्रीनच्या वरच्या डाव्या बाजूला असलेल्या ॲड एलिमेंट्स बटणावर माउस फिरवा. तुम्ही ते दाखवण्यासाठी फक्त तुमचा माउस स्क्रीनच्या डाव्या बाजूला नेऊ शकता.

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

घटकांची शैली बदलणे आणि सुधारणे

तुमच्या मजकुरात असलेल्या कोणत्याही घटकावर माउस फिरवा आणि नंतर त्यावर आउटलाइन्स आणि टूलबार दिसायला हवेत.

0046713cb7 file YU6nUCc7jYघटकांमधील मार्जिन वाढवण्यासाठी/कमी करण्यासाठी तुम्ही आउटलाइन्सच्या कडांवर माउस फिरवू शकता.

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

5c220b4ac9 file Odem5RLPok

प्रॉपर्टीज इन्स्पेक्टर

3e7e48b754 file INy1v5z9Oz

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

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

प्रॉपर्टीज इन्स्पेक्टरमध्ये वेगवेगळ्या घटकांसाठी अनेक वेगवेगळ्या सेटिंग्ज असतात, त्यामुळे त्या सर्व नक्की तपासा.

शॉर्टकोड्स वापरणे

Page Builder Sandwich तुम्हाला फ्रंटएंडमध्ये प्रत्यक्ष शॉर्टकोड्स दाखवते, आणि तुम्ही ते सहजपणे संपादित देखील करू शकता!

edee730340 file TqfWB9yv3y

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

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

तुमचा मजकूर पुनर्रचित करणे

तुम्ही PBS सह काहीही क्लिक आणि ड्रॅग करू शकता आणि कुठेही हलवू शकता. जेव्हा तुम्ही एखादी गोष्ट ड्रॅग करता, तेव्हा ती पेजवरील दुसऱ्या घटकावर हलवा, तुम्ही ती इतर कोणत्याही मजकुराच्या वर किंवा खाली हलवू शकता.

तुमचे काम सेव्ह करणे

ae0cf6f413 file

एकदा तुम्ही तुमच्या डिझाइनबद्दल समाधानी झालात की, तुमच्या पेजच्या वरच्या डाव्या बाजूला असलेल्या सेव्ह बटणावर फक्त क्लिक करा. बस एवढंच!