WordPress के लिए थीम डिजाइनर

Habré पर डिज़ाइनर विषय की घोषणा के बाद से एक साल पहले ही बीत चुका है, और इस समय डिजाइनर ने जीना और विकास करना जारी रखा है, और फिर मैं वर्णन करूंगा कि वह क्या हो गया है ...


मैं प्रागितिहास के साथ शुरू करूँगा - मैंने मुख्य रूप से अपनी आवश्यकताओं के लिए इस विषय को बनाया है - आप कल्पना नहीं कर सकते कि परिचित और मित्र कितनी बार पूछते हैं "हाँ, एक साधारण वेबसाइट, आपके लिए इसके लायक क्या है," हालांकि आप कल्पना कर सकते हैं;) परिणामस्वरूप, मैंने एक विषय बनाने का फैसला किया है; , जो CMS Wordpress के आधार पर "सरल" और विशिष्ट व्यवसाय कार्ड साइट बनाने के लिए आवश्यक समय को कम करता है। फिर उसने विषय को wordpress.org रिपॉजिटरी पर अपलोड करने का फैसला किया, और वहाँ इस विषय को इसकी जगह मिली - तथाकथित चौखटे के। जिस समय टॉपिक रिपॉजिटरी में मिला, उस समय मैं समान कार्यक्षमता वाले विषय नहीं खोज पाया था, अब स्थिति बदल गई है।

मुझे लगता है कि आपको पिछली घोषणा का अध्ययन करके पाठक को परेशान नहीं करना चाहिए, इसलिए मैं इस विषय में लागू सभी विशेषताओं का वर्णन करूंगा। यदि किसी को परिवर्तनों के इतिहास में दिलचस्पी है, तो मैंने संस्करणों का इतिहास रखने की कोशिश की।

सभी थीम सेटिंग्स को एक अलग पृष्ठ पर रखा गया है /wp-admin/themes.php?page=functions.php , जो बदले में, बुकमार्क में विभाजित है।

सूत्र

डिजाइनर में, उपशास्त्रियों की अवधारणा है, अर्थात्। परिवर्तन के लिए उपलब्ध सभी सेटिंग्स को एक विषय के रूप में सहेजा जा सकता है, और एफ़टीपी के माध्यम से एक सबटॉपिक के साथ एक फ़ोल्डर की प्रतिलिपि बनाकर दूसरे होस्टिंग में स्थानांतरित किया जा सकता है (भविष्य में मैं व्यवस्थापक पैनल के माध्यम से भरने को लागू करने का प्रयास करूंगा)। हाल ही में, मुझे उप-विज्ञान बनाने की क्षमता का एहसास हुआ जो एक विशिष्ट ब्लॉग से जुड़ा होगा और अन्य ब्लॉग पर दिखाई नहीं देगा (यह मुझे WP 3.x पर आधारित एक नेटवर्क के आयोजन के बारे में है):



प्रत्येक सबटॉपिक एक config.php सेटिंग config.php और स्टाइल है। styles.css स्टाइल styles.css (वर्डप्रेस के लिए नियमित थीम के समान)। यदि सब कुछ दूसरे के साथ कम या ज्यादा स्पष्ट है, तो पहला निम्नलिखित है:

 <?php return array( "sidebar" => 'right', // sidebar position 'layout' => array( // layouts styles /* ... */ ), 'title' => array( // title 'pos' => 'left top', // - position 'hidden' => false // - hidden title text ), "content" => array( // content "author" => 0, // - link to author page ), 'comments' => array( /* ... */ ), "footer" => array( // footer text "text" => null, ), "fonts" => array( // fonts /* ... */ ), "menu" => array( // menu with links /* ... */ ), "slideshow" => array( // Slideshow options /* ... */ ), 'design' => array( /* ... */ ), "images" => array( // background images /* ... */ ), "opacity" => 'light', // type of opacity "color" => array( // theme colors /* ... */ ) ); 

मुझे लगता है कि इस लिस्टिंग से फाइल का अर्थ स्पष्ट हो जाएगा, पूरी लिस्टिंग प्रोजेक्ट रिपॉजिटरी में उपलब्ध है ।

अरे हाँ - विषय में चित्रों का एक गुच्छा हो सकता है।

ख़ाका

विषय में, आप साइडबार के स्थान के लिए छह में से एक विकल्प चुन सकते हैं, जिसमें सभी वर्गों के आकार को अनुकूलित करने की क्षमता है:

टेम्पलेट्स

आप सात उपलब्ध टेम्प्लेट में से किसी एक का उपयोग करके या अपना स्वयं का बनाकर ब्लॉग पर जानकारी की प्रस्तुति को आसानी से बदल सकते हैं:

"Hat" साइट

इस अनुभाग में, साइट हेडर (स्थान) और मेनू सेट करने के विकल्प हटा दिए गए हैं:



साइट मेनू को मानक वर्डप्रेस कार्यक्षमता का उपयोग करके भी कॉन्फ़िगर किया जा सकता है।

सामग्री

यहां बहुत सारी सेटिंग्स नहीं हैं - यह लेखक के पेज के लिए एक लिंक प्रदर्शित करने का विकल्प है, साथ ही पोस्ट की सूची प्रदर्शित करते समय विजेट प्रदर्शित करने के लिए एक जगह का विकल्प भी है (उदाहरण के लिए: पहली पोस्ट के तुरंत बाद विजेट प्रदर्शित करें और विज्ञापन की सामग्री को वहां रखें):



पोस्ट संपादित करते समय, आप निम्न में से किसी एक टेम्पलेट का उपयोग कर सकते हैं:

• पुरालेख
• लेखक पृष्ठ
• एकल स्तंभ पैटर्न
• साइटमैप

लघुकोड समर्थित:

• [संलग्नक प्रकार = छवि पूर्वावलोकन = 1] - आउटपुट संलग्न फाइलें
• [उपपृष्ठ] - उपपृष्ठ सूची
• [विजेट] - "इन पोस्ट" साइडबार से विजेट प्रदर्शित करता है

टिप्पणियाँ

अवतार के आकार और उसके स्थान को अनुकूलित करें:

साइट का "बेसमेंट"

केवल एक बड़ा पाठ फ़ील्ड है, जैसा कि पृष्ठ के बहुत नीचे डाला जाएगा, कॉपीराइट के लिए आदर्श या कुछ गणनाओं के लिए, जैसे HTML + CSS + JavaScript प्रविष्टि का समर्थन करता है:

फोंट

फिलहाल, आप साइट के नाम और विवरण, हेडिंग और टेक्स्ट के लिए फोंट स्थापित कर सकते हैं। आप मानक सुरक्षित-वेब फ़ॉन्ट से चुन सकते हैं, साथ ही Google से 30 से अधिक फ़ॉन्ट-फेस फ़ॉन्ट (सिरिलिक भी समर्थित हैं):

रंग

इस टैब पर, आप विभिन्न पेज एलिमेंट्स के लिए रंगों का चयन कर सकते हैं - हेडिंग, टेक्स्ट, बॉर्डर्स, बैकग्राउंड:

डिज़ाइन

यह टैब CSS3 के चिप्स के लिए हाइलाइट किया गया है, जो इस विषय में परिवर्तन के लिए उपलब्ध हैं:

सीएसएस

उन्नत उपयोगकर्ताओं के लिए, किसी विशिष्ट विषय का CSS बदलना संभव है:

छवि

यह विकल्प परिष्कृत लोगों के लिए है - आप विभिन्न पृष्ठ तत्वों के लिए पृष्ठभूमि चित्र सेट कर सकते हैं:



ये तत्व हैं:

स्लाइड शो

इस टैब पर, आप स्लाइड शो के प्रदर्शन को सक्षम कर सकते हैं। डिफ़ॉल्ट रूप से, स्लाइड शो थंबनेल के साथ पोस्ट से चित्रों का उपयोग करता है, लेकिन आप NextGen गैलरी प्लगइन से गैलरी का उपयोग भी कर सकते हैं:

परिरक्षण

अपने स्वयं के उप-विषय के रूप में सभी मौजूदा परिवर्तनों को सहेजना उचित है, ताकि विषय को अपडेट करते समय वे गायब न हों (wp द्वारा विषय को अपडेट करते हुए - पुराने संस्करण को हटा दें, नया स्थापित करें):



आपकी उप-थीम uploads/constructor/themes फ़ोल्डर में सहेजी जाएगी

सफाई

हम थीम सेटिंग्स और सभी मौजूदा कस्टम उप-थीम को साफ करते हैं।

मदद

उपयुक्त टैब पर एकत्रित उपयोगी जानकारी और अन्य लिंक।

विगेट्स के बारे में थोड़ा और

इस विषय ने बहुत सारे तथाकथित लागू किए हैं विगेट्स के लिए "साइडबार":

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

हर किसी के लिए नहीं

यदि आप नेटवर्क wp के व्यवस्थापक हैं, तो मैं आपको constructor/admin/admin.php फ़ाइल पर ध्यान देने की सलाह देता हूँ - यहाँ आप उन थीम मॉड्यूल को निष्क्रिय कर सकते हैं जो आपको पसंद नहीं हैं:

 $constructor_modules = array( __('Themes', 'constructor') => 'themes', __('Layout', 'constructor') => 'layout', __('Templates', 'constructor') => 'templates', __('Header', 'constructor') => 'header', __('Content', 'constructor') => 'content', __('Comments','constructor') => 'comments', __('Footer', 'constructor') => 'footer', __('Fonts', 'constructor') => 'fonts', __('Colors', 'constructor') => 'colors', __('Design', 'constructor') => 'design', __('CSS', 'constructor') => 'css', __('Images', 'constructor') => 'images', __('Slideshow', 'constructor') => 'slideshow', __('Save', 'constructor') => 'save', __('Clean', 'constructor') => 'clean', __('Help', 'constructor') => 'help' ); 

भविष्य की योजना

• PHP प्रारूप से कॉन्फ़िगरेशन फ़ाइलों को अधिक सुविधाजनक और कम "जोखिम भरा" JSON (या YAML) पर स्विच करने की संभावना पर विचार करें - व्यवस्थापक इंटरफ़ेस के माध्यम से सबटॉपिक्स भरने की क्षमता प्रदान करने के लिए
• थीम सेटिंग्स को मेनू के एक अलग सेक्शन में ले जाएँ
• सामाजिक एकीकरण जोड़ें (1.5.7 में किया गया)
• एक मानक स्लाइड शो प्रिटियर बनाएं
• एचटीएमएल 5 का समर्थन
• अधिक उपशास्त्रीय
• अधिक विभिन्न पैटर्न।

कुल मिलाकर

फिलहाल, > 300,000 थीम डाउनलोड , 70 वोट वाले 4 से थोड़ा अधिक रेटिंग। इस विषय पर काम बंद ;)

तुलना के लिए, मैं आपको निम्नलिखित लिंक देखने की सलाह देता हूं (कम से कम इस पोस्ट में उपयोगी कुछ भी होना चाहिए):

• तुलना में 23 विषय रूपरेखा
• Atahualpa - विषय जिसमें 200 से अधिक सेटिंग्स
• प्लेटफ़ॉर्म - एक खामी के साथ एक गुणवत्ता विषय - पूर्ण संस्करण केवल पैसे के लिए है
• थीसिस - कीमत के साथ समस्याओं के अलावा, कोड के साथ अभी भी समस्याएं हैं (मेरा आदर्श से बहुत दूर है, लेकिन वे आगे भी हैं)