Page Builder Sandwich कसरी प्रयोग गर्ने

द्वारा लिखित

मा

, ,

Page Builder Sandwich कसरी प्रयोग गर्ने

Page Builder Sandwich तपाईंको सामान्य पृष्ठ निर्माणकर्ता (page builder) जस्तो छैन, यो जटिल छैन र प्रयोग गर्न सजिलो छ।

द्रुत जानकारीका लागि तपाईं तलको भिडियो हेर्न सक्नुहुन्छ।

सम्पादक (Editor) कहाँ छ?

पहिले, नयाँ पृष्ठ, पोस्ट वा CPT सिर्जना गर्नुहोस्। त्यसपछि तपाईंको फ्रन्टएन्डमा नयाँ पोस्ट वा कुनै अवस्थित पोस्ट खोल्नुहोस्। PBS शतप्रतिशत फ्रन्टएन्ड हो, तपाईंले ब्याकएन्डमा केही चलाउनु पर्दैन।

तपाईंको पृष्ठको माथि (तपाईंको व्यवस्थापक पट्टी/admin bar मा) एउटा “Page Builder Sandwich” बटन हुनुपर्छ, सम्पादन सुरु गर्न त्यसमा क्लिक गर्नुहोस्। तपाईंले माथिबाट पाठ ढाँचा क्षेत्र (text formatting area) पप अप भएको, र छेउबाट तत्व थप्ने प्यानल (add elements panel) पप अप भएको देख्नुहुनेछ। तपाईंको थिमको सामग्री क्षेत्र अब तपाईंको सम्पादक हो!

तपाईं PBS मार्फत एकल पृष्ठहरू मात्र सम्पादन गर्न सक्नुहुन्छ। तपाईं ब्लग पोस्टहरूको सूची, वा 404 पृष्ठ सम्पादन गर्न सक्नुहुन्न किनकि ती तपाईंको थिमद्वारा सिर्जना गरिएका हुन्। पोस्टहरू, पृष्ठहरू र अनुकूलन पोस्ट प्रकारहरू (custom post types) सम्पादन गर्न सकिन्छ।

तपाईंको सामग्री सम्पादन गर्दै

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

तपाईंको सामग्री ढाँचा मिलाउने / सामग्रीलाई सुन्दर बनाउने

dcb1615380 file 9OtagMFi2c

सम्पादन गर्दा, माथिको क्षेत्रलाई Text Formatting Bar भनिन्छ। यस पट्टीमा तपाईंले पाठलाई स्टाइल गर्न प्रयोग गर्ने सबै ढाँचा उपकरणहरू समावेश छन् जस्तै: रङहरू, बोल्ड, इटालिक, पङ्क्तिबद्धता, लिङ्कहरू थप्ने, बुलेटहरू र थप। उपकरणले के गर्छ भनी जान्न प्रत्येक बटनमाथि होभर गर्नुहोस्।

तत्वहरू (Elements) थप्दै

ecfd309bb2 file yDqiNEv73s

Add Element Panel देखाउन स्क्रिनको माथिल्लो बायाँपट्टि रहेको Add Elements बटनमाथि आफ्नो माउस होभर गर्नुहोस्। तपाईं यसलाई देखाउन स्क्रिनको बायाँ छेउमा माउस सार्न पनि सक्नुहुन्छ।

कुनै पनि तत्व घुसाउन, एउटामा आफ्नो माउस थिचिराख्नुहोस्, त्यसपछि यसलाई तपाईंको सामग्री क्षेत्रमा तान्नुहोस् (drag गर्नुहोस्)। तत्व राखिने क्षेत्र हाइलाइट हुनेछ। तत्व राख्न आफ्नो माउस बटन छोड्नुहोस्।

तत्वहरूको शैली मिलाउने र परिमार्जन गर्ने

तपाईंको सामग्रीमा भएको कुनै पनि तत्वमाथि आफ्नो माउस होभर गर्नुहोस् र त्यसपछि तिनीहरूमाथि रूपरेखा (outlines) र उपकरणपट्टीहरू (toolbars) देखिनेछन्।

0046713cb7 file YU6nUCc7jYतत्वहरू बीचको मार्जिन बढाउन/घटाउन तपाईं रूपरेखाका किनारहरूमा माउस होभर गर्न सक्नुहुन्छ।

तत्वमा द्रुत कार्यहरू गर्न तपाईं उपकरणपट्टीको बटनमा पनि क्लिक गर्न सक्नुहुन्छ। उपकरणपट्टीमा रहेको gear आइकनमा क्लिक गर्दा Properties Inspector खुल्नेछ जसमा थप विकल्पहरू समावेश छन्।

5c220b4ac9 file Odem5RLPok

Properties Inspector

3e7e48b754 file INy1v5z9Oz

Properties inspector ले तपाईंलाई आफ्ना तत्वहरूको रूपरङ्गमा थप नियन्त्रण दिन्छ। तपाईं छायाँ, एनिमेसन, नक्साको रङ परिवर्तन, बोर्डर रेडियस, र अन्य धेरै कुराहरू थप्न सक्नुहुन्छ।

तपाईं तत्वका मूल (parent) तत्वहरूको गुणहरूमा पनि पहुँच गर्न सक्नुहुन्छ। उदाहरणका लागि, यदि तपाईंले स्तम्भ (column) भित्र एउटा छवि राख्नुभयो र properties inspector खोल्नुभयो भने, तपाईं छविका गुणहरू, यो समावेश भएको स्तम्भ, र स्तम्भ समावेश भएको पङ्क्ति (row) सम्म पहुँच गर्न सक्नुहुन्छ।

Properties inspector मा विभिन्न तत्वहरूका लागि धेरै फरक सेटिङहरू समावेश छन्, त्यसैले ती सबै जाँच गर्न निश्चित गर्नुहोस्।

सर्टकोडहरू प्रयोग गर्दै

Page Builder Sandwich ले तपाईंलाई फ्रन्टएन्डमा वास्तविक सर्टकोडहरू देखाउँछ, र तपाईं तिनीहरूलाई सजिलै सम्पादन पनि गर्न सक्नुहुन्छ!

edee730340 file TqfWB9yv3y

यदि तपाईंले आफ्ना सर्टकोडहरू कण्ठ गर्नुभएको छ भने, तपाईं आफ्नो सामग्रीमा सीधै टाइप गरेर सर्टकोडहरू घुसाउन सक्नुहुन्छ। तर यदि तपाईंले ती सबै कण्ठ गर्नुभएको छैन भने (त्यस्तो कसले गर्छ र?), inspector ले तपाईंको साइटमा उपलब्ध सबै सर्टकोडहरू सूचीबद्ध गर्दछ। inspector बाट Shortcode बटनलाई आफ्नो सामग्री क्षेत्रमा तान्नुहोस् र तपाईंले घुसाउन चाहेको सर्टकोड फेला पार्नुहोस्, यसलाई घुसाउन त्यसमा क्लिक गर्नुहोस्।

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

तपाईंको सामग्री पुनः व्यवस्थित गर्दै

तपाईं PBS मार्फत कुनै पनि कुरालाई क्लिक गरेर तान्न र जहाँसुकै सार्न सक्नुहुन्छ। जब तपाईं केही कुरा तान्नुहुन्छ, यसलाई पृष्ठको अर्को तत्वको माथि सार्नुहोस्, तपाईं तिनीहरूलाई अन्य कुनै पनि सामग्रीको माथि वा तल सार्न सक्नुहुन्छ।

तपाईंको काम बचत गर्दै (Saving Your Work)

ae0cf6f413 file

एक पटक तपाईं आफ्नो डिजाइनसँग सन्तुष्ट भएपछि, तपाईंको पृष्ठको शीर्ष बायाँमा रहेको save बटनमा क्लिक गर्नुहोस्। बस यति नै!