किसी व्यावसायिक वेबसाइट को पाँच घंटे में नया रूप दें

इसलिए, परियोजनाओं के बीच कुछ अतिरिक्त दिन होने पर, मैंने उस समय में, शुरू से अंत तक, एक प्रतिस्थापन साइट बनाने का निर्णय लिया।

किसी व्यावसायिक वेबसाइट को पाँच घंटे में नया रूप दें

मरहम में मक्खी यह तथ्य थी कि थीसिस में संस्करण 1.8.x और संस्करण 2 के बीच एक पूर्ण परिवर्तन हुआ, जिसने मेरी कड़ी मेहनत से हासिल की गई सारी विशेषज्ञता को निरर्थक बना दिया।

इसके अलावा, मुझे नया संस्करण अनुपयोगी लगा, इसलिए मैंने यह देखने के लिए एक प्रयोग चलाने का निर्णय लिया कि मैं केवल वर्डप्रेस और थीसिस के विकल्प का उपयोग करके कितनी जल्दी एक साइट बना सकता हूं। उत्तर? सचमुच बहुत जल्दी।

शुरुआत में: उत्पत्ति

संस्करण 2 से पहले थीसिस, सबसे अच्छा ढाँचा था जो मुझे कभी मिला था, लेकिन यह कभी भी एकमात्र विकल्प नहीं था। इसका मुख्य प्रतिद्वंद्वी है उत्पत्ति, जिसमें थीसिस के कुछ परिष्कार की कमी होने के बावजूद, इसे पकड़ना आसान है।

इसकी कीमत $59 (£38) है, और मैं इसे किसी भी साइट पर उपयोग कर सकता हूँ। मैंने अपने डिज़ाइन को 50 या उससे अधिक आधिकारिक विषयों में से एक पर आधारित करने और इसे अपनी आवश्यकताओं के अनुसार संपादित करने का निर्णय लिया: मैंने बैलेंस नामक एक स्किन चुनी जिसकी कीमत $19 (£12) है, जिससे मेरा कुल खर्च लगभग £50 हो गया।

अब तक, बहुत अच्छा: वास्तव में, इस बिंदु तक की प्रक्रिया थीसिस का उपयोग करके समकक्ष की तुलना में तेज़ और सरल थी

मैंने एक डाउनलोड के माध्यम से जेनेसिस खरीदा, फ़ाइलें निकालीं, फिर इसे अपनी साइट के वर्डप्रेस थीम पर अपलोड करने के लिए फाइलज़िला का उपयोग किया, जो कि "चाइल्ड थीम" के रूप में कार्य करता है, जो उनके अधिकांश कोड एफआरएस फ़ोल्डर को विरासत में मिला है। जेनेसिस स्किन्स को उसी फ़ोल्डर में कॉपी किया जाता है, जहां अतिरिक्त फ़ंक्शन और डिज़ाइन तत्व जोड़ते समय जेनेसिस थॉम होता है।

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

जेनेसिस नए पोस्ट और नए पेज अनुभागों में अतिरिक्त फ़ील्ड जोड़ता है, जो मुख्य रूप से खोज-इंजन अनुकूलन (एसईओ) से संबंधित है, जो इस ढांचे की एक बड़ी ताकत है।

अब तक, बहुत अच्छा: वास्तव में, इस बिंदु तक की प्रक्रिया थीसिस का उपयोग करने वाले समकक्ष की तुलना में तेज़ और सरल थी। हालाँकि, जब विषय को अनुकूलित करने की बात आई तो मुझे समस्याओं का सामना करना पड़ा।

थीसिस ".custom" नामक सीएसएस वर्ग चयनकर्ता के माध्यम से एक साफ समाधान प्रदान करता है, जो इसे संभव बनाता है थीसिस में ही किसी भी सीएसएस सेटिंग्स को ओवरराइड करें, जबकि यह सुनिश्चित करें कि संपादन फ्रेमवर्क अपडेट में संरक्षित हैं।

जेनेसिस में इस सूक्ष्मता का अभाव है: किसी चाइल्ड थीम का स्वरूप बदलने का एकमात्र तरीका इसकी सीएसएस फ़ाइल को सीधे संपादित करना है; हालाँकि जेनेसिस अपडेट होने पर ये संपादन नष्ट नहीं होंगे, वे तब होंगे जब चाइल्ड थीम का एक नया संस्करण मेरी अनुकूलित सीएसएस फ़ाइल को बदल देगा।

वर्डप्रेस में सीएसएस फ़ाइलों में बदलाव करने के लिए एक अंतर्निहित संपादक है, लेकिन यह बेहद बुनियादी है। अतीत में, मैंने पूरी तरह से विकसित आईडीई का उपयोग किया है जो रिमोट फ़ाइल एक्सेस (हाल ही में कोमोडो एडिट) का समर्थन करता है, लेकिन, यह देखते हुए कि मैं एक पुराने डिज़ाइन को अपना रहा था, मैं यह देखना चाहता था कि क्या कोई साफ-सुथरा तरीका है।

वहाँ, वर्डप्रेस की एक्स्टेंसिबिलिटी के लिए धन्यवाद, उत्कृष्ट के रूप में था सिन्ची प्लगइन, जो वर्डप्रेस सीएसएस संपादक में एक आईडीई एम्बेड करता है।

सीएसएस चयनकर्ता

किसी विशिष्ट प्रभाव को प्राप्त करने के लिए कौन से सीएसएस चयनकर्ताओं में संशोधन करना है, इसकी पहचान करने का सबसे सरल तरीका स्थापित करना है फ़ायरफ़ॉक्स के लिए वेब डेवलपर एक्सटेंशन (क्रोम संस्करण में सुविधाओं की समान गहराई नहीं है)।

फ़ायरफ़ॉक्स में अपनी साइट पर जाएँ और CSS | चुनें टूलबार से शैली की जानकारी प्रदर्शित करें: इससे आप किसी भी तत्व पर क्लिक कर सकते हैं डिज़ाइन और देखें कि कौन से सीएसएस नियम इसे प्रभावित करते हैं, वे किन फ़ाइलों में निहित हैं (आमतौर पर style.css), और यहां तक ​​कि उनकी लाइन भी नंबर.