बच्चों के लिए ज्वरनाशक दवाएं बाल रोग विशेषज्ञ द्वारा निर्धारित की जाती हैं। लेकिन बुखार के साथ आपातकालीन स्थितियाँ होती हैं जब बच्चे को तुरंत दवा देने की आवश्यकता होती है। तब माता-पिता जिम्मेदारी लेते हैं और ज्वरनाशक दवाओं का उपयोग करते हैं। शिशुओं को क्या देने की अनुमति है? आप बड़े बच्चों में तापमान कैसे कम कर सकते हैं? कौन सी दवाएँ सबसे सुरक्षित हैं?

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

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

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

संक्षिप्त निर्देश

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

चरण एक: प्रारंभिक कार्य

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

चरण दो: एक नया थीम फ़ोल्डर बनाएं

चलिए वांछित निर्देशिका पर चलते हैं। यह प्रायः निम्नलिखित पथ अपनाता है: . सभी थीम यहां संग्रहीत हैं - मानक और कस्टम दोनों। हम इसमें जाते हैं और एक नया फ़ोल्डर बनाते हैं। उदाहरण के लिए, हम इसे "MyFirstTheme" कहते हैं।

अब एक नए फ़ोल्डर में जाएं और Nodepad++ या किसी अन्य संपादक के माध्यम से बनाई गई दो फ़ाइलें जोड़ना सुनिश्चित करें। ये हैं Index.php और style.css. अभी इन दस्तावेज़ों को ख़ाली रहने दें, फिर हम इन्हें भरना शुरू करेंगे। इमेज फ़ोल्डर को "MyFirstTheme" में भी जोड़ें। जहां आप टेम्पलेट को सजाने के लिए चित्र जोड़ सकते हैं।

इसके बाद, आप साइट के अलग-अलग हिस्सों के लिए "MyFirstTheme" में टेम्पलेट जोड़ सकते हैं: साइडबार (साइडबार.php), साइट (हेडर.php), पेजों पर पोस्ट (सिंगल.php), टिप्पणियाँ (comments.php), आदि। अतिरिक्त फ़ाइलों का सेट आपके वेब संसाधन के लिए बनाई गई संरचना पर निर्भर करता है।

चरण तीन: Index.php भरना

करने वाली पहली चीज़ इंडेक्स फ़ाइल (index.php) भरना है। यहां सबसे सरल कोड का एक उदाहरण दिया गया है, जिसके अनुसार साइट में चार क्षेत्र होंगे: हेडर, मेन, साइडबार और फ़ुटर।

फ़ाइल में आप कोई भी तत्व पंजीकृत कर सकते हैं जिसे आप अपनी वेबसाइट पर देखना चाहते हैं। वर्डप्रेस में थीम बनाने के लिए Index.php कोड लिखने के बारे में अधिक जानकारी वीडियो में पाई जा सकती है:

चरण चार: style.css भरें

अब आपको style.css खोलने, निम्नलिखित फ़ील्ड जोड़ने और भरने की आवश्यकता है (*** के बजाय साइट और मालिक के बारे में अपनी जानकारी दर्ज करें)। दर्ज किया गया डेटा व्यवस्थापक पैनल में प्रदर्शित किया जाएगा.

/*थीम का नाम: ***

थीम यूआरआई: http:// ***

लेखक यूआरआई: http:// ***

विवरण: ***

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

(/**/ में दी गई जानकारी टिप्पणियाँ है, कोड का भाग नहीं)

इस स्तर पर, सख्त शैली पैरामीटर सेट करना जल्दबाजी होगी, लेकिन फ़ाइल के साथ आगे काम करते समय, यह वीडियो ट्यूटोरियल उपयोगी होगा:

चरण पाँच: फ़ाइलों को विभाजित करें

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

उदाहरण के लिए, एक फ़ाइल हेडर.php बनाएं, Index.php खोलें। हम कोड का संबंधित अनुभाग ढूंढते हैं और उसे एक नई फ़ाइल में पेस्ट करते हैं। यह:

बाकी हिस्सों के लिए भी यही किया जाता है। आसान नेविगेशन के लिए ऐसा किया जाना चाहिए. जब भविष्य की साइट के कई तत्व हों, तो अलग-अलग फ़ाइलें आपको जाँच करने या परिवर्तन करने के लिए बेहतर ढंग से नेविगेट करने में मदद करेंगी।
मुख्य इंडेक्स फ़ाइल को अतिरिक्त इंडेक्स फ़ाइल के साथ सुसंगत बनाने के लिए, प्रत्येक भाग के ब्लॉक के अंतर्गत निम्नलिखित को Index.php में लिखा जाना चाहिए:

नीचे वर्डप्रेस द्वारा उपयोग की जाने वाली मानक टेम्पलेट फ़ाइलों की एक सूची दी गई है। आपको उनका उपयोग करने या अपने स्वयं के अनुभाग जोड़ने की आवश्यकता नहीं है:

हेडर – आपकी साइट के हेडर की शैली.
टिप्पणियाँ - टिप्पणियाँ बनाने के लिए टेम्पलेट।
होम - मुख्य पृष्ठ के लिए थीम।
पेज - यदि आप साइट पर अलग-अलग पेज बनाते हैं तो थीम को परिभाषित करता है
श्रेणी - श्रेणियों को तोड़ने के लिए टेम्पलेट
दिनांक - दिनांक-समय प्रदर्शन शैली को परिभाषित करता है।
पुरालेख - पुरानी सामग्रियों के साथ पुरालेख अनुभाग के लिए एक टेम्पलेट।
खोज - एक फ़ाइल जो साइट पर खोज के लिए पैरामीटर निर्दिष्ट करती है।
404 एक पृष्ठ के लिए एक टेम्पलेट है जो 404 नहीं मिला त्रुटि की रिपोर्ट करता है।
फ़ुटर - आपकी साइट के फ़ुटर की शैली को परिभाषित करता है।

जब आप बाद में प्रत्येक तत्व को परिष्कृत करेंगे, तो आपको एक विज़ुअल वीडियो ट्यूटोरियल की आवश्यकता होगी। यहां कुछ चयन दिए गए हैं जो आपकी सहायता कर सकते हैं:

हेडर.php में हेडर:

सामग्री जोड़ना:

स्टाइलिंग टिप्पणियाँ:

साइट पर पाद लेख:

सुरक्षित रूप से परिवर्तन कैसे करें

जब आपको वेबसाइट पृष्ठों में परिवर्तन करने की आवश्यकता होती है, तो कुछ गलत लिखने और उसे "वापस रोल" न कर पाने का जोखिम होता है। ऐसा भी हो सकता है कि मुख्य थीम अपडेट होने पर स्टाइलशीट प्रविष्टियाँ गायब हो जाएँ।

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

वर्डप्रेस चाइल्ड थीम बनाना आसान है। आपको मुख्य निर्देशिका में एक नया फ़ोल्डर बनाना होगा C:\WebServers\home\localhost\www\NAME_SET_DUR_INSTALL\wp-content\themes. नए फ़ोल्डर में हम निम्नलिखित सामग्री के साथ अपनी स्वयं की style.css फ़ाइल बनाते हैं:

थीम का नाम: विषय का नाम

टेम्पलेट: चाइल्ड थीम में फ़ोल्डर का नाम

थीम यूआरआई: भरें

विवरण: भरें

लेखक यूआरआई: भरें

/* मूल थीम की शैलियाँ आयात करें */

@import url('../NAME/style.css');

/* आपकी अपनी अतिरिक्त शैलियाँ */

फू(रंग:लाल;)

अब आप एडमिन पैनल में "प्रकटन›थीम्स" पर जा सकते हैं और चाइल्ड टेम्पलेट को सक्रिय कर सकते हैं। भविष्य में आप नई फ़ाइल में काम कर सकते हैं. इसके अलावा, चाइल्ड टेम्प्लेट के विषय पर एक लघु वीडियो प्रस्तुति:

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

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

टॉपिक कैसे बनाएं.

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

सबसे अच्छा विकल्प ऐसे रिज़ॉल्यूशन वाली फ़ोटो ढूंढना होगा जो आपके स्क्रीन रिज़ॉल्यूशन से मेल खाता हो। आप समान पक्षानुपात वाली, लेकिन उच्च रिज़ॉल्यूशन वाली फ़ोटो का उपयोग कर सकते हैं। उदाहरण के लिए, यदि आपके मॉनिटर का रिज़ॉल्यूशन 1366 गुणा 768 है, तो 1600 गुणा 900, 1920 गुणा 1080, या 16 से 9 के अनुपात के साथ 1366 गुणा 768 से अधिक कोई अन्य रिज़ॉल्यूशन की तस्वीरें भी उपयुक्त हैं। यदि आप एक फोटो का उपयोग करते हैं डेस्कटॉप रिज़ॉल्यूशन से कम रिज़ॉल्यूशन, आपको डेस्कटॉप पर चित्र की गुणवत्ता में गिरावट का सामना करना पड़ेगा, यदि इसे डेस्कटॉप के आकार में स्केल किया जाता है।

दूसरा चरण।चित्रों का सेट एकत्र हो जाने के बाद, आपको सिस्टम वैयक्तिकरण विंडो खोलनी होगी।

"डेस्कटॉप पृष्ठभूमि" अनुभाग में, सहेजे गए चित्रों के साथ एक पैक जोड़ें।

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

इस स्थिति में, सिस्टम ".deskthemepack" एक्सटेंशन के साथ एक फ़ाइल बनाएगा।

नमस्कार दोस्तों! आज मैं स्क्रैच से वर्डप्रेस थीम बनाने के सिद्धांतों और तकनीकी पहलुओं के बारे में बात करूंगा। यह लेख उन लोगों के लिए लिखा गया है जिनके पास वर्डप्रेस इंजन के साथ कुछ अनुभव है और, कम से कम बुनियादी स्तर पर, HTML और CSS को समझते हैं।

थीम विभिन्न कार्यों के लिए विकसित की जाती हैं: एक ऑनलाइन स्टोर, एक फोटो या वीडियो साइट, आदि, लेकिन हम एक नियमित ब्लॉग थीम और इसे बनाने के लिए एल्गोरिदम को देखेंगे।

यदि आप अपनी खुद की अनूठी डिज़ाइन थीम बनाने का निर्णय लेते हैं, तो थीम बनाने से पहले आपको HTML वेबसाइट टेम्पलेट के डिज़ाइन और लेआउट के बारे में सोचना होगा या इसे फ्रीलांसरों से ऑर्डर करना होगा, यह आप पर निर्भर है। सामान्य तौर पर, आपको एक निर्धारित टेम्पलेट के साथ समाप्त होना चाहिए, उदाहरण के लिए, निम्नलिखित सामग्री के साथ: इंडेक्स.एचटीएमएल और स्टाइल.सीएसएस फ़ाइलें, इमेज फ़ोल्डर और स्क्रिप्ट के साथ जेएस फ़ोल्डर। इस टेम्पलेट से हम एक डिज़ाइन थीम बनाएंगे।

यदि आपके पास अभी तक थीम के लिए अपना स्वयं का HTML टेम्पलेट नहीं है, तो आप अभ्यास कर सकते हैं, इस लेख से समाधान ले सकते हैं और अपने लिए शैलियों का खाका तैयार कर सकते हैं। उदाहरण के लिए, मैं साइट हेडर, एक पोस्ट घोषणा, दायां कॉलम और पाद लेख के मार्कअप के साथ मुख्य पृष्ठ का यह सरल HTML कोड लूंगा:

थीम बनाने के लिए, आपको फ़ंक्शंस या, जैसा कि उन्हें वर्डप्रेस टैग भी कहा जाता है, जानने की आवश्यकता है। हम थीम के मुख्य कार्यों को देखेंगे; आप सभी टैग आधिकारिक वेबसाइट पर पा सकते हैं Codex.wordpress.org.

वर्डप्रेस थीम संरचना

थीम फ़ोल्डर में, एक फ़ोल्डर बनाएं और उसे नाम दें, उदाहरण के लिए, mytheme। फिर हम अपनी style.css को इसमें स्थानांतरित करते हैं और आवश्यक फ़ाइलें बनाते हैं।

हम ब्लॉक टेम्प्लेट बनाते हैं जो सभी पेजों पर प्रदर्शित होते हैं:

हेडर.php - आपकी साइट का हेडर;
साइडबार.php - विभिन्न विजेट्स के साथ साइडबार;
footer.php - साइट फूटर।

सामग्री टेम्पलेट:

Index.php - मुख्य पृष्ठ टेम्पलेट, लघु लेख घोषणाएँ प्रदर्शित की जाती हैं;
सिंगल.php - पोस्ट (लेख) टेम्पलेट;
पेज.php - स्थिर पृष्ठ टेम्पलेट;
Category.php - श्रेणी टेम्पलेट;
search.php - खोज परिणाम टेम्पलेट;
404.php - एक गैर-मौजूद पृष्ठ के बारे में संदेश टेम्पलेट;
comments.php - टिप्पणियाँ टेम्पलेट।

अतिरिक्त फ़ाइलें:

function.php - अतिरिक्त कार्यक्षमता की एक फ़ाइल और वर्डप्रेस इंजन की मानक कार्यक्षमता में परिवर्तन;
searchform.php - खोज फ़ॉर्म कोड;
स्क्रीनशॉट.पीएनजी - छवि 880 x 660, पूर्वावलोकन "थीम" टैब में व्यवस्थापक पैनल में प्रदर्शित होता है।

वैकल्पिक टेम्पलेट (मेरी राय में):

लेखक.php - लेखक पृष्ठ टेम्पलेट;
Archive.php - संग्रह टेम्पलेट;
date.php - दिनांक प्रदर्शित करने के लिए टेम्पलेट;
tag.php - टैग टेम्पलेट;
अनुलग्नक.php - अनुलग्नक पृष्ठों के लिए टेम्पलेट।

व्यक्तिगत रूप से, मैं शायद ही कभी पिछले पांच टेम्पलेट्स का उपयोग करता हूं; इन टेम्पलेट्स का अनुरोध करते समय मैं ज्यादातर "मुख्य" या "404 त्रुटि" पर रीडायरेक्ट करता हूं। लेखक के बारे में जानकारी को page.php के आधार पर स्वरूपित किया जा सकता है, और अन्य चार केवल आपकी साइट पर डुप्लिकेट सामग्री उत्पन्न करते हैं; अभिलेखागार के संगठन को अधिक उत्पादक रूप से कार्यान्वित किया जा सकता है।

हम style.css फ़ाइल से शुरू करते हैं, इसे इंडेंट करते हैं और सबसे ऊपर थीम के नाम और विवरण के साथ टिप्पणी वाला टेक्स्ट डालते हैं।

/* थीम का नाम: थीम का नाम थीम यूआरआई: यूआरएल पता, यदि थीम के बारे में एक अलग साइट है विवरण: थीम का विवरण संस्करण: संस्करण, उदाहरण के लिए (1.0) लेखक: आपका नाम लेखक यूआरआई: का यूआरएल पता थीम लेखक */

वर्डप्रेस कार्यक्षमता को कनेक्ट करते समय स्टाइल फ़ाइल को संपादित करना होगा, जो कोड के अतिरिक्त अनुभाग जोड़ता है।

हेडर बनाना.php

HTML फ़ाइल से हम वह सब कुछ यहां स्थानांतरित करते हैं जो इसमें है और तत्वों में , जो साइट हेडर से संबंधित है। मेरे पास हेडर में साइट और मेनू के बारे में जानकारी वाली एक बड़ी छवि है।

कोड इस प्रकार था.

मेरा चिट्ठा

ट्रांसफर और एडिट करने के बाद ये इस तरह हो गया.

" /> <?php echo wp_get_document_title(); ?> " rel='स्टाइलशीट' प्रकार='टेक्स्ट/सीएसएस' />

/images/shopka.png" alt='' title='' /> "मेन-मेनू", "मेनू" => "मेन-मेनू", "कंटेनर" => "नेव", "कंटेनर_क्लास" => "मेनू-(मेनू-स्लग)-कंटेनर", "कंटेनर_आईडी" => "मेन -मेनू", "मेनू_क्लास" => "", "मेनू_आईडी" => "मेन-मेनू", "इको" => सत्य, "फॉलबैक_सीबी" => "__रिटर्न_एम्प्टी_स्ट्रिंग", "पहले" => "", "बाद" => "", "link_before" => "", "link_after" => "", "items_wrap" => "", "गहराई" => 0, "वॉकर" => ""); wp_nav_menu($args); ?>

आइए बदलावों पर नजर डालें:

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

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

कृपया ध्यान दें कि सभी वर्डप्रेस फ़ंक्शंस PHP निर्माण में संलग्न हैं!

Index.php बनाना

हमने एक हेडर बनाया है, लेकिन अब हमें इसे अपने मुख्य पृष्ठ टेम्पलेट से कनेक्ट करने की आवश्यकता है, इसके लिए हम सबसे ऊपर निम्नलिखित फ़ंक्शन लिखते हैं।

हम अपने सामग्री भाग को तैयार HTML फ़ाइल से स्थानांतरित करते हैं, HTML टेम्पलेट शीर्षक और थंबनेल के साथ लेख की एक घोषणा प्रदर्शित करता है, इसे संपादित करें और निम्नलिखित प्राप्त करें।

शीर्षक(); - पोस्ट का शीर्षक प्रदर्शित करता है;
the_permalink(); - प्रदर्शित पोस्ट का लिंक प्रदर्शित करता है;
the_excerpt(); - प्रविष्टि के साथ किसी पोस्ट में वर्णों की निर्दिष्ट संख्या प्रदर्शित करता है […] ;
the_post_थंबनेल("पूर्ण"); - पोस्ट थंबनेल प्रदर्शित करता है, और "पूर्ण" पूर्ण आकार सेट करता है;
get_header(); - हेडर.php फ़ाइल को कनेक्ट करना;
get_sidebar(); - साइडबार.php फ़ाइल को कनेक्ट करना;
get_footer(); - footer.php फ़ाइल को कनेक्ट करना।

महत्वपूर्ण। हमारे सभी कोड और फ़ंक्शंस तथाकथित वर्डप्रेस लूप में शामिल हैं, जो हमें केवल एक घोषणा के लिए कोड लिखते समय, एक पृष्ठ पर कई ऐसी लेख घोषणाओं को प्रदर्शित करने की अनुमति देता है। कुछ फ़ंक्शन केवल लूप में ही सही ढंग से काम करते हैं।

हमारे कोड के बिना एक क्लीन लूप इस तरह दिखता है।

सब कुछ लिखा हुआ है, मुझे लगता है यह स्पष्ट है।

हम Functions.php में फ़ंक्शन लिखते हैं

फ़ाइल खोलें और सबसे पहले एक PHP कंस्ट्रक्ट लिखें, और फिर इसमें निम्नलिखित फ़ंक्शन जोड़ें।

__("मुख्य मेन्यू"))); /** * एक साइडबार कनेक्ट करना **/ रजिस्टर_साइडबार(सरणी("नाम" => __("साइडबार", "माइथीम"), "आईडी" => "साइडबार", "विवरण" => "साइट का दायां कॉलम ।", "before_widget" => "

", "before_title" => " ",)); /** * मुख्य पृष्ठ पर एक पोस्ट (उद्धरण) की घोषणा प्रदर्शित करने के लिए कार्य **/ फ़ंक्शन new_excerpt_length($length) ( वापसी 100; // प्रदर्शित किए जाने वाले घोषणा प्रतीकों की संख्या (डिफ़ॉल्ट 55) ) add_filter("excerpt_length", " new_excerpt_length"); /** * फ़ंक्शन उद्धरण के अंत में "[...]" को "..." से बदल देता है **/ function new_excerpt_more($more) ( return "। .."; ) add_filter("excerpt_more", "new_excerpt_more "); ?>

साइडबार.php और footer.php फ़ाइलें भरना

साइडबार.php फ़ाइल में हम लिखते हैं:

is_active_sidebar(); - जाँचता है कि हमारे "साइडबार" पैनल में कम से कम एक विजेट स्थापित है या नहीं;
डायनामिक_साइडबार(); - सक्रिय विजेट पैनल प्रदर्शित करता है।

Footer.php फ़ाइल में हम आपके लिए आवश्यक कोड डालते हैं, उदाहरण के लिए, कॉपीराइट वाला एक पैराग्राफ, और समापन टैग से पहले अंत में wp_footer() डालें; . जैसे wp_head(); यह एक आवश्यक थीम हुक क्रिया है.

इन सेटिंग्स के बाद, मुख्य पृष्ठ पहले से ही तैयार है। आगे की कार्रवाइयां बहुत सरल होंगी; हम बस तैयार कोड लेंगे, इसे अन्य टेम्पलेट्स में डालेंगे और इसे संपादित करेंगे।

पेज.php और सिंगल.php बनाना

हम इंडेक्स फ़ाइल से कोड कॉपी करते हैं और इसे पेज.php में पेस्ट करते हैं, अनावश्यक सामग्री हटाते हैं और .post-text क्लास वाले ब्लॉक में, the_content(); फ़ंक्शन का उपयोग करके पेज की संपूर्ण सामग्री को आउटपुट करने के लिए घोषणा आउटपुट को बदलते हैं। .

Single.php में हमें पेज टेम्प्लेट जैसा ही कोड मिलता है, हम केवल टिप्पणियाँ कनेक्शन comments_template() जोड़ते हैं; comments.php फ़ाइल से।

यदि आप चाहें, तो आप जोड़ सकते हैं:

the_time('j.m.Y'); - पोस्ट की प्रकाशन तिथि (दिन, माह, वर्ष) प्रदर्शित करता है;
लेखक(); - लेख के लेखक को प्रदर्शित करता है;
the_श्रेणी(); - वह श्रेणी प्रदर्शित करता है जिससे यह पोस्ट संबंधित है।

शुरुआती लोगों के लिए टिप्पणियाँ टेम्प्लेट काफी चुनौतीपूर्ण है, इसलिए मेरा सुझाव है कि comments.php और function.php फ़ाइलों में मानक वर्डप्रेस थीम से तैयार समाधान लें और अपनी पसंद के अनुसार लुक को स्टाइल करें।

शेष 404.php, Category.php और search.php टेम्प्लेट भरना

404.php में हम पेज.php की सामग्री को कॉपी करते हैं, अनावश्यक सामग्री को हटाते हैं, एक अधिसूचना लिखते हैं कि पेज मौजूद नहीं है, आप किसी प्रकार के चित्र के साथ पाठ का समर्थन कर सकते हैं।

यह पृष्ठ मौजूद नहीं है!

/images/404.png" />

Category.php में हम बस Index.php फ़ाइल की सामग्री को कॉपी करते हैं और श्रेणी शीर्षक आउटपुट सिंगल_कैट_टाइटल("श्रेणी:") जोड़ते हैं।

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

खोज प्रपत्र कोड searchform.php फ़ाइल में रखा गया है। हम मानक फॉर्म लेते हैं और इसे संपादित करते हैं, नाम और आईडी के लिए इनपुट में "एस" पैरामीटर जोड़ते हैं, "का उपयोग करते हैं" पाना"मुख्य पृष्ठ होम_यूआरएल("/") पर अनुरोध भेजने के लिए और esc_url() फ़ंक्शन के साथ यूआरएल साफ़ करने के लिए; .

महत्वपूर्ण। उठाए गए सभी कदमों के बाद, आपको कोड में आना होगा और उन सभी नए तत्वों को स्टाइल करना होगा जो वर्डप्रेस आपको देगा! इन उद्देश्यों के लिए, मैं मोज़िला फ़ायरफ़ॉक्स के लिए "फ़ायरबग" एक्सटेंशन का उपयोग करता हूं; यह एक्सटेंशन ऐसी समस्याओं को हल करना आसान और तेज़ बनाता है।

टिप्पणियाँ जोड़ी गईं - 9

इल्या 03/01/2018 21:49
उत्तर

यदि आपको विंडोज़ थीम पसंद नहीं है, तो आप स्वतंत्र रूप से अलग-अलग थीम घटकों का चयन कर सकते हैं और अपनी खुद की ऑपरेटिंग सिस्टम इंटरफ़ेस शैली बना सकते हैं। बनाई गई थीम न केवल आपके कंप्यूटर पर इंस्टॉल की जा सकती हैं, बल्कि दोस्तों के साथ साझा भी की जा सकती हैं। विंडोज 7 ऑपरेटिंग सिस्टम आपकी खुद की थीम बनाने के लिए बहुत व्यापक अवसर प्रदान करता है।

आपको चाहिये होगा

Windows 7 ऑपरेटिंग सिस्टम चलाने वाला कंप्यूटर.

निर्देश

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

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

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

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

आपकी थीम अब शीर्ष मेरी थीम्स विंडो में है। दाहिनी ओर एक पंक्ति होगी “सहेजें।” विषय" इस पर क्लिक करें। एक पंक्ति दिखाई देगी जिसमें आप थीम का नाम दर्ज करें और "सहेजें" पर क्लिक करें। आपकी कस्टम थीम सहेज ली जाएगी.

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

आपको चाहिये होगा

- इंटरनेट से जुड़ा एक कंप्यूटर;
- स्मार्टफोन।

निर्देश

ownskin.com पर जाएं. यह साइट एक ऑनलाइन डिज़ाइनर है जिसे स्मार्टफ़ोन के लिए थीम बनाने के लिए डिज़ाइन किया गया है। स्टार्ट पेज पर जाने के बाद सिस्टम में रजिस्टर करें। ऐसा करने के लिए, फ़ॉर्म फ़ील्ड भरें, अपना उपयोगकर्ता नाम और पासवर्ड, साथ ही अपना ईमेल पता इंगित करें। उसके बाद, अपने लॉगिन का उपयोग करके साइट पर जाएं, विषय बनाने के लिए अभी बनाएं बटन पर क्लिक करें स्मार्टफोन.

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

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

इसी तरह, अपनी सभी छवियों में बदलाव करें विषय. परिवर्तन करने के बाद, हरे चेकमार्क वाले बटन पर क्लिक करके उनकी पुष्टि करें। आप क्रॉस वाले बटन का उपयोग करके अंतिम क्रिया को रद्द कर सकते हैं।

किए गए परिवर्तनों का परिणाम देखने के लिए पूर्वावलोकन कमांड पर क्लिक करें, जो तीसरे ब्लॉक में स्थित है। जब सभी आवश्यक घटक बदल दिए जाएं, तो तीसरे ब्लॉक में Done बटन पर क्लिक करें। अगली विंडो में आपको नए के निर्माण की पुष्टि करनी होगी विषयके लिए स्मार्टफोन.

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

ध्यान दें, केवल आज!

सब कुछ दिलचस्प

विंडोज 7 ऑपरेटिंग सिस्टम में रंग योजनाएं उपयोगकर्ता के कंप्यूटर की डिज़ाइन थीम का प्रतिनिधित्व करती हैं। थीम में डेस्कटॉप पृष्ठभूमि, निष्क्रिय स्क्रीनसेवर, विंडो रंग योजना और ध्वनि प्रभाव शामिल हैं। विंडोज 7 एक सेट के साथ आता है...

अपने कंप्यूटर में कुछ चमकीले रंग जोड़ें! आप Windows XP लाइब्रेरी का उपयोग करके विभिन्न प्रकार के स्क्रीन सेवर, वॉलपेपर, पृष्ठभूमि और आइकन चुन और बदल सकते हैं। इसके अलावा, आपके लिए इंटरनेट पर हजारों थीम और डिज़ाइन विकल्प मौजूद हैं...

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

जब आप अपने डेस्कटॉप को सजाने के लिए कोई थीम चुनते हैं, तो इस थीम के सभी घटकों को अपरिवर्तित छोड़ना बिल्कुल भी आवश्यक नहीं है। आप इसमें जो पसंद नहीं है उसे बदल सकते हैं और जो पसंद है उसे रख सकते हैं। इस प्रकार, आप अधिकतम चुन सकते हैं...

हर कोई ऑपरेटिंग सिस्टम का डिज़ाइन व्यक्तिगत रूप से चुनने का आदी है। OS इंटरफ़ेस को कस्टमाइज़ करना केवल आपकी कल्पना तक सीमित है। इसके अलावा, आप आइकन से लेकर कर्सर तक थीम के कई अतिरिक्त घटक डाउनलोड कर सकते हैं...

Windows XP ऑपरेटिंग सिस्टम उपयोगकर्ता को रूप बदलने के लिए कई विकल्प प्रदान करता है। हर कोई इसे अपने स्वाद के अनुसार अनुकूलित कर सकता है। निर्देश 1 मानक तरीकों का उपयोग करके Windows XP का स्वरूप बदलें, ऐसा करने के लिए, सब कुछ छोटा करें...

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

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

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

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

विंडोज़, लिनक्स और OS .

सभी टिप्पणियों वाली एक फ़ाइल (कौन सी कुंजी किसके लिए ज़िम्मेदार है) डाउनलोड की जा सकती है। उन सभी तत्वों के रंग बदलें जो आपको उपयुक्त लगें, और फिर फ़ाइल को नाम के अंतर्गत सहेजें रंग.टीडेस्कटॉप-थीम.

यदि आपकी थीम में बहुत सारे दोहराए जाने वाले रंग हैं (जैसे। #000000 ), तो आप यह रंग डाल सकते हैं चर. यह इस प्रकार किया जाता है: फ़ाइल की शुरुआत में लिखें
मेरा_रंग: #000000;

फिर, यदि आप इस रंग का उपयोग करना चाहते हैं, तो इसके बजाय यह वेरिएबल लिखें:
विंडोबीजीरंग: MY_COLOR;

इस पद्धति के लिए धन्यवाद, आप कई तत्वों का रंग तुरंत बदल सकते हैं।

अपनी थीम में पृष्ठभूमि छवि जोड़ने के लिए, एक अच्छी गुणवत्ता वाली छवि ढूंढें और उसका नाम बदलकर “ पृष्ठभूमि.jpg" या " पृष्ठभूमि.png" यदि आप चाहते हैं कि पृष्ठभूमि छवि किसी बनावट की तरह दोहराई जाए, तो छवि को "नाम से सहेजें" टाइलयुक्त.jpg" या " टाइलयुक्त.png».

अब हमारे पास दो फ़ाइलें हैं: एक छवि और एक रंग योजना। उन्हें संग्रहीत करने की आवश्यकता है .ज़िप. यह किसी भी संग्रहकर्ता का उपयोग करके किया जा सकता है, उदाहरण के लिए WinRar।

अंतिम चरण संग्रह एक्सटेंशन को बदलना है .ज़िपपर .tdesktop-विषयतो आप इसे टेलीग्राम में उपयोग कर सकते हैं।

आप संग्रह निर्माण के दौरान सीधे वांछित नाम भी निर्दिष्ट कर सकते हैं। उदाहरण के लिए, के बजाय mytheme.zipकृपया इंगित करें mytheme.tdesktop-theme, जैसा कि ऊपर स्क्रीनशॉट में है। फिर आपको कुछ भी नाम बदलने की जरूरत नहीं है.

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

ये भी पढ़ें