हम मान्यता से परे टेम्पलेट MotoCMS को बदलते हैं। 10 आसान उपाय

वास्तव में एक सप्ताह बीत चुका है कि Moto CMS रूसी भाषी उपयोगकर्ताओं के लिए उपलब्ध हो गया है। हम अपने नियंत्रण कक्ष के आधार पर फ्लैश साइट टेम्पलेट्स के तैयार स्टोर के साथ इस छोटे मील के पत्थर पर आए हैं। आज दोपहर, 65 वें टेम्पलेट को template.motocms.ru में जोड़ा गया।







हम यह दावा करने की स्वतंत्रता लेते हैं कि फ्लैश टेम्पलेट्स का एक बड़ा चयन MotoCMS आपको लगभग किसी भी डिजाइन और कार्यक्षमता के साथ एक साइट बनाने की अनुमति देता है।

आइए एक उदाहरण देखें।



चेतावनी! बड़ी संख्या में स्क्रीनशॉट।







मूल संग्रह, प्रभाव और उपकरण कैसे काम करते हैं, यह देखने के लिए Moto संग्रह से किसी भी फ़्लैश टेम्पलेट को लें। नए पृष्ठ जोड़ें, रंग और फ़ॉन्ट बदलें।



इससे पहले कि आप टेम्पलेट को संपादित करना शुरू करें, आपको होस्टिंग को फाइल अपलोड करने और टेम्पलेट स्थापित करने की आवश्यकता है। टेम्पलेट स्थापित करने के लिए चरण-दर-चरण मार्गदर्शिका आपको ऐसा करने में मदद करेगी। या आप बस प्रत्येक टेम्पलेट में स्थित लिंक "डेमो कंट्रोल पैनल" पर क्लिक कर सकते हैं।



फिर सब कुछ सरल और सहज है। दस कदम, और आप काम के लिए अपनी खुद की वेबसाइट तैयार करें। तो, चलिए चलते हैं:



1. स्पष्ट पैनल से स्पष्ट भाषा में हमसे बात करें। या तो क्षैतिज शीर्ष मेनू में "प्राथमिकताएं" आइटम का चयन करें, या पैनल पर शॉर्टकट पर क्लिक करें। अगला, "नियंत्रण कक्ष प्राथमिकताएं" - "इंटरफ़ेस भाषा"।







भाषाओं की प्रस्तावित सूची में "रूसी" का चयन करें।







उर। MotoCMS नियंत्रण कक्ष Russified है।



2. "फ़ाइल" मेनू अनुभाग में "विज़ार्ड" आइटम का चयन करें। यह इसकी मदद से कदम से कदम है, कि टेम्पलेट के आधार पर एक व्यक्तिगत साइट बनाई जाएगी।







3. "विज़ार्ड" की कार्यक्षमता वास्तव में मास्टर है :)। आप सामग्री को संपादित कर सकते हैं, संरचना और लेआउट को बदल सकते हैं, दोनों साइट की सेटिंग्स और नियंत्रण कक्ष का प्रबंधन कर सकते हैं। यदि आप अधिक मौलिक ज्ञान प्राप्त करना चाहते हैं या सिर्फ अच्छे लोगों के साथ चैट करना चाहते हैं, तो चौथे आइटम का चयन करें - "सहायता और सहायता"।



उदाहरण के रूप में उत्पाद पृष्ठ का उपयोग करते हुए, हम मौजूदा टेम्पलेट के लिए संपादन प्रक्रिया की समीक्षा करेंगे।

इस पृष्ठ पर जाने के लिए, तीर का अनुसरण करें: "सेटिंग" -> "विज़ार्ड" -> "वेबसाइट सामग्री संपादित करें" -> "पृष्ठ संपादित करें"। यहां आप "ऐड" बटन पर क्लिक करके एक नया पेज बना सकते हैं (एक नया पेज या तो पूरी तरह से साफ हो सकता है या इस टेम्पलेट की विशिष्ट संरचना के साथ)।







कहने की आवश्यकता नहीं है, आप आसानी से किसी मौजूदा पृष्ठ का नाम बदल सकते हैं, सही पैनल में शीर्षक और URL बदल सकते हैं (ऊपर स्क्रीनशॉट देखें)।



हमारे उदाहरण में, हमने "उत्पाद" पृष्ठ का नाम और शीर्षक बदल दिया। पृष्ठ की सामग्री को संपादित करने के लिए, "संपादित करें" पर क्लिक करें।



हमें जिस पृष्ठ की आवश्यकता है वह मुख्य CMS संपादन क्षेत्र में खुलता है। पृष्ठ के किसी भी तत्व में परिवर्तन किया जा सकता है। यह तत्व संपत्ति संपादक का उपयोग करके किया जाता है। जब आप दाएँ फलक में एक पृष्ठ पर एक अलग ऑब्जेक्ट का चयन करते हैं, तो संबंधित संपादक सक्रिय होता है।







4. हम स्वयं प्रयास करने के लिए उत्सुक हैं :)। आइए साइट के लोगो को बदलकर शुरू करें। लोगो की सीमाओं को उजागर करने के लिए पाठ क्षेत्र पर क्लिक करें। पाठ ऑब्जेक्ट के गुण दाईं ओर पैनल में दिखाई देते हैं। WYSIWYG संपादक का उपयोग करके, आप आसानी से टेक्स्ट का आकार, रंग बदल सकते हैं और संरेखण लागू कर सकते हैं। आप तत्व का विस्तार भी कर सकते हैं, विभिन्न प्रभाव लागू कर सकते हैं, जैसे कि "धुंधला", "चमक", "छाया" और अन्य। हमने टेक्स्ट एडिटर का उपयोग करके लोगो टेक्स्ट का रंग बदल दिया है जो तब दिखाई देता है जब आप किसी तत्व पर डबल-क्लिक करते हैं।



किसी ऑब्जेक्ट को घुमाने के लिए, माउस कर्सर को ऑब्जेक्ट फ्रेम के कोने तक ले जाएं जब तक कि आप एक गोल तीर (नीचे स्क्रीनशॉट देखें) न देखें, फिर बाईं माउस बटन पर क्लिक करें और आवश्यक दिशा में ऑब्जेक्ट को घुमाएं। "प्रभाव" टैब पर, "चमक" चुनें और रंग को सफेद में सेट करें।







5. चूंकि अब हम "उत्पाद" पृष्ठ पर हैं, तो आपके पास एक प्रश्न हो सकता है: क्या इस तरह से साइट के सभी पृष्ठों पर लोगो प्रदर्शित किया जाएगा? हां, यदि आप ऊपरी टूलबार में "स्थान" फ़ील्ड में "स्लोगन होल्डर" का चयन करते हैं।



"सहेजें" बटन पर क्लिक करके परिवर्तनों को सहेजना न भूलें। अब आप "पूर्वावलोकन" बटन का उपयोग करके साइट पर किए गए सभी परिवर्तनों को देख सकते हैं।



टेम्पलेट को संपादित करते समय, एक खतरा होता है: सब कुछ इतना सरल और सहज रूप से किया जाता है कि कभी-कभी इसे रोकना मुश्किल होता है। एक स्क्रीनशॉट वापस जाएं और इस पृष्ठ को सामान्य रूप से याद रखने की कोशिश करें, क्योंकि अब यह इस तरह दिखता है:







जैसा कि आप देख सकते हैं, हमारे अटूट हाथों ने नारों को नहीं छोड़ा, न ही रंग योजना को, न ही मेनू आइटम और व्यक्तिगत बटन के स्थान, साथ ही साथ अंतरिक्ष में उनके अभिविन्यास को भी। और यह सिर्फ शुरुआत है!



6. हम प्रयोग जारी रखते हैं। अगला चरण साइट मेनू है। पृष्ठ पर मेनू क्षेत्र का चयन करें जहां वह है (हमारे मामले में, यह "उत्पाद" पृष्ठ के निचले भाग में चार बटन के साथ एक क्षैतिज बहु-रंगीन पट्टी है)। सही साइडबार में, आप मेनू गुण सेट कर सकते हैं और कुछ प्रभाव जोड़ सकते हैं। मेनू आइटम बदलने या नए जोड़ने के लिए, दाहिने पैनल के नीचे "मॉड्यूल संपादित करें" बटन पर क्लिक करें या पृष्ठ पर मेनू पर ही डबल-क्लिक करें। खुलने वाली विंडो में (नीचे स्क्रीनशॉट), आप एक नया मेनू आइटम बना सकते हैं, उसका नाम पंजीकृत कर सकते हैं, रंग सेट कर सकते हैं, और यह भी इंगित कर सकते हैं कि चयनित मेनू आइटम पर क्लिक करने पर उपयोगकर्ता कहां जाएगा। मेनू मॉड्यूल के स्थान को बदलने के लिए, बस इसे वांछित स्थान पर खींचें।







इस प्रकार, हमने मेनू के रंगों को थोड़ा बदल दिया और दाईं ओर के पैनल में "प्रभाव" टैब का उपयोग करके "ग्लो" प्रभाव लागू किया।







पृष्ठ की पृष्ठभूमि का रंग आसानी से बदला जा सकता है, जैसे साइट सामग्री का कोई अन्य तत्व। बस पृष्ठ के एक खाली क्षेत्र पर क्लिक करें और सही साइडबार में आवश्यक गुण सेट करें। एक मोड़ जोड़ना चाहते हैं? पृष्ठ की पृष्ठभूमि से स्विच करने की क्षमता (उस पर डबल-क्लिक करके) किसी अन्य पृष्ठ, पॉप-अप विंडो या बाहरी URL पर उपयोग करें। सभी आवश्यक कार्यक्षमता "क्रियाएँ" टैब में आपका इंतजार कर रही है।



चूंकि हमने पृष्ठ का रंग बदल दिया है, इसलिए इस पृष्ठ पर बटन का रंग बदलना तर्कसंगत होगा। ऑब्जेक्ट गुण टैब में संबंधित फ़ील्ड का उपयोग करके आपको आवश्यक रंग चुनें।







7. सामग्री के लिए जाओ। पृष्ठ पर पाठ संदेश बदलें और कुछ और जानकारी जोड़ें। उस पाठ पर क्लिक करें जिसे आप बदलना चाहते हैं, पाठ ब्लॉक के अंदर एक कर्सर दिखाई देगा, और फिर सब कुछ एक नियमित पाठ संपादक के रूप में होगा। पाठ को निकालना, जोड़ना, फ़ॉन्ट और रंग बदलना, और अन्य परिचित स्वरूपण फ़ंक्शन।



हम इस पृष्ठ पर छवियों को दृढ़ता से नापसंद करते हैं। हम बदलेंगे! दाहिने फलक में उपलब्ध संपत्ति विकल्पों को देखने के लिए चित्र पर एक बार क्लिक करें। जब आप "छवि" में "ब्राउज़ करें" बटन पर क्लिक करते हैं तो आप "मीडिया लाइब्रेरी" पर जाएंगे, जहां इस टेम्पलेट में स्थित सभी छवियां संग्रहीत हैं। आप विंडो के ऊपरी बाएँ कोने में "जोड़ें" बटन पर क्लिक करके "मीडिया लाइब्रेरी" में एक छवि जोड़ सकते हैं।







अगला, वांछित छवि का चयन करें और पृष्ठ के निचले भाग में "चयन करें" बटन पर क्लिक करें। पुरानी छवि को नए डिफ़ॉल्ट के साथ बदल दिया जाएगा। आप छवि पर प्रभाव भी लागू कर सकते हैं, जैसे धुंधला, रंगकरण, छाया और अन्य।



परिवर्तनों को सहेजना याद रखें :)।



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



बाएं टूलबार में "फोटो" बटन पर क्लिक करें और "मीडिया लाइब्रेरी" पर जाएं, स्क्रीन के शीर्ष पर "जोड़ें" बटन का उपयोग करके वांछित छवि जोड़ें। छवि को हाइलाइट करें, "चयन करें" पर क्लिक करें और ऑब्जेक्ट को वांछित स्थान पर रखें। बैकग्राउंड को बैकग्राउंड में रखने के लिए, अन्य ऑब्जेक्ट्स के पीछे, आपको ऊपरी टूलबार में "बैकग्राउंड" आइकन पर क्लिक करना होगा। जैसे ही आप "स्थान" मेनू में "वेबसाइट" परत का चयन करते हैं, साइट की पृष्ठभूमि साइट के सभी पृष्ठों और पॉप-अप विंडो पर दिखाई देगी। आप सही साइडबार का उपयोग करके चौड़ाई या ऊँचाई को बदल सकते हैं।



यहाँ पृष्ठभूमि है जो हमें एक परिणाम के रूप में मिली:







जैसा कि आप देख सकते हैं, MotoCMS टेम्पलेट के किसी भी तत्व को संपादित करना आसान बनाता है। दायाँ नियंत्रण पैनल वस्तुओं के गुणों के लिए सेटिंग्स दिखाता है, ऊपरी पैनल वस्तुओं को समग्र रूप से संपादित करता है, और बाएं पैनल आपको पृष्ठ पर मॉड्यूल और तत्वों को जोड़ने की अनुमति देता है।



9. संपादन और आंतरिक लिंकिंग पर लौटें। आइए "उत्पाद" पृष्ठ पर "ब्रांड" अनुभाग को "विवरण" बटन के माध्यम से दूसरे पृष्ठ से कनेक्ट करने का प्रयास करें। ऐसा करने के लिए, आपको पहले एक अतिरिक्त पृष्ठ बनाना होगा।



नियंत्रण कक्ष के ऊपरी बाएँ कोने में "बनाएँ" बटन पर क्लिक करें (स्क्रीनशॉट देखें)। पेज का प्रकार चुनें - नियमित पेज या पॉपअप। फिर आपको यह निर्दिष्ट करने की आवश्यकता है कि आप किस पृष्ठ को बनाना चाहते हैं - रिक्त या सामग्री के नमूने के साथ। हम नमूना सामग्री के साथ एक नियमित डिफ़ॉल्ट पेज बनाएंगे।







हम साइट संरचना में नए बनाए गए पृष्ठ का नाम, शीर्षक, URL और पृष्ठ स्थान निर्दिष्ट करते हैं। हम अपने नए पृष्ठ को नाम देंगे, उदाहरण के लिए, "प्रचार"।



टेक्स्ट के बिना किस तरह के प्रचार हो सकते हैं? हम इस पृष्ठ पर जानकारी को "रिच कंटेंट ब्लॉक" मॉड्यूल में रखते हैं, जिसमें एक स्क्रॉल बार होता है, जो आपको मॉड्यूल में बड़ी मात्रा में जानकारी रखने की अनुमति देता है। बाएं पैनल में हमें "मॉड्यूल" बटन मिलता है और ड्रॉप-डाउन मेनू में "रिच कंटेंट ब्लॉक" चुनें। मॉड्यूल गुण हमेशा की तरह - सही साइडबार में स्थित होंगे। संपादन क्षेत्र में आने के लिए मॉड्यूल पर डबल-क्लिक करें और आवश्यक जानकारी के साथ मॉड्यूल भरें।



यह सब, हम रोक नहीं सकते :)। आइए अब हमारे प्रचार में एक YouTube वीडियो जोड़ें। ऐसा करने के लिए, बाएं पैनल में "मॉड्यूल" बटन पर क्लिक करें और "मीडिया प्लेयर विजेट" चुनें। मॉड्यूल को रखने के लिए पेज पर क्लिक करें। मॉड्यूल क्षेत्र पर डबल-क्लिक करना हमें मोड को संपादित करने के लिए ले जाता है। चूंकि हमने साइट पर YouTube वीडियो पोस्ट करने का निर्णय लिया है, इसलिए हम "फ़ाइल प्रकार" कॉलम में "YouTube वीडियो" का चयन करते हैं। "वीडियो आईडी" कॉलम में, YouTube साइट पर वीडियो URL दर्ज करें, और सिस्टम स्वचालित रूप से वीडियो आईडी निकाल देगा।







बारी एक पेज से दूसरे पेज के लिंक की आई। हम इसे "और पढ़ें" बटन का उपयोग करके लागू करेंगे। बाएं पैनल में, "स्लॉट" चुनें - "अधिक बटन पढ़ें"। अगला, "ब्रांड्स" अनुभाग में टेक्स्ट के अंत में बटन डालें, इसका नाम बदलें, उदाहरण के लिए, "विवरण"। फिर दाईं साइडबार में "क्रियाएँ" टैब पर जाएं। बॉक्स को "सक्षम करें" और "पृष्ठ पर जाएं" और पृष्ठ "प्रचार" को इंगित करें। संक्रमण केवल पृष्ठ पर ही नहीं, बल्कि किसी पॉप-अप विंडो पर भी किया जा सकता है, बाहरी URL पर जाएं या फ़ाइल खोलें।



इसके अलावा, आप न केवल एक तत्व, स्लॉट या मॉड्यूल, बल्कि सादे पाठ को भी लिंक कर सकते हैं। ऐसा करने के लिए, पाठ संपादक पैनल में आवश्यक पाठ संदेश का चयन करें, चेन लिंक की छवि के साथ टैब ढूंढें और उस पर क्लिक करें। इसके अलावा, प्रक्रिया "क्रिया" टैब की तरह ही है।



10. हम सबसे स्वादिष्ट की ओर मुड़ते हैं - एक अंतर्निहित फ़ॉन्ट प्रबंधक की उपस्थिति। यह हमें साइट पर असीमित संख्या में फोंट जोड़ने के लिए हमारे ऑनलाइन फ़ॉन्ट निर्माता का उपयोग करने की अनुमति देता है। आप अपनी साइट को बहुभाषी भी बना सकते हैं, जो दुनिया भर के उपयोगकर्ताओं को इसे देखने की अनुमति देगा।







एसईओ पेशेवर, निम्नलिखित दो पैराग्राफ सिर्फ आपके लिए हैं! कई वर्षों तक एक राय थी कि फ़्लैश तकनीकों का उपयोग करके बनाई गई साइटों को खोज इंजन में बढ़ावा नहीं दिया जा सकता है। MotoCMS के लिए धन्यवाद, आप देखेंगे कि फ्लैश साइट को बढ़ावा देने पर, आप सफलतापूर्वक एसईओ टूल का उपयोग कर सकते हैं और इसे सभी अन्य खोज इंजनों द्वारा अनुक्रमित किया जाएगा।



वेबसाइट सेटिंग्स में, आप प्रत्येक पेज के लिए अद्वितीय वेबसाइट मेटा टैग सेट कर सकते हैं और Google टूल और Google वेबमास्टर टूल जैसे एसईओ टूल लागू कर सकते हैं, जो आपको खोज इंजन में प्रोजेक्ट को अधिक कुशलता से बढ़ावा देने की अनुमति देगा।







शायद एक समीक्षा के लिए पर्याप्त है :)। हमने टेम्प्लेट . motocms.ru स्टोर से टेम्पलेट के आधार पर एक पेशेवर और सुंदर फ्लैश साइट बनाने में मुख्य चरणों की जांच की। मेरा विश्वास करो, यह केवल उन अवसरों के हिमशैल का टिप है जो मोटो सीएमएस और उसके आधार पर टेम्पलेट्स का उपयोग करते समय खुलते हैं।



साइटों को बनाते समय किसी भी, यहां तक ​​कि सबसे साहसी, विचारों को स्वतंत्र रूप से लागू करने का प्रयास करें।



मोटो फ्लैश सीएमएस सिस्टम के संचालन के बारे में किसी भी सवाल का जवाब देने में हम आपकी मदद करने में हमेशा खुश हैं। हमारी वेबसाइट पर आप एफएक्यू सेक्शन से खुद को परिचित कर सकते हैं, हेल्प डेस्क पर एक अनुरोध लिख सकते हैं या वेब डेवलपर्स के फोरम पर अपना अनुभव साझा कर सकते हैं।



PS दुर्लभ, Moto CMS पर आधारित कौन सा टेम्पलेट $ 250 से अधिक खर्च होता है। हम खुद कभी-कभी ऐसी कीमतों से चौंक जाते हैं।