एक नया पेज बिल्डर सिर्फ वर्डप्रेस स्पेस में उतरा, और यह दूसरों की तरह नहीं दिखता है मोज़ेक बिल्डर वर्डप्रेस साइटों के निर्माण के लिए एक वर्ग-आधारित, डिज़ाइन-सिस्टम दृष्टिकोण लेता है, एलिमेंट की तुलना में वेबफ्लो के करीब हमने इसके साथ समय बिताया, आधिकारिक हो रही शुरुआत के वॉकथ्रू का पालन किया, और खरोंच से एक साइट बनाई यह देखने के लिए कि यह वास्तव में क्या अच्छा करता है।
तो यहाँ हमारी पूरी मोज़ेक बिल्डर समीक्षा है: यह क्या है, संपादक कैसा महसूस करता है, और क्या आपको अभी तक एक वास्तविक परियोजना के साथ इस पर भरोसा करना चाहिए।
शुरू करने से पहले त्वरित नोट: हम निर्माण करते हैं एलिमेंट के लिए मास्टर ऐडऑनं, इसलिए हम हर दिन एलिमेंट इकोसिस्टम में रहते हैं यह हमें एक नए बिल्डर को जज करने के लिए एक उपयोगी लेंस देता है, और हम कहीं भी ध्वजांकित करेंगे हमारे परिप्रेक्ष्य रंग फैसले।
मोज़ेक बिल्डर क्या है?
मोज़ेक क्या एक वर्डप्रेस पेज बिल्डर और थीम बिल्डर एक में लुढ़का हुआ है इसकी पिच सरल है: “वर्डप्रेस में डिजाइन सीमाओं से थक गए मोज़ेक।” से मिलें
एक कैनवास पर विजेट छोड़ने और प्रत्येक को व्यक्तिगत रूप से स्टाइल करने के बजाय, मोज़ेक एक डिजाइन प्रणाली के आसपास बनाया गया है आपको मिलता हैः
- एक वर्ग प्रणाली तत्व वर्गों और उपयोगिता वर्गों के साथ, डेवलपर्स सीएसएस कैसे लिखते हैं
- शैली मार्गदर्शिकाएँ यह पूरी साइट पर रंगों और टाइपोग्राफी को नियंत्रित करता है
- घटकोंू ा करने योग्य तत्व जिन्हें आप एक बार संपादित करते हैं और हर जगह अपडेट करते हैं
- मास्टर्स और टेम्पलेट्स वह थीम-स्तरीय लेआउट (हेडर, पाद लेख, अभिलेखागार, एकल पोस्ट) को संभालता है
- एक इंटरेक्शन बिल्डर स्क्रॉल, होवर और क्लिक एनिमेशन के लिए
- एक लूप बिल्डर ब्लॉग अभिलेखागार और कस्टम पोस्ट प्रकार जैसी गतिशील सामग्री के लिए
यह तीन स्टार्टर विषयों के साथ जहाज: जिब्राल्टर (बोल्ड, आधुनिक), मोनोलिथ (स्वच्छ, न्यूनतम), और शून्य से निर्माण के लिए खाली यदि आपने वेबफ्लो या ब्रिक्स बिल्डर का उपयोग किया है, तो यह मॉडल परिचित महसूस करेगा यदि आप सीधे एलिमेंट से आ रहे हैं, तो मानसिक बदलाव की उम्मीद करें।
आरंभ करना: सेटअप विज़ार्ड
मोज़ेक की ऑनबोर्डिंग हमारे द्वारा परीक्षण किए गए अधिकांश प्लगइन्स से बेहतर है सक्रियण के बाद, एक चार-चरण विज़ार्ड आपको सेटिंग्स, मास्टर, टेम्पलेट्स और पृष्ठों के माध्यम से चलता है।
चतुर हिस्सा स्किनिंग सिस्टम है मोनोलिथ की तरह एक विषय चुनें, फिर एक रंग त्वचा (सियान, वायलेट, गुलाब, चैती, और छह अन्य) और एक फ़ॉन्ट त्वचा (तटस्थ, सुरुचिपूर्ण, कालातीत, ज्यामितीय, आधुनिक, भविष्यवादी) चुनें पूरी डेमो साइट तुरंत एक प्रकाश या गहरे रंग मोड टॉगल सहित, रीस्टाइल्स।
यह काम करता है क्योंकि थीम में सब कुछ हार्ड-कोडेड मानों के बजाय शैली चर का संदर्भ देता है ब्रांड रंग को एक बार बदलें और प्रत्येक बटन, लिंक और आइकन का पालन करें एलिमेंटर में ग्लोबल कलर्स हैं जो कुछ समान करते हैं, लेकिन मोज़ेक का कार्यान्वयन गहरा हो जाता है क्योंकि स्टार्टर थीम पूरी तरह से चर प्रणाली पर पहले दिन से निर्मित होते हैं।
कुछ ही मिनटों में हमारे पास एक पूर्ण डेमो साइट स्थापित हो गई: होमपेज, ब्लॉग संग्रह, ब्लॉग पोस्ट, मानचित्र के साथ संपर्क पृष्ठ, 404 पृष्ठ और खोज परिणाम, सभी संपादन योग्य।
संपादक: एक संरचना-पहला कैनवास
मोज़ेक में एक पृष्ठ खोलें और लेआउट पहचानने योग्य है: बाईं ओर तत्व वृक्ष, मध्य में लाइव कैनवास, दाईं ओर शैली नियंत्रण लेकिन दर्शन एलिमेंट से अलग है।
मोज़ेक का नेविगेटर आपके पृष्ठ को नेस्टेड संरचना के रूप में दिखाता है: अनुभाग, कंटेनर, पंक्तियां, फिर शीर्षक, पैराग्राफ, बटन, आइकन बॉक्स और डिव जैसे तत्व आप पेड़ से तत्वों का चयन करते हैं जितनी बार कैनवास से सही पैनल वास्तविक सीएसएस अवधारणाओं को उजागर करता है: न्यूनतम/अधिकतम मूल्यों के साथ चौड़ाई, जेड-इंडेक्स के साथ स्थिति, फ्लेक्स नियंत्रण, रूपांतरण (अनुवाद, स्केल, घुमाएं), बॉक्स छाया, और अतिप्रवाह।
डेवलपर्स के लिए, यह ताज़ा है नियंत्रण मानचित्र एक-से-एक सीएसएस के साथ आप हाथ से लिखेंगे, इसलिए कुछ भी छिपा हुआ या नाम नहीं लगता है शुरुआती लोगों के लिए, यह एक खड़ी पहाड़ी है एलिमेंट आपको बिना किसी शीर्षक को स्टाइल करने देता है कि फ्लेक्स कंटेनर क्या है मोज़ेक चुपचाप मानता है कि आप करते हैं।
एक बात जिसकी हमने सराहना की: संपादक हमारे परीक्षण निर्माण के दौरान उत्तरदायी रहा, यहां तक कि पूर्ण मोनोलिथ डेमो लोड होने के बावजूद भी।
वर्ग प्रणाली: मोज़ेक का सबसे बड़ा विचार
यह वह जगह है जहां मोज़ेक खुद को अधिकांश वर्डप्रेस पेज बिल्डरों से अलग करता है प्रत्येक तत्व कक्षाएं ले सकता है, और कक्षाएं दो स्वादों में आती हैंः
- तत्व कक्षाएं परिभाषित करें कि कुछ क्या है: बटन, कार्ड, एनएवी लिंक
- उपयोगिता कक्षाएं एकल गुणों को परिभाषित करें जिन्हें आप स्टैक कर सकते हैं: रिक्ति, पाठ रंग, आकार
कक्षाएं भी घोंसला करती हैं मोनोलिथ थीम के बटन वर्ग में प्राथमिक और माध्यमिक वेरिएंट हैं, प्रत्येक एस, एम और एल आकार के साथ किसी भी बटन का चयन करें, इसके उप-वर्ग को स्वैप करें, और यह तुरंत फिर से स्टाइल करता है प्राथमिक वर्ग को स्वयं संपादित करें और साइट अपडेट पर प्रत्येक प्राथमिक बटन।
यदि आपको कभी भी एक एलिमेंट साइट विरासत में मिली है जहां हर बटन को हाथ से स्टाइल किया गया था, थोड़ा अलग, आप इस समस्या को समझते हैं कि यह हल करता है आप शैलियों को सुसंगत रखने के लिए अनुशासन पर भरोसा करना बंद कर देते हैं; संरचना आपके लिए यह करती है।
व्यापार बंद वास्तविक है, हालांकि एक वर्ग प्रणाली योजना की मांग करती है आपको निर्माण करने से पहले नामकरण, पदानुक्रम और पुन: उपयोग के बारे में सोचने की ज़रूरत है, जो कि ठीक उसी तरह का ओवरहेड है जो एक फ्रीलांसर पांच पेज की ब्रोशर साइट को खटखटाता है, शायद नहीं चाहता।
घटक, मास्टर्स और थीम बिल्डिंग
मोज़ेक दो जुड़े विचारों के माध्यम से साइट-व्यापी लेआउट को संभालता हैः
परास्नातक क्या आपका बाहरी आवरण है: हेडर, फुटर, और कुछ भी जो हर पृष्ठ को लपेटता है एक बार मास्टर को संपादित करें और परिवर्तन हर जगह दिखाई देता है।
टेम्पलेट्स मास्टर्स के अंदर रहते हैं और सामग्री क्षेत्रों को नियंत्रित करते हैं मोज़ेक के डेमो में होमपेज, ब्लॉग संग्रह, एकल पोस्ट, संपर्क, संग्रह, ४०४ और खोज परिणामों के लिए टेम्पलेट शामिल हैं।
जब आप एक नया पृष्ठ बनाते हैं, तो एक संवाद पूछता है कि क्या एक नया टेम्पलेट, एक मौजूदा टेम्पलेट, या एक ऑटो टेम्पलेट असाइन करना है जो हर उदाहरण में परिवर्तन लागू करता है।
घटकों पुन: प्रयोज्य ब्लॉक हैं: एक मूल्य निर्धारण कार्ड, एक प्रशंसापत्र, एक सीटीए अनुभाग उदाहरणों को कहीं भी छोड़ दें, घटक को संपादित करें, और सभी उदाहरण सिंक करें।
यह वास्तविक थीम बिल्डिंग है, और यह एक अलग थीम के बिना काम करता है तुलना के लिए, एलिमेंटर उपयोगकर्ताओं को इसके माध्यम से समान कवरेज मिलता है मास्टर एडॉन्स थीम बिल्डरे, जो एलिमेंट के संपादक के शीर्ष पर कस्टम हेडर, पाद लेख, अभिलेखागार, एकल टेम्पलेट और ४०४ पृष्ठ जोड़ता है अंतिम परिणाम समान है; मोज़ेक सिर्फ इसे ऐड-ऑन परत के रूप में मानने के बजाय मुख्य उत्पाद में सेंकना करता है।
इंटरैक्शन और एनिमेशन
मोज़ेक में दो ट्रिगर श्रेणियों के साथ एक इंटरैक्शन बिल्डर शामिल हैः
- सरल ट्रिगरः दृश्य में स्क्रॉल करें, होवर करें, क्लिक करें, पृष्ठ लोड करें, स्क्रॉल दिशा परिवर्तन
- निरंतर ट्रिगरः माउस हिलते हैं और स्क्रॉल करते समय
किसी भी अनुभाग या तत्व के लिए एक ट्रिगर संलग्न करें, फिर परिभाषित करें कि क्या एनिमेट करता है यह आधुनिक-लैंडिंग-पेज अनिवार्य को कवर करता है: स्क्रॉल पर फीका-इन्स, लंबन-शैली आंदोलन, सरल रंग स्वैप से परे होवर राज्य।
यह एक सक्षम प्रणाली है, हालांकि क्रांतिकारी नहीं है गति प्रभाव और एडॉन्स के माध्यम से एलिमेंट उपयोगकर्ताओं के पास वर्षों से समान विकल्प हैं मास्टर एडॉन्स अकेले कवर करते हैं प्रवेश एनिमेशन, फ्लोटिंग प्रभाव और स्क्रॉल-आधारित आंदोलन, साथ ही कण पृष्ठभूमि जैसे अतिरिक्त भी। मोज़ेक जो पेशकश करता है वह सख्त एकीकरण है: इंटरैक्शन टैब में बिखरे होने के बजाय बाकी सभी चीजों के समान पैनल में रहते हैं।
लूप और गतिशील सामग्री
लूप बिल्डर ने हमारे ब्लॉग संग्रह परीक्षण को अच्छी तरह से संभाला आप एक आइटम (छवि, श्रेणी, शीर्षक, अंश, लेखक, तिथि) डिज़ाइन करते हैं, और मोज़ेक इसे हर पोस्ट के लिए दोहराता है, पेजिनेशन नियंत्रण और एक “no परिणाम” स्थिति के साथ पूरा होता है।
लूप पोस्ट, पेज और कस्टम पोस्ट प्रकारों से कनेक्ट होते हैं, और टेम्पलेट स्थितियों के साथ जोड़ी बनाते हैं ताकि अभिलेखागार, श्रेणियां और खोज परिणाम प्रत्येक को सही लेआउट मिल सके सशर्त दृश्यता तर्क के साथ संयुक्त, आप संदर्भ के आधार पर सामग्री दिखा या छिपा सकते हैं, जो समान है प्रदर्शन की स्थिति एलिमेंट में करते हैं.
यदि आप सामग्री-भारी साइटों का निर्माण करते हैं, तो यह मोज़ेक के सबसे मजबूत क्षेत्रों में से एक है हमारे द्वारा परीक्षण किए गए अधिकांश बिल्डरों की तुलना में यहां एक कस्टम ब्लॉग लेआउट का निर्माण तेजी से महसूस किया गया है एलिमेंट उपयोगकर्ता आमतौर पर ब्लॉग एलिमेंट जैसे विजेट तक पहुंचते हैं एक ब्लॉग पेज बनाएँहै, जो आपको वहां भी ले जाता है, लेकिन मोज़ेक का दृष्टिकोण आपको प्रत्येक लूप आइटम पर बेहतर संरचनात्मक नियंत्रण देता है।
मोज़ेक बिल्डर मूल्य निर्धारण
मोज़ेक का लॉन्च मूल्य निर्धारण आक्रामक है, स्पष्ट रूप से उपयोगकर्ता आधार को तेजी से बनाने के लिए डिज़ाइन किया गया हैः
| योजना | कीमत | साइटें | लाइसेंस |
|---|---|---|---|
| व्यक्तिगत | मुफ़्त पहला वर्ष, फिर $39/वर्ष | 1 साइट | वार्षिक |
| निर्माता | पहले वर्ष मुफ़्त, फिर $149/वर्ष | 10 साइटें | वार्षिक |
| एजेंसी | $199 जीवनकाल (प्रारंभिक पक्षी, नियमित $499) | असीमित | लाइफटाइम |
जानने योग्य कुछ विवरणः
- द निःशुल्क प्रथम वर्ष व्यक्तिगत और निर्माता योजनाओं पर २०२६ के अंत तक चलने वाला एक प्रारंभिक-पक्षी प्रस्ताव है आप अभी कुछ भी भुगतान नहीं करते हैं और सदस्यता दूसरे वर्ष में शुरू होती है।
- सभी योजनाओं में प्रत्येक प्रो सुविधा शामिल है स्तरों में केवल साइट गिनती और सक्रियण सीमा में अंतर होता है (व्यक्तिगत पर प्रति वर्ष २, निर्माता पर १५, एजेंसी पर असीमित)।
- कोई स्थायी मुक्त संस्करण नहीं है।
असीमित प्रो सुविधाओं के साथ एक नि: शुल्क वर्ष के बारे में प्रवेश के लिए बाधा के रूप में कम हो जाता है $ १९९ आजीवन एजेंसी सौदा भी मजबूत मूल्य है यदि उत्पाद जीवित रहता है और परिपक्व होता है।
फैसला: एक होनहार बिल्डर जिसे समय की आवश्यकता है
मोज़ेक बिल्डर अधिक दिलचस्प वर्डप्रेस बिल्डरों में से एक है जिसे हमने वर्षों में लॉन्च किया है क्लास सिस्टम अच्छी तरह से निष्पादित किया गया है, ऑनबोर्डिंग उत्कृष्ट है, थीम बिल्डिंग बोल्ट के बजाय बनाई गई है, और फ्री-फर्स्ट-ईयर प्राइसिंग किसी भी बहाने को हटा देती है इसे आजमाने के लिए नहीं।
हमारी सिफारिशः
- कोशिश करो एक स्टेजिंग या साइड प्रोजेक्ट पर, खासकर यदि आप सीएसएस जानते हैं और वेबफ्लो मॉडल की तरह हैं मुक्त वर्ष इसे शून्य-जोखिम प्रयोग बनाता है।
- एलिमेंट के साथ चिपके रहें यदि आप एडऑन पारिस्थितिकी तंत्र पर भरोसा करते हैं, तो एक मुफ्त टियर की आवश्यकता है, या क्लाइंट काम के लिए सबसे सुरक्षित मार्ग चाहते हैं एक अच्छी तरह से चुना गया ढेर लगभग सब कुछ शामिल करता है मोज़ेक आज वादा करता है, यही कारण है कि एलिमेंट अभी भी हमारे शीर्ष पर है पेज बिल्डर तुलना.
हम इस मोज़ेक बिल्डर समीक्षा को अपडेट करेंगे जब एक स्थिर रिलीज जहाजों यदि वर्ग प्रणाली वास्तविक ग्राहक साइटों पर रखती है, तो एलिमेंटर के पास गंभीरता से लेने के लायक प्रतिद्वंद्वी होगा, और यह दबाव हर बिल्डर को बेहतर बनाता है।
अक्सर पूछे जाने वाले प्रश्न
मोज़ेक बिल्डर क्या है?
मोज़ेक बिल्डर एक नया वर्डप्रेस पेज बिल्डर और थीम बिल्डर है यह पुन: प्रयोज्य घटकों, शैली चर, एक इंटरैक्शन बिल्डर और गतिशील लूप के साथ एक वर्ग-आधारित डिज़ाइन सिस्टम का उपयोग करता है, जो पारंपरिक वर्डप्रेस बिल्डरों की तुलना में वेबफ्लो के करीब एक दृष्टिकोण लेता है।
मोज़ेक बिल्डर मुक्त है?
कोई स्थायी मुफ्त संस्करण नहीं है, लेकिन व्यक्तिगत और निर्माता वार्षिक योजनाएं २०२६ के अंत तक शुरुआती-पक्षी प्रस्ताव के रूप में पहले वर्ष के लिए मुफ्त हैं उसके बाद, एक साइट के लिए प्रति वर्ष $ ३९ से शुरू होने वाली योजनाएं, $ १९९ आजीवन एजेंसी सौदा के साथ।
क्या शुरुआती मोज़ेक बिल्डर का उपयोग कर सकते हैं?
शुरुआती इसका उपयोग कर सकते हैं, लेकिन सीखने की अवस्था एलिमेंट की तुलना में अधिक तेज है मोज़ेक कक्षाओं, कंटेनरों और फ्लेक्सबॉक्स जैसे डेवलपर अवधारणाओं के आसपास बनाया गया है शामिल वीडियो पाठ्यक्रम मदद करता है, लेकिन गैर-तकनीकी उपयोगकर्ताओं को वास्तविक सीखने के समय का बजट करना चाहिए।
क्या मोज़ेक बिल्डर मौजूदा वर्डप्रेस थीम के साथ काम करता है?
मोज़ेक अपने स्वयं के मास्टर्स और टेम्पलेट्स सिस्टम के साथ अपनी थीम परत को बदल देता है यह दो डिज़ाइन किए गए विषयों, जिब्राल्टर और मोनोलिथ के साथ जहाज करता है, साथ ही खरोंच से पूरी तरह से निर्माण के लिए एक खाली स्टार्टर।
संबंधित पढ़नाः यदि आप अपने विकल्पों पर विचार कर रहे हैं, तो हमारे राउंडअप देखें सर्वश्रेष्ठ एलिमेंटर थीम और एलिमेंट के लिए सर्वश्रेष्ठ हल्के वर्डप्रेस थीम, या जाँच करें मास्टर ऐडऑन v३ में नया क्या है.
