विविध वर्डप्रेस थीम मॅन्युअली तयार करणे आणि प्रोग्राम वापरणे. पायरी क्रमांक १. वर्डप्रेस चाइल्ड थीम तयार करणे

सानुकूल वर्डप्रेस थीम तयार करणे हा तुमचा ब्लॉग किंवा इतर WordPress वेबसाइटला मूळ स्वरूप देण्याचा उत्तम मार्ग आहे. परंतु किरकोळ बदलांसाठी तुम्हाला हुड अंतर्गत जाणे आणि थीमचा HTML किंवा PHP कोड संपादित करणे आवश्यक असल्यास सर्वात छान थीम देखील तितकी छान होणार नाही. विशेषत: जेव्हा तुमची थीम वापरून पैसे देणारा क्लायंट असतो. वर्डप्रेसमध्ये सुदैवाने, वर्डप्रेसमध्ये आपल्या थीमसाठी सेटिंग्ज पृष्ठ तयार करण्याची प्रक्रिया अजिबात कठीण नाही आणि हे ट्यूटोरियल वाचल्यानंतर तुम्ही काही वेळात ते तयार करू शकाल!

पायरी 1 कोणत्या सेटिंग्जची आवश्यकता आहे हे ठरवणे

हे सर्व आवश्यकतेपासून सुरू होते: स्पष्ट आणि उपयुक्त सेटिंग्ज पृष्ठ तयार करण्यासाठी, आपण काय बदलले जाऊ शकते हे शोधून काढणे आवश्यक आहे आणि बाकीचे सोडून द्या. प्रशासक मेनूमध्ये जोडलेला प्रत्येक नवीन पर्याय वापरकर्ता इंटरफेस गुंतागुंतीचा करतो आणि थीम वापरणे अधिक कठीण बनवते. म्हणूनच सावधगिरी बाळगणे आणि वारंवार बदलणारी सेटिंग्ज मॅन्युअली निवडणे आणि थीममधील एका फाईलसह सहजपणे बदलता येऊ शकणाऱ्या छोट्या सेटिंग्जचा विचार न करणे चांगले.

लक्षात ठेवण्यासाठी दुसरा प्रश्न आहे: "या सेटिंग्ज कोण बदलेल?" जर वापरकर्ता PHP आणि वर्डप्रेसशी परिचित असेल, तर तुम्ही त्यांना त्यांच्या कोडमध्ये Google Analytics एम्बेड करण्यात कोणतीही अडचण येणार नाही अशी अपेक्षा करू शकता, परंतु तुम्ही ग्राफिक डिझायनरला विचारू नये, HTML बद्दल काहीही माहिती नसलेल्या लेखकाला तर सोडा. आणि CSS.

थीम सेटिंग्जमध्ये ऑब्जेक्ट्स परिभाषित करण्यासाठी सामान्य कल्पना:

• साइटवर Google Analytics ट्रॅकिंग कोड
• साइडबारची संख्या आणि त्यांची स्थिती (डावीकडे, उजवीकडे, कदाचित वर आणि खाली)
• पृष्ठाची रुंदी
• तुमची तळटीप सामग्री
• थीम-विशिष्ट वैशिष्ट्यांसाठी पर्याय, जसे की सानुकूल टीझर स्वरूप.

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

या ट्यूटोरियलमध्ये सेटिंग्ज तयार केल्या आहेत

या ट्युटोरियलसाठी, मी एक थीम मुख्यपृष्ठ घेऊन आलो आहे ज्यामध्ये निवडलेल्या पोस्टच्या वेगवेगळ्या संख्येसह एक ग्रिड आहे जे वापरकर्ता सेटिंग्ज पृष्ठ वापरून प्रशासकाद्वारे निवडले जाऊ शकते, संपादित केले जाऊ शकते आणि पुनर्क्रमित केले जाऊ शकते.

संपादकातील मुख्यपृष्ठ घटक घटकांची सूची म्हणून सादर केले जातील ज्यात JavaScript आणि jQuery वापरून नवीन जोडले जाऊ शकतात.

एचटीएमएल कोड विकसित करताना मला वर्डप्रेस ॲडमिन पॅनेलमध्ये ॲडमिन पेज पाहणे आवडते, म्हणून मी सहसा सेटिंग्ज पेजला वर्डप्रेसशी लिंक करून सुरुवात करतो आणि नंतर पेज कंटेंट तयार करण्यासाठी पुढे जातो. तर पुढील चरणात आपण सेटिंग्ज पृष्ठासाठी एक स्टब तयार करू आणि त्यास वर्डप्रेसशी कनेक्ट करू.

चरण 2 सेटिंग्ज पृष्ठ वर्डप्रेसशी कनेक्ट करणे

सेटिंग्ज पृष्ठ तयार करणे हे फंक्शन तयार करून सुरू होते जे मेनू कॉन्फिगर करते आणि त्यास admin_menu क्रियाशी जोडते. हे वर्डप्रेसला तुमच्या फंक्शनला मेनू तयार करण्याची आवश्यकता असताना कॉल करण्यास सांगते जेणेकरून सर्वकाही योग्य वेळी होईल. हा कोड तुमच्या थीमच्या functions.php फाइलमध्ये जोडा:

फंक्शन setup_theme_admin_menus() ( // आम्ही फंक्शन सामग्री लवकरच लिहू. ) // हे वर्डप्रेसला "setup_theme_admin_menus" नावाचे फंक्शन कॉल करण्यास सांगते // जेव्हा मेनू पृष्ठे तयार करण्याची वेळ येते तेव्हा add_action("admin_menu", " setup_theme_admin_menus");

आता आम्ही तयार केलेल्या फंक्शनमध्ये सेटिंग्ज पृष्ठे तयार करण्यासाठी कोड जोडू.

सेटिंग्ज पृष्ठ तयार करताना, तुम्ही विद्यमान सेटिंग्ज गटांपैकी एकामध्ये सबमेनू म्हणून पृष्ठ जोडू शकता किंवा तुमचा स्वतःचा उच्च-स्तरीय मेनू तयार करू शकता.

सबमेनू जोडणे add_submenu_page फंक्शन वापरून केले जाते:

• $parent_slug हे शीर्ष मेनूचे अद्वितीय पृष्ठ अभिज्ञापक आहे ज्यामध्ये हा उपमेनू लहानपणी जोडला जातो.
• $page_title - जोडण्यासाठी पृष्ठाचे शीर्षक
• $menu_title हे मेनूमध्ये प्रदर्शित केलेले शीर्षक आहे (अनेकदा $page_title ची लहान आवृत्ती
• $क्षमता - वापरकर्त्यासाठी या मेनूमध्ये प्रवेश करण्यासाठी किमान आवश्यकता.
• $menu_slug - तयार केलेल्या मेनूचा अद्वितीय ओळखकर्ता
• $function हे फंक्शनचे नाव आहे ज्याला या मेनू पृष्ठावर प्रक्रिया करण्यासाठी (आणि प्रस्तुत करण्यासाठी) कॉल केले जाते

तुम्ही तुमच्या वर्डप्रेस गटांपैकी एकामध्ये सबमेनू म्हणून मेनू पेज जोडण्याचे ठरवल्यास, तुम्ही $parent_slug पॅरामीटर म्हणून खालील मूल्ये वापरू शकता:

• टूलबार: index.php
• संदेश: edit.php
• मीडिया: upload.php
• दुवे: link-manager.php
• पृष्ठे: edit.php?post_type=page
• टिप्पण्या: edit-comments.php
• स्वरूप: themes.php
• प्लगइन: plugins.php
• वापरकर्ते: user.php
• साधने: tools.php
• सेटिंग्ज: options-general.php

आमची सेटिंग्ज पेज होस्ट करण्यासाठी दिसणे गट एक चांगला उमेदवार दिसतो. चला ते वापरून पाहू आणि आमचे प्रथम सेटिंग्ज पृष्ठ तयार करूया. आमच्या मेनू कस्टमायझेशन वैशिष्ट्याची ही सुधारित आवृत्ती आहे:

फंक्शन setup_theme_admin_menus() ( add_submenu_page("themes.php", "Front Page Elements", "Front page", "manage_options", "front-page-elements", "theme_front_page_settings"); )

हे करण्यासाठी, आम्हाला अद्याप theme_front_page_settings फंक्शन तयार करावे लागेल. हे त्याच्या सर्वात सोप्या स्वरूपात आहे:

फंक्शन थीम_फ्रंट_पेज_सेटिंग्स() ( इको "हॅलो, वर्ल्ड!";)

आणि कृतीत हे असे दिसते:

आम्हाला हे देखील सत्यापित करणे आवश्यक आहे की वापरकर्त्यास सेटिंग्ज पृष्ठ संपादित करण्यासाठी आवश्यक अधिकार आहेत. हे करण्यासाठी, सेटिंग्ज पृष्ठ फंक्शनच्या सुरुवातीला खालील कोड जोडा:

// (!current_user_can("manage_options")) ( wp_die("तुम्हाला या पृष्ठावर प्रवेश करण्यासाठी पुरेशा परवानग्या नाहीत.") असल्यास वापरकर्त्याला पर्याय अद्यतनित करण्याची परवानगी आहे का ते तपासा.

आता, सेटिंग्ज व्यवस्थापित करण्याची परवानगी नसलेला वापरकर्ता सेटिंग्ज पृष्ठावर गेल्यास, त्यांना “तुम्हाला या पृष्ठावर प्रवेश करण्याचे पुरेसे अधिकार नाहीत” या संदेशाशिवाय दुसरे काहीही दिसणार नाही.

तुमच्या थीमसाठी सेटिंग्जची एकाधिक पृष्ठांची आवश्यकता असल्यास, वापरकर्त्याला ते संपूर्ण मेनू संरचनेत विखुरलेले शोधणे गोंधळात टाकणारे असू शकते. या प्रकरणात, तुमचा स्वतःचा सेटिंग्ज गट तयार केल्याने थीम वापरकर्त्यासाठी थीमसाठी सर्व मेनू पृष्ठे शोधणे सोपे होते.

तुमचा स्वतःचा सेटिंग्ज गट जोडण्यासाठी, तुम्हाला उच्च-स्तरीय मेनू पृष्ठ तयार करणे आणि त्याच्याशी सबमेनू पृष्ठे संबद्ध करणे आवश्यक आहे. आमच्या मेनू कस्टमायझेशन वैशिष्ट्याची ही नवीन आवृत्ती आहे. add_menu_page फंक्शन, उच्च-स्तरीय मेनू तयार करण्यासाठी वापरलेले, add_submenu_page सारखेच आहे, शिवाय ते $parent_slug पॅरामीटर स्वीकारत नाही.

फंक्शन setup_theme_admin_menus() ( add_menu_page("थीम सेटिंग्ज", "उदाहरण थीम", "व्यवस्थापित_पर्याय", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Front Page Elements"", "Front Page Elements" , "front-page-elements", "theme_front_page_settings" ) // आम्हाला टॉप लेव्हल मेनू फंक्शनसाठी हँडलर फंक्शन देखील जोडावे लागेल theme_settings_page() ( echo "सेटिंग्ज पृष्ठ";)

जर तुम्ही कोड तपासला आणि तुमचे वर्डप्रेस ॲडमिन पॅनल रिफ्रेश केले, तर तुम्हाला तुमचा नवीन मेनू गट मेनू सूचीच्या तळाशी दिसेल:

पण अजून काहीतरी बरोबर नाही. शीर्ष मेनू आयटमवर क्लिक केल्याने तुम्हाला होम मेनूवर नेले जाणार नाही, तर नमुना थीम मेनू पृष्ठावर नेले जाईल. हे इतर वर्डप्रेस मेनू कसे कार्य करतात याच्याशी विसंगत आहे, म्हणून आणखी एक गोष्ट करूया: add_submenu_page कॉलमधील $menu_slug विशेषता उच्च-स्तरीय मेनूच्या समान मूल्यावर बदलून, आम्ही दोन मेनू जोडू शकतो जेणेकरून शीर्ष मेनू निवडता येईल. मेनू मुख्य पृष्ठ निवडेल:

फंक्शन setup_theme_admin_menus() ( add_menu_page("थीम सेटिंग्ज", "उदाहरण थीम", "व्यवस्थापित_पर्याय", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Front Page Elements"", "Front Page Elements" , "tut_theme_settings", "theme_front_page_settings" ) फंक्शन theme_settings_page() ( )

आता चांगले दिसते. तुम्हाला तुमच्या मेनू ग्रुपचे स्वरूप सुधारायचे असल्यास, add_menu_page फंक्शनमध्ये दोन पर्यायी फील्ड आहेत जे तुम्हाला उपयुक्त वाटतील. मेथड कॉलमध्ये फंक्शनच्या नावानंतर फक्त व्हॅल्यू जोडा:

• $icon_url शीर्ष-स्तरीय मेनूसाठी चिन्ह URL निर्दिष्ट करते.
• $position मेनू सूचीमधील तुमच्या मेनू गटाचे स्थान निर्दिष्ट करते. मूल्य जितके जास्त असेल तितके मेनूमधील स्थान कमी असेल.

पायरी 3 सेटिंग्ज पृष्ठांसाठी एक HTML फॉर्म तयार करा

आता आम्ही सेटिंग्ज पृष्ठ तयार केले आहे आणि ते साइडबारमध्ये योग्यरित्या प्रदर्शित होत आहे, सामग्री जोडणे सुरू करण्याची वेळ आली आहे. चला तर मग आपल्या मनात असलेल्या सेटिंग्जच्या सूचीवर परत जाऊ आणि त्या संपादित करण्यासाठी एक पृष्ठ तयार करूया.

या ट्यूटोरियलमध्ये, एका ओळीवर किती घटक सूचीबद्ध केले जावेत हे परिभाषित करण्यासाठी आपल्याला एक फील्ड आणि वास्तविक घटक परिभाषित करण्यासाठी एक सूची आवश्यक आहे. सोपे सुरू करण्यासाठी, एका ओळीवरील आयटमच्या संख्येसाठी मजकूर फील्ड तयार करूया. सेटिंग्ज पृष्ठ कार्य संपादित करा:

फंक्शन थीम_फ्रंट_पेज_सेटिंग्स() ( ?> फ्रंट पेज घटक

एका ओळीत घटकांची संख्या:

वैशिष्ट्यीकृत पोस्ट: समोर पृष्ठ घटक एका ओळीत घटकांची संख्या: वैशिष्ट्यीकृत पोस्ट वैशिष्ट्यीकृत पोस्ट जोडा

वैशिष्ट्यीकृत पोस्ट: सेटिंग्ज जतन केल्या आहेत, परिणामी WordPress खालील फॉर्म प्रदर्शित करेल:

शोधणे:

म्हणून, थीम डिझाइन करताना आम्ही हे लक्षात घेतो.

आणि तुम्हाला style.css मध्ये जोडण्याची शेवटची गोष्ट म्हणजे तुमच्याबद्दलची आणि तयार केलेल्या थीमची माहिती. माहिती फाईलच्या सुरुवातीला टिप्पण्यांमध्ये दिली आहे:

/*
थीमचे नाव: एक अद्वितीय थीम नाव तयार करा
थीम URI: http://link-to-theme-homepage
वर्णन: विषयाचे वर्णन
लेखक: विषय लेखक
लेखक URI: http://link-to-author-page
साचा: पूर्वज थीम-नाव
टॅग: थीम टॅग - फक्त wordpress.org द्वारे ऑफर केलेल्या सूचीमधून
आवृत्ती: आवृत्ती
बरं, इथे परवान्याचा मजकूर आहे
*/

तसेच screenshot.png बनवून टेम्प्लेट फोल्डरमध्ये (रूटमध्ये) टाकण्यास विसरू नका. स्टाईल शीटमध्ये अशा प्रकारे ठेवलेली माहिती "थीम" विभागातील प्रशासक पॅनेलमध्ये प्रदर्शित केली जाईल. आम्ही ब्राउझरमध्ये डिझाइन केलेल्या टेम्पलेटची चाचणी करतो, सर्वकाही ठीक असल्यास, तुम्ही पुढे जाऊ शकता.

मी डिझाइन केलेल्या टेम्पलेटच्या पृष्ठांसाठी कोड प्रदान करणार नाही, कारण... ते पुरेसे मोठे आहे, फक्त ते डाउनलोड करा आणि नंतर आम्ही त्यावर कार्य करू.

डब्ल्यूपी थीम कशी कार्य करते:

तुम्ही डीफॉल्ट थीम फोल्डर (wp-content/themes/default) उघडल्यास, तुम्हाला अनेक PHP फाइल्स (थीम फाइल्स) आणि एक style.css फाइल दिसेल. जेव्हा आम्ही ब्लॉग पाहतो, तेव्हा WP मध्ये थीम फाइल्सचा समावेश होतो (index.php

आता आपण डिफॉल्ट थीम असलेल्या फोल्डरवर जातो, header.php उघडतो आणि तेथून , , , आणि टॅग कॉपी करतो आणि आमच्या header.php मधील संबंधित ओळी त्यांच्यासह बदलतो.

मग सर्व टॅग

, स्थित id="nav" (ब्लॉगच्या शीर्षस्थानी असलेल्या पृष्ठांची सूची) वर्डप्रेस फंक्शनने बदलली आहे

परिणामी आम्हाला मिळते:

. हे सर्व्हरला दर्शवेल की आम्ही PHP सह कार्य करत आहोत.

एक विभाग तयार करा

आता आम्हाला आमच्या सेटिंग्ज जोडण्याची आवश्यकता आहे. हे 2 पासमध्ये केले जाते. आम्ही आमच्या मेंदूला ताण दिला. चला व्यस्त होऊया: सेटिंग्ज विभाग जोडा.

आपण आधी तयार केलेल्या functions.php फाईलमध्ये खालील कोड जोडूया:

Add_action("customize_register", function($customizer)( $customizer->add_section("example_section_one", array("title" => "My settings", "description" => "उदाहरण विभाग", "priority" => 11 ,));

आम्ही एक हुक तयार केला आणि त्यात फंक्शन जोडले. add_section() पद्धत फक्त सेटिंग्ज विभाग जोडते. यास 2 पॅरामीटर्स लागतात:

$args - वितर्कांचा ॲरे

शीर्षक - विभागाला काय म्हटले जाईल

वर्णन — विभागाचे वर्णन (पर्यायी)

विभागात सेटिंग जोडत आहे

जोडणी 2 टप्प्यात होते. प्रथम, आम्ही सेटिंग्ज स्वतः तयार करतो, आणि नंतर विभागामध्ये प्रदर्शित करण्यासाठी नियंत्रण.

सेटिंग्ज जोडण्यासाठी, add_section() पद्धतीच्या नंतर functions.php मध्ये खालील कोड लिहा, परंतु customize_register हुकच्या आत:

$customizer->add_setting("example_textbox", array("default" => "साइट साइट"));

add_setting() पद्धत दोन पॅरामीटर्स घेते:

$id - अद्वितीय ओळखकर्ता

$args - वितर्कांचा ॲरे

$args ॲरेमध्ये अनेक पोझिशन्स असू शकतात, म्हणजे:

डीफॉल्ट — डीफॉल्ट सेटिंग मूल्य

प्रकार — सेटिंग प्रकार

क्षमता — हे पॅरामीटर बदलण्यासाठी वापरकर्ता अधिकार आवश्यक आहेत. त्या. भिन्न मापदंड भिन्न वापरकर्ता गटांद्वारे पाहिले जाऊ शकतात. मस्त! (गरज नाही)

theme_supports - सूचित करते की वर्तमान थीमने पॅरामीटरमध्ये वर्णन केलेल्या फंक्शनचे समर्थन केले पाहिजे (पर्यायी)

वाहतूक - सेटिंग बदल पूर्वावलोकन विंडोमध्ये कसा प्रदर्शित केला जाईल. पृष्ठ रिफ्रेश किंवा AJAX. डीफॉल्टनुसार, प्रत्येक वेळी सेटिंग अद्यतनित केल्यावर पृष्ठ अद्यतनित केले जाते, परंतु तुम्हाला स्वारस्य असल्यास, मी तुम्हाला पृष्ठ रीलोड न करता, AJAX मध्ये हे कसे अंमलात आणायचे ते सांगू शकतो. टिप्पण्यांमध्ये तुमच्या शुभेच्छा लिहा.

sanitize_callback - डेटाबेसमधील इनपुट डेटा फिल्टर करण्यासाठी फंक्शनचे नाव

sanitize_js_callback - डेटाबेसमधून आउटपुट डेटा फिल्टर करण्यासाठी फंक्शनचे नाव

आता सेटिंग्जमध्ये एक नियंत्रण जोडूया. खाली खालील कोड जोडूया:

$customizer->add_control("example_textbox", array("label" => "टेक्स्ट कस्टमायझेशन", "section" => "example_section_one", "type" => "text",));

आता आपण आपली सेटिंग पाहू शकतो.

// चित्र

add_control() पद्धत दोन पॅरामीटर्स घेते:

$id - अद्वितीय ओळखकर्ता

$args - वितर्कांचा ॲरे

$args ॲरेमध्ये अनेक पोझिशन्स असू शकतात, म्हणजे:

लेबल - सेटिंगचे नाव

वर्णन - वर्णन

विभाग — विभाग ज्यामध्ये नियंत्रण आणि सेटिंग्ज ठेवल्या जातील

प्रकार - नियंत्रण प्रकार (डिफॉल्ट: मजकूर)

निवडी - चेकबॉक्सेस असलेल्या प्रकारासाठी, निवडण्यासाठी मूल्यांची सूची परिभाषित करते

प्राधान्य — कोणता विभाग स्थित असेल किंवा त्याचे प्राधान्य (डिफॉल्ट 10)

परंतु आम्ही थीममध्ये सेटिंग प्रदर्शित केली नाही. चला ते मिळवूया.

थीममधील सेटिंग्ज प्रदर्शित करत आहे

थीममधील सेटिंग्ज प्रदर्शित करण्यासाठी, तुम्हाला त्याचा अभिज्ञापक योग्य ठिकाणी जोडण्याची आवश्यकता आहे. हे करणे सोपे आहे, फक्त खालील रचना जोडा:

get_theme_mod() फंक्शन दोन वितर्क घेते^

$name — मिळविण्यासाठी सेटिंगचे नाव

$default - डीफॉल्ट मूल्य. सेटिंग अस्तित्वात नसल्यास प्रदर्शित केले जाईल

इतर प्रकारची नियंत्रणे

चेकबॉक्स

तुम्हाला काहीही सक्षम किंवा अक्षम करण्याची अनुमती देते.

$customizer->add_control("hide_text", array("type" => "checkbox", "label" => "मजकूर लपवा", "section" => "example_section_one",));

विषय असे वाचतो:

आता, जर तुम्ही चेकबॉक्स निवडला नाही, तर हा मजकूर दिसणार नाही. आपल्याला लपवण्याची आवश्यकता असल्यास उपयुक्त. काहीही

रेडिओ (ग्रुप स्विच करा)

तुम्हाला सूचीमधून 1 पॅरामीटर निवडण्याची अनुमती देते.

$customizer->add_setting("रेडिओ", array("default" => "item_1")); $customizer->add_control("रेडिओ", ॲरे("प्रकार" => "रेडिओ", "लेबल" => "रेडिओ बटणांचे उदाहरण", "विभाग" => "उदाहरण_विभाग_एक", "निवडी" => ॲरे(" item_1" => "item_1", ​​"item_2" => "item_2", "item_3" => "item_3",),));

निवडा (सूची)

ड्रॉप-डाउन सूची.

$customizer->add_setting("select", array("default" => "Wordpress")); $customizer->add_control("select", array("type" => "select", "label" => "आम्ही कोण आहोत?", "section" => "example_section_one", "choices" => array(" लोक " => "लोक", "स्ताखानोविट्स" => "स्ताखानोवाइट्स", "कूल गाईज" => "कूल लोक", "UFO" => "UFO",),));

पृष्ठांची ड्रॉपडाउन सूची

सर्व साइट पृष्ठांची ड्रॉप-डाउन सूची तयार करते. पृष्ठे वर्डप्रेसद्वारेच तयार केली जातात.

$customizer->add_setting("page-setting", array("sanitize_callback" => "example_sanitize_integer")); $customizer->add_control("पृष्ठ-सेटिंग", ॲरे("प्रकार" => "ड्रॉपडाउन-पृष्ठे", "लेबल" => "पृष्ठ निवडा:", "विभाग" => "उदाहरण_विभाग_एक",));

पॅलेट

तुम्हाला रंग निवड पॅलेट जोडण्याची अनुमती देते. उदाहरणार्थ, पार्श्वभूमीसाठी.

$customizer->add_setting("color-setting", array("default" => "#000000", "sanitize_callback" => "sanitize_hex_color",)); $customizer->add_control(नवीन WP_Customize_Color_Control($customizer, "color-setting", array("label" => "रंग सेटिंग", "section" => "example_section_one", "settings" => "color-setting", )));

तुम्हाला मानक WP अपलोडरद्वारे फाइल अपलोड करण्याची अनुमती देते. WP_Customize_Upload_Control वर्गाद्वारे कार्य करते. काळजी घ्या.

$customizer->add_setting("फाइल-अपलोड"); $customizer->add_control(नवीन WP_Customize_Upload_Control($customizer, "file-upload", array("label" => "फाइल अपलोड", "सेक्शन" => "example_section_one", "सेटिंग्ज" => "फाइल-अपलोड") ));

हे फाइल अपलोड करण्यासारखेच आहे, फक्त फाइल परवानग्यांवर बंधने आहेत. फक्त चित्रे स्वीकारली जातात. आरामदायक. तुम्हाला फक्त प्रतिमा अपलोड करायची असल्यास. उदाहरणार्थ, पार्श्वभूमीसाठी. हे वरील उदाहरणाप्रमाणेच कार्य करते, फक्त WP_Customize_Image_Control वर्ग वापरला जातो.

$wp_customize->add_setting("img-upload"); $wp_customize->add_control(नवीन WP_Customize_Image_Control($wp_customize, "img-upload", array("label" => "इमेज अपलोड", "section" => "example_section_one", "settings" => "img-upload") ));

एवढेच नाही

जर तुम्हाला असे वाटत असेल की येथेच अंगभूत सेटिंग्जची क्षमता मर्यादित आहे, तर तुम्ही चुकत आहात. त्यामध्ये बऱ्याच मनोरंजक गोष्टी आहेत: तुमची स्वतःची सेटिंग्ज जोडणे, AJAX द्वारे पृष्ठ अद्यतनित करणे. तुम्ही स्वतःभोवती खोदून काढू शकता किंवा तुम्हाला सुरू ठेवायचे असल्यास टिप्पण्यांमध्ये लिहू शकता.

फायदे आणि तोटे

आता या पद्धतीचे तोटे आणि फायदे यांचा सारांश आणि विचार करूया.

साधक:

• वर्डप्रेस कोरमध्ये सेटिंग्ज तयार केल्या आहेत. याचा अर्थ असा की साइट हलवताना किंवा नवीन आवृत्तीवर अद्यतनित करताना, फ्रेमवर्क अद्यतने आणि विसंगतता डाउनलोड केल्याशिवाय आमच्याकडे त्वरित सेटिंग्ज असतील.
• जोडणे खूप सोपे आहे. थीममध्ये कस्टमायझेशन जोडण्यासाठी WP आणि PHP चे मूलभूत ज्ञान पुरेसे आहे. तृतीय-पक्ष समाधान कनेक्ट करण्यापेक्षा बरेच सोपे
• तुमच्या स्वतःच्या सेटिंग्जचे प्रकार जोडत आहे. कार्यक्षमता वाढवता येते. अशी एक संधी आहे, जी खूप आनंददायक आहे.
• बदल पूर्वावलोकन विंडोमध्ये लगेच दिसतात.

उणे:

• मजकूरासाठी व्हिज्युअल संपादक समर्थन नाही. जटिल प्रकल्पांसाठी हे एक गंभीर नुकसान आहे.
• पुरेसे सेटिंग्ज प्रकार नाहीत. अशा अनेक गोष्टी आहेत ज्या आपल्याकडे नाहीत, पण आपल्याला हव्या आहेत. उदाहरणार्थ, अमर्यादित स्लाइड्ससह समान स्लाइडर. आपले स्वतःचे नियंत्रण जोडण्याच्या क्षमतेद्वारे अंशतः निराकरण केले. पण या अनावश्यक हालचाली आहेत.
• आयात/निर्यात नाही. आपण थीम पुन्हा स्थापित करू इच्छित असल्यास. मग सर्व सेटिंग्ज पुन्हा व्यक्तिचलितपणे प्रविष्ट कराव्या लागतील! जे अत्यंत गैरसोयीचे आहे.
• तुम्ही ब्लॉक्स ठेवू शकता त्या स्वातंत्र्यामध्ये तुम्ही मर्यादित आहात. तुम्हाला साधेपणासाठी पैसे द्यावे लागतील. तुम्ही इशारे किंवा माहितीसह ब्लॉक तुम्हाला पाहिजे तेथे ठेवू शकत नाही, सर्व काही दिलेल्या फॉरमॅटमध्ये आहे. काहींसाठी ते महत्त्वाचे नाही, तर काहींसाठी ते गंभीर आहे. प्रत्येकजण स्वत: साठी निर्णय घेतो.

निष्कर्ष

माझ्या मते, मला वाटते की थीम कस्टमायझर अजूनही ओलसर आहे. होय. त्यात भरपूर क्षमता आहे आणि मला खात्री आहे की भविष्यात आम्ही त्यात बरेच विस्तार आणि सुधारणा पाहणार आहोत. मात्र आता त्यावर गुंतागुंतीचे प्रकल्प विकसित करणे शक्य होणार नाही.

आपण एक साधी थीम किंवा प्रशिक्षण करत असल्यास, नंतर या WP वैशिष्ट्याकडे लक्ष द्या. जर तुम्ही आधीच एखाद्यासोबत गांभीर्याने काम करत असाल आणि ते योग्य आहे की नाही असा विचार करत असाल, स्विच करणे किंवा नाही, तर ते न करणे चांगले आहे. आतासाठी, तो वाचतो नाही. पण हे "पशु" काय आहे हे नक्कीच पाहण्यासारखे आहे. शेवटी, त्याच्याकडे प्रचंड क्षमता आहे.

परंतु, जसे ते म्हणतात, प्रत्येकजण त्यांच्या अनुभवावर आणि प्रकल्पांच्या जटिलतेच्या आधारावर स्वत: साठी निर्णय घेतो. यासह मी पुढील लेखापर्यंत तुमचा निरोप घेतो. ऑल द बेस्ट. आणि वर्डप्रेसच्या कठीण शिक्षणात तुमच्यासोबत संयम असू शकेल.

वर्डप्रेससाठी थीम (टेम्पलेट) तयार करण्यासाठी मार्गदर्शकाचे हे मुख्य पृष्ठ आहे. मूलभूत माहिती अधिकृत पुस्तिका आणि वैयक्तिक अनुभवातून घेतली आहे.

थीम म्हणजे काय?

वर्डप्रेस थीम हा css, js, php फाइल्सचा एक संच आहे जो वर्डप्रेस आणि प्लगइन्सच्या संयोगाने डेटाबेसमधील माहिती एका सुंदर आणि सोयीस्कर स्वरूपात (डिझाइन) स्क्रीनवर प्रदर्शित करतो. बरं, किंवा कुरूप आणि गैरसोयीचे, ते तुम्ही कोणती थीम निवडता यावर अवलंबून असते... इतर इंजिनमध्ये, थीमला "टेम्प्लेट" असेही म्हणतात, परंतु वर्डप्रेसमध्ये थीम - थीम म्हणण्याची प्रथा आहे आणि टेम्पलेट - टेम्पलेट नाही. . जरी दोन्ही मूलत: समान आहेत ...

अशा प्रकारे, आपण थीम बदलल्यास, साइटचे स्वरूप बदलते आणि भिन्न दिसते. WordPress.org वर हजारो मोफत थीम आहेत. थीमची विस्तृत निवड असूनही, बरेच लोक त्यांच्या स्वतःच्या थीम तयार करण्यास प्राधान्य देतात. हे प्रामुख्याने या वस्तुस्थितीमुळे आहे की एक साधी थीम तयार करणे कठीण नाही.

आवश्यक फाइल्स

थीम तयार करण्यासाठी तुम्हाला फक्त दोन फाइल्सची आवश्यकता आहे:

index.php - मुख्य थीम फाइल, सामग्री प्रदर्शित करण्यासाठी जबाबदार

style.css - मुख्य शैली फाइल, css शैलींसाठी जबाबदार

परंतु कोणत्याही थीममध्ये प्रत्यक्षात फक्त दोन फाइल्स नसतात. त्यापैकी बरेच काही आहेत: PHP, भाषा फाइल्स, CSS आणि JS फाइल, मजकूर फाइल्स. थीम दोन फायलींपासून सुरू होते, आणि नंतर, ती अधिक सोयीस्कर बनवण्यासाठी, फाइल्स जोडून ती वाढवली जाते जसे की:

• header.php - हेडर प्रदर्शित करण्यासाठी जबाबदार
• footer.php - तळटीप प्रदर्शित करण्यासाठी जबाबदार
• sidebar.php - साइडबार प्रदर्शित करण्यासाठी जबाबदार
• page.php - वेगळे पृष्ठ (पोस्ट) प्रदर्शित करण्यासाठी जबाबदार आहे
• इ. संपूर्ण यादी पहा.

थीम वैशिष्ट्ये

थीमच्या शक्यता मूलत: अंतहीन आहेत, कारण तुम्ही PHP पूर्णपणे वापरू शकता. परंतु! थीमचा उद्देश साइटची सामग्री विशिष्ट प्रकारे प्रदर्शित करण्यासाठी आहे आणि साइटवर कार्यक्षमता जोडण्यासाठी नाही. म्हणून, थीमची क्षमता दिसण्यासाठी जबाबदार असलेल्यांपर्यंत मर्यादित ठेवण्याची प्रथा आहे आणि इतर सर्व वैशिष्ट्ये: मतदान, रेटिंग, पुनर्निर्देशन, SEO इ. प्लगइनमध्ये ठेवणे सामान्य आहे...

त्यामुळे थीम हे करू शकते:

• विविध प्रकारच्या उपकरणांसाठी वेबसाइट सामग्री प्रदर्शित करण्यासाठी जबाबदार: मॉनिटर्स आणि स्मार्टफोन. या थीमला प्रतिसादात्मक म्हणतात. तसेच, थीम निश्चित केल्या जाऊ शकतात, एक-स्तंभ, दोन-स्तंभ इ.;
• थीम कोणतीही सामग्री प्रदर्शित करू शकते;
• भिन्न वापरकर्त्यांना कोणती सामग्री प्रदर्शित केली जाईल हे निर्दिष्ट करू शकते;
• कोणत्याही डिझाइन घटक (चित्रे, व्हिडिओ) वापरू शकता.

कोणत्याही वेबसाइटप्रमाणे, थीम ही केवळ रंगसंगती, मांडणी आणि सुंदर चित्र नसते. खरोखर उच्च-गुणवत्तेच्या थीम देखील अतिशय कार्यक्षम आहेत. थीमची कार्यक्षमता त्याच्या लवचिक कॉन्फिगरेशनमध्ये आहे. त्या. ते साइटवर नवीन काहीही जोडत नाही, परंतु मालकाच्या अभिरुचीनुसार अत्यंत सानुकूल करण्यायोग्य आहे. उदाहरणार्थ: पार्श्वभूमी प्रतिमा सेट केली आहे, घटकांचे रंग बदलले आहेत, मेनू आणि सामग्री ब्लॉक्स (विजेट्स) कॉन्फिगर केले आहेत.

प्लगइनपेक्षा थीम कशी वेगळी आहे?

कोडच्या दृष्टिकोनातून, एखादी व्यक्ती म्हणू शकते, काहीही नाही - तुम्ही थीममध्ये एक पूर्ण प्लगइन तयार करू शकता. पण तार्किक दृष्टिकोनातून - प्रत्येकजण! प्लगइनचा उद्देश साइटवर काहीतरी नवीन जोडणे आहे, उदाहरणार्थ, सर्वेक्षण जोडा. या सर्वेक्षणासह सामग्री प्रदर्शित करणे हे विषयाचे कार्य आहे...

अशा प्रकारे, थीम पृष्ठावरील सामग्री प्रदर्शित करण्यासाठी जबाबदार आहे आणि साइटच्या कार्यक्षमतेची अंमलबजावणी करण्यासाठी प्लगइन आवश्यक आहे.

असे करण्याचे कोणतेही कारण असल्याशिवाय थीममध्येच कार्यक्षमता कधीही जोडू नका. तुम्ही असे केल्यास, तुम्ही जेव्हा थीम बदलता, तेव्हा त्या ठिकाणी असलेली कार्यक्षमता नष्ट होईल. उदाहरणार्थ, तुमच्या थीममध्ये छान फोटो गॅलरी आहे. आणि जर तुम्ही विषय बदलला तर ही मस्त फोटो गॅलरी नष्ट होईल...

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

सानुकूल सेटिंग्ज काय आहेत? वर्डप्रेस टेम्पलेट्स (थीम्स) जे आम्ही आमच्या वेबसाइटवर वापरतो ते तुम्हाला काही अतिरिक्त पॅरामीटर्स सानुकूलित करण्याची परवानगी देतात, उदाहरणार्थ, शीर्षकांचा रंग. मी वापरलेल्या सर्व सशुल्क थीम वेगळ्या इंटरफेसमुळे प्रशासकीय पॅनेलची कार्यक्षमता लक्षणीयरीत्या विस्तृत करतात. खाली मी अशा विस्ताराचे उदाहरण देतो, कृपया पहा.

जेव्हा एखादी अनन्य वेबसाइट तयार केली जाते (युनिक म्हणजे माझा अर्थ असा आहे की विशिष्ट डिझाइन आणि कार्यक्षमतेसह क्लायंटसाठी विकसित केलेले टेम्पलेट वापरणारी वेबसाइट), तेव्हा प्रशासकांना काही पॅरामीटर्स बदलण्याची क्षमता निर्माण करणे आवश्यक असते. लोगो फाईल, मुख्य पृष्ठावरील काही घटक, सोशल नेटवर्क चिन्हे, साइटच्या "फूटर" मधील पार्श्वभूमी रंग इ. बदलण्याची संधी देणे जवळजवळ नेहमीच आवश्यक असते. OptionTree प्लगइन प्रदान करते विकासकांसाठी हीच संधी आहे, जी अधिकृत Wordpress वेबसाइटवरून विनामूल्य डाउनलोड केली जाऊ शकते.

स्थापनेनंतर... प्लगइन स्थापित आणि सक्रिय केल्यावर, आम्हाला, सशर्त, दोन भाग प्राप्त होतात: एक साइट विकसकांसाठी, दुसरा वापरकर्त्यांसाठी. पहिला भाग मेनू आयटम "OptionTree" - "सेटिंग्ज" मधून उपलब्ध आहे, जो Wordpress च्या प्रशासकीय भागात डावीकडील प्लगइन सक्रिय केल्यानंतर दिसून येतो. तेथे मोकळ्या मनाने क्लिक करा आणि सानुकूल फील्डचा संच तयार करण्यासाठी एक अनोखा इंटरफेस मिळवा, जो प्लगइनच्या दुसऱ्या भागात वापरकर्त्यांसाठी उपलब्ध असेल - "स्वरूप" - "थीम पर्याय".

थीम पर्याय UI बिल्डर तर, तुम्ही सेटिंग्ज कशी तयार कराल? वेगळ्या सेटिंगद्वारे, मला एक विशिष्ट फील्ड म्हणायचे आहे जे वापरकर्त्यासाठी, साइट प्रशासकाला संपादनासाठी उपलब्ध असेल. UI बिल्डर तुम्हाला विभाग किंवा विभाग तयार करण्यास अनुमती देतो, चला याला अधिक चांगले म्हणू या, ज्यामध्ये विशिष्ट सेटिंग्ज असतील. वरील आकृतीमध्ये, मी दोन विभाग असलेल्या सेटिंग्जचे उदाहरण दर्शविले: “मूलभूत” आणि “सेवा”. त्या. हे समजले आहे की "मूलभूत" विभागात काही सामान्य साइट सेटिंग्ज ठेवल्या जातील आणि "सेवा" विभागात - सेवा पृष्ठासाठी विशिष्ट. वापरकर्त्याला विभाग कसे दिसतात ते पाहूया. "स्वरूप" वर जा - "थीम पर्याय" आणि - हुर्रे! येथे ते सेटिंग्ज पृष्ठ आहे!

डावीकडे आम्ही विभाग पाहतो जे स्विच केले जाऊ शकतात, उजवीकडे - विभागातील सेटिंग्जचा संच. “विभाग जोडा” बटणावर क्लिक करून थीम पर्याय UI बिल्डर वापरून विभाग तयार केले जातात आणि विभागासाठी तुम्हाला त्याचे शीर्षक आणि अद्वितीय अभिज्ञापक प्रविष्ट करणे आवश्यक आहे. चला एक "प्रगत" विभाग तयार करू आणि तेथे काही सेटिंग्ज जोडा.

सर्व बदल, अर्थातच, "बदल जतन करा" बटणावर क्लिक करून रेकॉर्ड केले जातात. आता वापरकर्त्यासाठी सेटिंग जोडू, उदाहरणार्थ, शीर्षकांचा रंग. "सेटिंग जोडा" वर क्लिक करा आणि निवडीसाठी फील्डचा कोणता संच उपलब्ध आहे ते पहा. तुम्ही म्हणू शकता की ते खूप मोठे आहे! "कलरपिकर" निवडा आणि शीर्षक आणि अद्वितीय अभिज्ञापक प्रविष्ट करा. आयडेंटिफायरसह सावधगिरी बाळगा; त्यानंतर आम्ही टेम्प्लेट कोडमधील या फील्डचे मूल्य शोधू शकतो.

आता वापरकर्त्यासाठी संपादनासाठी काय उपलब्ध आहे ते पाहू या: एक नवीन विभाग आणि नवीन सेटिंग दिसली आहे, “हेडिंग कलर” फील्ड, जे वापरकर्ता आता सोयीस्कर पद्धतीने संपादित करू शकतो. पहा, मी निर्मितीसाठी उपलब्ध असलेल्या फील्डच्या संपूर्ण सूचीवर लक्ष ठेवणार नाही, अर्थातच, ते प्लगइनसाठी आणि विकसकांच्या अधिकृत वेबसाइटवर आहे. तरीही, काही फील्ड तुमची आवड निर्माण करत असल्यास, लिहा, मी या किंवा त्या प्रकारच्या प्रस्तावित फील्डच्या वर्णनासह हे प्रकाशन अद्यतनित करेन. तत्वतः, फील्डचे नाव त्याचा अर्थ स्पष्ट करते, परंतु, मी पुन्हा सांगतो, जर एखाद्या गोष्टीमुळे तुम्हाला अडचणी येत असतील तर, माझ्याशी संपर्क साधा, मी निश्चितपणे स्पष्ट करेन.

टेम्पलेट संपादित करणे आता तुम्ही आणि मी, विकासक म्हणून, वापरकर्त्याने प्रविष्ट केलेल्या किंवा निवडलेल्या विशिष्ट फील्डचे मूल्य मिळविण्यासाठी साइट टेम्पलेटमध्ये बदल करणे आवश्यक आहे. यासाठी एक विशिष्ट कार्य जबाबदार आहे, ज्याच्या वापराचे उदाहरण आमच्या शीर्षक रंगांच्या निवडीसाठी खाली दिले आहे. शिवाय, मी लक्षात घेतो की हे प्लगइन वापरण्यासाठी अनेक पर्याय असू शकतात, मी दिलेल्या उदाहरणात, दस्तऐवजाच्या हेड विभागात टेम्पलेटच्या header.php फाइलमध्ये, शीर्षकांची शैली आता प्रदर्शित केली जाईल; , म्हणजे, त्यांचा रंग, h_color फील्डच्या मूल्यावर अवलंबून.
h1,h2,h3,h4,h5,h6 (रंग: ;)

त्या. फील्डचे मूल्य प्रदर्शित करण्यासाठी ot_get_option($option_id, $default) फंक्शन जबाबदार आहे, ज्याचे पॅरामीटर्स फील्ड आयडेंटिफायर आहेत, जे तुम्ही आणि मी, डेव्हलपर म्हणून, आमच्या बाबतीत, आम्ही स्वतः सेट करतो h_color फील्ड. फंक्शनचे दुसरे पॅरामीटर आउटपुट फॉरमॅट आहे, मी यावर थोडे अधिक तपशीलवार विचार करू. उदाहरणार्थ, आम्हाला एक पर्याय तयार करण्याची आवश्यकता आहे जो वापरकर्त्यास सोशल नेटवर्क्ससाठी त्यांच्या स्वतःच्या चिन्हांचा संच तयार करण्यास अनुमती देईल. हे करण्यासाठी, आम्ही सूची आयटम फील्ड (खालील चित्रात) वापरू.

हे फील्ड तुम्हाला पुनरावृत्ती होणाऱ्या फील्डचा संच तयार करण्यास अनुमती देते, जेथे वापरकर्ता एकाच सेटिंगमध्ये समान पॅरामीटर्स जोडण्यास सक्षम असेल. हे थोडे अस्पष्ट आहे, मी समजावून सांगण्याचा प्रयत्न करेन आणि नंतर ते कसे कार्य करते ते कोडमध्ये दर्शवेल. आमच्या बाबतीत, आम्ही लिस्ट आयटम फील्डमध्ये अभिज्ञापक social_icons नियुक्त करू आणि या फील्डमध्ये (लक्षात ठेवा की आणखी एक "सेटिंग जोडा" बटण आहे) आम्ही दोन फील्ड जोडू: एक आयकॉन फाइल आणि एक लिंक. पहिला फील्ड प्रकार अपलोड असेल, दुसरा फील्ड प्रकार मजकूर असेल. पहिल्या फील्डचा आयडी आयकॉन_इमेज असेल, दुसऱ्या फील्डचा आयडी आयकॉन_लिंक असेल.

वापरकर्त्याला काय मिळेल? आता तो सेटिंग्ज पृष्ठावरील “नवीन जोडा” बटणावर क्लिक करून अनेक सोशल नेटवर्क चिन्ह जोडण्यास सक्षम असेल. शिवाय, कृपया लक्षात घ्या की अशा सेटिंग्जची संख्या आता अमर्यादित आहे आणि केवळ वापरकर्त्यावर अवलंबून आहे.

आता टेम्प्लेटमध्ये असे क्लिष्ट फील्ड प्रदर्शित करण्यासाठी, तुम्हाला थोडा वेगळा आउटपुट फॉरमॅट वापरण्याची आवश्यकता आहे. मी काय होत आहे ते टिप्पण्यांसह स्पष्ट करण्याचा प्रयत्न करेन.