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

वर्डप्रेस सीएमएस टेम्पलेट फाइल्स

• index.php- टेम्पलेटमधील सर्वात महत्वाचे वर्डप्रेस फाइल. हे साइट घटकांची दृश्य व्यवस्था निर्धारित करते. निष्कर्षासाठी तोच जबाबदार आहे मुख्यपृष्ठ.
• page.php- वर्डप्रेस पृष्ठ आउटपुट करण्यासाठी जबाबदार फाइल.
• single.php- रेकॉर्ड आउटपुट पृष्ठ फाइल.
• sidebar.php- साइड कॉलम किंवा अन्यथा साइटचा साइडबार म्हणतात.
• header.php- साइट शीर्षलेख.
• footer.php- ब्लॉगचा तळटीप किंवा तळटीप.
• functions.php- एक फाईल जिथे वर्डप्रेस टेम्पलेटची अतिरिक्त कार्ये लिहिली जातात (उदाहरणार्थ, मेनू आणि साइडबारची नोंदणी करणे).
• category.php- श्रेणीतील नोंदी आउटपुट करण्यासाठी फाइल.
• comments.php- टिप्पणी आउटपुट फाइल.
• archive.php- लेखांचे संग्रहण.
• searchform.php- शोध फॉर्म टेम्पलेट.
• search.php- शोध परिणामांचे प्रदर्शन.
• attachment.php- संलग्न फाइलचे आउटपुट.
• 404.php- जेव्हा वापरकर्ता अस्तित्वात नसलेल्या पृष्ठाची विनंती करतो तेव्हा 404 त्रुटी पृष्ठ.
• tag.php- नोटांचे आउटपुट चालू विशिष्ट टॅग(लेबल).
• author.php- एका लेखकाच्या लेखांचे आउटपुट.
• style.css- यासाठी जबाबदार फाइल शैलीतुमची वर्डप्रेस थीम.

या सर्व टेम्पलेट फाइल्स तुम्ही तुमच्या ब्लॉगवर पाहू शकता. हे करण्यासाठी, साइट प्रशासक पॅनेल/स्वरूप/संपादक वर जा:

मध्ये या पृष्ठावर उजवा स्तंभसध्याच्या सर्व फायली. जेव्हा तुम्ही या सूचीतील कोणत्याही फाइलवर क्लिक करता तेव्हा ती संपादनासाठी उघडेल.

वर्डप्रेस टेम्पलेट रचना

टेम्प्लेटची रचना दृष्यदृष्ट्या समजून घेण्यासाठी, मी तुम्हाला खालील स्क्रीनशॉट पाहण्याचा सल्ला देतो, जो साइटचे घटक भाग आणि त्यांच्या सामग्रीसाठी जबाबदार असलेल्या फाइल्स दर्शवितो:

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

तर, आता आपण प्रत्येक फाईलचा स्वतंत्रपणे विचार करू शकतो.

वर्डप्रेस टेम्पलेट index.php फाइल

तुमच्यापैकी काहींना आधीच माहिती आहे आणि तुमच्यापैकी काहींना याबद्दल पहिल्यांदाच ऐकू येत आहे - ही तुमच्या टेम्पलेटची मुख्य फाइल आहे. होय, होय, यातूनच इतर सर्व थीम फाइल्स डीफॉल्टनुसार लाँच केल्या जातात. हे स्वतःच्या मार्गाने category.php फाइलची पुनरावृत्ती करते, कारण वर्डप्रेसमध्ये डीफॉल्टनुसार, डायनॅमिकली बदलणारे पृष्ठ मुख्य पृष्ठावर प्रदर्शित केले जाते, परंतु ते देखील प्रदर्शित केले जाऊ शकते. स्थिर पृष्ठहे सर्व तुमच्या कंट्रोल सिस्टम सेटिंग्जवर अवलंबून आहे.

मुख्य प्रदर्शित करताना वर्डप्रेस पृष्ठे frontpage.php फाइल शोधते. अशी कोणतीही फाईल नसल्यास, home.php फाइल वापरली जाईल. home.php फोल्डरमध्ये नसल्यास, index.php वापरला जातो. बहुमतात वर्डप्रेस थीमउपस्थित, फक्त index.php.

या फाइलच्या पहिल्या ओळीत साइट शीर्षलेख किंवा header.php फाइल समाविष्ट आहे:

या ओळीनंतर, एक नियम म्हणून, सामग्रीचा मुख्य ब्लॉक कनेक्ट केला जातो, ज्यासह (टेम्पलेट निर्मात्यावर अवलंबून) डिझाइनच्या विविध डिव्ह ब्लॉक्स आणि विविध गॅझेट्सचे कोड, जसे की ब्रेडचे तुकडे, पोस्ट व्ह्यू आणि टिप्पण्यांची संख्या इ.

">/*दुवा म्हणून पोस्ट शीर्षके प्रदर्शित करा*//*लेख ज्या श्रेणीमध्ये स्थित आहे ते प्रदर्शित करण्याचे कार्य (संलग्न केलेले).*//* सामग्री स्वतः आउटपुट करण्यासाठी, रेकॉर्डिंगसाठी कार्य.*/

ही फाइल तळटीप (साइट फूटर) च्या कनेक्शनसह समाप्त होते:

सर्व. index.php फाइल येथे संपते. मध्ये आपण वर्डप्रेसवरील उर्वरित टेम्पलेट फायलींबद्दल वाचू शकता.

चला इंडेक्स php वर्डप्रेस फाईल पार्स करून भरा, काही फंक्शन्सची ओळख करून घेऊ आणि HTML टेम्प्लेटचा काही भाग index.php वर्डप्रेस फाईलमध्ये हस्तांतरित करू.

मागील लेखात, आम्ही डिझाइनचा काही भाग स्थिर एचटीएमएल फाइलमधून वर्डप्रेस टेम्पलेटमध्ये हस्तांतरित केला आहे, ज्यामुळे header.php फाइल भरली जाईल. आता मानक वर्डप्रेस index.php फाईलमधील सामग्रीचे विश्लेषण करण्याची आणि HTML वरून WP मध्ये आणखी काही लेआउट हस्तांतरित करण्याची वेळ आली आहे.

मानक WordPress php इंडेक्स फाइलची सामग्री

तुम्ही index.php फाइल भरणे सुरू करण्यापूर्वी, ती कशी कार्य करते आणि त्यात असलेली फंक्शन्स काय करतात हे थोडक्यात सांगणे चांगले.

ट्वेंटी ट्वेल्व्ह 1.8 थीमवरील मानक वर्डप्रेस php इंडेक्स फाइल

आम्ही आमच्या Start WP थीमच्या index.php साठी आधार म्हणून वापरु.

कोडमध्ये मी फक्त वर्णन लहान करण्यासाठी कापले आहे. तर, आता क्रमाने:

index.php मध्ये header.php फाइलचा समावेश होतो, ज्यामुळे आमचा टेम्प्लेट एका संपूर्णपणे जोडला जातो.

एक सशर्त टॅग जो वर्तमान विनंतीसाठी प्रकाशने आहेत की नाही हे तपासतो. वाचा आणि योग्य पोस्ट नसल्यास काय प्रदर्शित केले जाईल ते पहा.

आउटपुट करण्यासाठी काहीतरी असल्यास, लूप सुरू होईल

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

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

/* लूप सुरू करा */ — फक्त एक टिप्पणी, थीम विकसकांनी लूपची सुरूवात चिन्हांकित केली. आणि त्यानुसार त्याचे भाषांतर "चक्राची सुरुवात" असे केले जाते.

असताना (have_posts()): the_post(); - सायकलची सुरुवात

get_template_part("सामग्री", get_post_format()); — पृष्ठ content.php ची सामग्री प्रदर्शित केली जाते, दुसऱ्या शब्दांत लूपची सामग्री (आम्ही या सामग्रीशी नंतर परिचित होऊ).

सायकलच्या सामग्रीमध्ये पोस्टचे शीर्षक, श्रेणी, पृष्ठ, सामग्री स्वतः, तारीख, श्रेणीचे नाव, टॅग, लेखक इत्यादी असू शकतात.

पृष्ठ नेव्हिगेशन कार्य.

हे मी वर लिहिले आहे. अभ्यागतांच्या विनंतीसाठी योग्य सामग्री नसल्यास, विविध, मी त्यांना सहाय्यक, टेम्पलेट्स आणि सेवा कार्ये म्हणतो असे आउटपुट सुरू होते.

उदाहरणार्थ, नोंदणीकृत वापरकर्त्यासाठी भिन्न संदेश दर्शवा जे प्रविष्ट्या जोडू शकतात:

हा सशर्त चेक टॅगचा शेवट आहे, have_posts() कोडमधील सर्वात पहिला. एचटीएमएल मधील क्लोजिंग टॅगप्रमाणे, फक्त येथे त्याचा अर्थ फंक्शनचा शेवट आहे.

टेम्प्लेटचा साइडबार आणि फूटर कॉल करण्यासाठी अनुक्रमे कार्ये.

index.php वर्डप्रेस फाइलचा मुख्य मार्कअप तयार करणे

पुरेसा सिद्धांत, चला आमच्या स्टार्ट डब्ल्यूपी टेम्पलेटला चिन्हांकित करणे सुरू करूया. आम्ही बूटस्ट्रॅप ग्रिड वापरून साइट बनवत असल्याने, आम्हाला त्यानुसार सर्व फाईल्स मार्कअप करणे आवश्यक आहे. आम्ही आधीच header.php फाइल चिन्हांकित केली आहे आणि ती भरली आहे, आता index.php फाइलवर जाण्याची वेळ आली आहे.

चला आमच्या थीमची index.php फाईल उघडू आणि त्यात मानक सामग्री जोडू. दिलेला कोड कॉपी करा आणि इंडेक्स फाईलमध्ये पेस्ट करा. मागील वर्गातील आमचे वर्णन सोडा.

तुम्ही कोड पेस्ट केल्यानंतर, वर्डप्रेस खालीलप्रमाणे त्रुटी प्रदर्शित करेल:

सर्व्हरने दिलेल्या मुख्य वाक्यांशाकडे लक्ष द्या - अपरिभाषित फंक्शन twentytwelve_content_nav() वर कॉल करा याचा अर्थ पृष्ठावर फंक्शन कॉल आहे, परंतु सर्व्हर स्वतः फंक्शन शोधू शकत नाही. हे पृष्ठांकन फंक्शनला कॉल करत आहे, परंतु आम्ही अद्याप functions.php फाइलमध्ये ते लिहिलेले नसल्यामुळे, आत्तासाठी याप्रमाणे टिप्पणी द्या:

आता त्रुटी दूर केली गेली आहे, आणि आपण नंतर फंक्शन स्वतः लिहू.

आत्तासाठी ते पूर्णपणे काढून टाकूया, किंवा अजून चांगले, संपूर्ण वर्डप्रेस सायकलवर याप्रमाणे टिप्पणी द्या:

आणि लगेच खाली

चला स्त्रोतांकडून आमचे html मार्कअप ठेवूया:

मी संपूर्ण कोड प्रकाशित केला नाही, तो खूप मोठा आहे, सर्व काही स्त्रोत कोडमध्ये टिप्पण्यांसह चिन्हांकित केले आहे. स्क्रीनशॉट पहा.

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

वेब डेव्हलपमेंटच्या जगात वर्डप्रेस हे एक सोपे औषध आहे. या प्लॅटफॉर्मचा वापर सुरू करणारे बरेच लोक सुरुवातीला एक सोपी वेबसाइट तयार करण्याचा सोपा (आणि विनामूल्य) मार्ग शोधत होते. हे सर्व थोडे गुगलिंग आणि वर्डप्रेस कोडेक्समध्ये दिलेल्या सल्ल्याने करता येते. मुळात, "मला फक्त ते वापरून पहायचे होते आणि ते सर्व निष्पन्न झाले."

तथापि, बरेच वापरकर्ते साध्या ओळखीवर थांबत नाहीत. त्याऐवजी, ते सक्रियपणे सिस्टम वापरण्यास सुरवात करतात. ते अधिक कल्पना घेऊन येतात. ते प्रयोग करत आहेत. नवीन प्लगइन वापरून पहा. फायरबग उघडा. सर्व. पॉइंट ऑफ नो रिटर्न आधीच पार झाला आहे. तुम्ही सहमत आहात का, हे तुमच्या कथेसारखे आहे का? वर्डप्रेस वापरकर्त्यांना त्यांची साइट व्यवस्थापित करण्याचे अधिकाधिक पैलू हवे असणे सामान्य आहे. एक अद्वितीय डिझाइन, सिद्ध कार्यक्षमता, सर्व तपशीलांचे सानुकूलन हवे आहे.

सुदैवाने, वर्डप्रेस हे असे करण्यासाठी डिझाइन केलेले आहे. त्याची लवचिक रचना तसेच मॉड्यूलर आर्किटेक्चर कोणालाही त्यांच्या वेबसाइटवर जवळजवळ काहीही बदलू देते.

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

वर्डप्रेस पृष्ठ टेम्पलेट्स आपल्याला या समस्यांचे निराकरण करण्यात कशी मदत करू शकतात हे जाणून घेऊ इच्छित असल्यास, वाचा. तथापि, प्रथम आम्ही वर्डप्रेसमध्ये पृष्ठ टेम्पलेट्स कसे कार्य करतात हे समजून घेण्यासाठी आवश्यक असलेली काही मूलभूत माहिती प्रदान करू.

वर्डप्रेस टेम्पलेट्स

जेव्हा आपण वर्डप्रेसच्या संदर्भात टेम्पलेट्सबद्दल बोलतो तेव्हा आपल्याला काय म्हणायचे आहे? थोडक्यात, टेम्प्लेट म्हणजे वर्डप्रेसला विविध प्रकारची सामग्री कशी प्रदर्शित करायची हे सांगणाऱ्या फाइल्स.

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

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

टेम्पलेट पदानुक्रम ही परिचित वर्डप्रेस टेम्पलेट फाइल्सची सूची आहे जी कोणत्या फाइलला सर्वोच्च प्राधान्य आहे हे निर्धारित करण्यासाठी रँक केले जाते.

आपण या पदानुक्रमाचा निर्णय वृक्ष म्हणून विचार करू शकता. जेव्हा वर्डप्रेस वर्तमान पृष्ठ कसे प्रदर्शित करायचे हे ठरवण्याचा प्रयत्न करते, तेव्हा विनंती केलेल्या पृष्ठाशी जुळणारे पहिले टेम्पलेट सापडत नाही तोपर्यंत ते टेम्पलेट पदानुक्रमाच्या खाली जाते. उदाहरणार्थ, कोणीतरी http://yoursite.com/category/news मध्ये प्रवेश करण्याचा प्रयत्न केल्यास, WordPress या क्रमाने जुळणारे टेम्पलेट शोधेल:

1. श्रेणी-(स्लग).php: या प्रकरणात category-news.php
2. category-(id).php>: श्रेणी आयडी 5 असल्यास, WordPress श्रेणी-5.php नावाची फाईल शोधण्याचा प्रयत्न करेल
3. category.php
4. archive.php
5. index.php

पदानुक्रमाच्या अगदी तळाशी index.php फाइल आहे. हे विशेष टेम्पलेट नसलेली कोणतीही सामग्री प्रदर्शित करण्यासाठी वापरले जाते. पदानुक्रमात टेम्पलेट उच्च स्थानावर असल्यास, विनंती केलेली सामग्री प्रदर्शित करण्यासाठी WordPress स्वयंचलितपणे त्याचा वापर करेल.

पृष्ठ टेम्पलेट आणि त्यांचे उपयोग

पृष्ठांसाठी, मानक टेम्पलेट म्हणजे page.php फाइल. कोणतेही चांगले टेम्पलेट उपलब्ध नसल्यास (जसे की संग्रहण पृष्ठांसाठी archive.php), WordPress तुमच्या साइटवरील सर्व पृष्ठांची सामग्री प्रदर्शित करण्यासाठी page.php वापरेल.

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

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

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

WordPress मध्ये कोणतेही पृष्ठ कसे बदलावे

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

मानक टेम्पलेट्समध्ये सशर्त टॅग वापरणे

वैयक्तिक पृष्ठासाठी बदल करण्याचा सर्वात सोपा मार्ग म्हणजे त्याच्या टेम्पलेटमध्ये सशर्त टॅग वापरणे. नावाप्रमाणेच, हे टॅग फंक्शन्स तयार करण्यासाठी वापरले जातात जे केवळ अट पूर्ण केल्यावरच कार्यान्वित केले जातात. पृष्ठ टेम्पलेट्सच्या संदर्भात, हे असे आहे, "केवळ पृष्ठ Y वर X क्रिया करा."

सामान्यतः, सशर्त टॅग तुमच्या थीमच्या page.php टेम्पलेटमध्ये जोडले जातात (जोपर्यंत तुम्ही साइटचा दुसरा भाग बदलू इच्छित नसाल). ते तुम्हाला फक्त होम पेज, मास्टर पेज, ब्लॉग पेज किंवा तुमच्या वेबसाइटच्या इतर कोणत्याही पेजसाठी बदल करण्यात मदत करतात.

येथे काही सामान्य सशर्त टॅग आहेत:

1. is_page(). विशिष्ट पृष्ठाकडे निर्देश करते. आयडी, शीर्षक आणि URL/शीर्षक सह वापरले जाऊ शकते.
2. is_home(): मुख्यपृष्ठावर लागू होते.
3. is_front_page(): पर्याय - वाचन मध्ये सेट केल्याप्रमाणे, तुमच्या साइटच्या पहिल्या पृष्ठावर लागू होते.
4. is _category(): श्रेणी पृष्ठासाठी अटी. is_page() टॅग प्रमाणेच आयडी, शीर्षक, URL/शीर्षक सह वापरले जाऊ शकते.
5. is_single(): एकल पोस्ट आणि संलग्नकांसाठी
6. is_archive(): संग्रहण पृष्ठांसाठी स्थिती
7. is_404(): फक्त 404 पृष्ठांवर लागू होते

उदाहरणार्थ, जर तुम्ही मानक get_header(); खालील कोड, http://yoursite.com/products हे पृष्ठ प्रदर्शित करताना तुम्हाला header-shop.php नावाचे कस्टम शीर्षलेख मिळेल.

जर (is_page("उत्पादने")) ( get_header("shop"); ) इतर ( get_header(); )

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

तथापि, सशर्त टॅग केवळ एका पृष्ठापुरते मर्यादित नाहीत. आपण एकाच वेळी अनेक अटी सेट करू शकता:

जर (is_page("उत्पादने")) ( get_header("shop"); ) elseif (is_page(42)) ( get_header("about"); ) else ( get_header(); )

या उदाहरणामध्ये, आम्ही दोन अटी सेट केल्या आहेत ज्या तुमच्या साइटवरील विविध पृष्ठांचे वर्तन बदलतील. वर नमूद केलेल्या स्टोअरसाठी हेडर लोड करण्याव्यतिरिक्त, आम्ही ID 42 सह पृष्ठावर header-about.php लोड करतो. इतर सर्व पृष्ठांसाठी मानक शीर्षलेख प्रदर्शित केला जाईल.

वर्डप्रेस टेम्प्लेट पदानुक्रमात पृष्ठ टेम्पलेट्स तयार करणे

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

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

• सानुकूल पृष्ठ टेम्पलेट्स
• पृष्ठ-(स्लग).php
• पृष्ठ-(id).php
• page.php
• index.php

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

वर्डप्रेस नंतर एक पृष्ठ टेम्पलेट शोधेल ज्यामध्ये प्रश्नातील पृष्ठासाठी स्लग समाविष्ट असेल. उदाहरणार्थ, जर तुम्ही तुमच्या थीम फाइल्समध्ये page-about.php फाइल समाविष्ट केली असेल, तर वर्डप्रेस या फाईलचा वापर तुमचे बद्दलचे पेज किंवा http://www.yoursite.com/about येथे आढळणारे इतर कोणतेही पेज दाखवण्यासाठी करेल.

तुमचा पेज आयडी नमूद करून तुम्ही तेच साध्य करू शकता. उदाहरणार्थ, त्याच पृष्ठाचा आयडी 5 असल्यास, वर्डप्रेस पृष्ठ-5.php टेम्पलेट अस्तित्वात असल्यास वापरेल; पदानुक्रमात उच्च प्राधान्य देणारे कोणतेही पृष्ठ टेम्पलेट नसल्यासच हे होईल.

तुम्ही वर्डप्रेस बॅकएंडच्या सर्व पेजेस विभागात कोणत्याही पेजच्या शीर्षकावर फिरून त्याचा आयडी शोधू शकता. आयडी तुमच्या ब्राउझरद्वारे प्रदर्शित केलेल्या लिंकमध्ये असेल.

सानुकूल पृष्ठ टेम्पलेट लिंक करणे

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

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

वर्डप्रेस संपादकाद्वारे सानुकूल पृष्ठ टेम्पलेट लिंक करणे

वर्डप्रेस एडिटरमध्ये, तुम्हाला पेज विशेषता नावाचे फील्ड सापडेल. त्यात टेम्पलेटची यादी आहे.

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

द्रुत संपादनाद्वारे सानुकूल टेम्पलेट सेट करणे

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

थेट सूचीमधून पृष्ठ मापदंड संपादित करण्यासाठी या आयटमवर क्लिक करा. तुम्हाला पृष्ठ टेम्पलेट निवडण्याची परवानगी देणारा समान ड्रॉप-डाउन मेनू दिसेल. टेम्पलेट निवडा आणि पृष्ठ अद्यतनित करा. तयार.

इतके अवघड नाही, बरोबर? तथापि, आपल्याकडे अद्याप सानुकूल पृष्ठ टेम्पलेट नसल्यास काय? ते कसे तयार करावे? काळजी करू नका, आम्ही पुढील भागात याबद्दल चर्चा करू.

सानुकूल पृष्ठ टेम्पलेट तयार करण्यासाठी चरण-दर-चरण मार्गदर्शक

सानुकूल पृष्ठ टेम्पलेट्स तयार करणे ही एक क्लिष्ट प्रक्रिया नाही, परंतु विचार करण्यासाठी काही तपशील आहेत. चला ही प्रक्रिया टप्प्याटप्प्याने पाहू.

1. आम्ही एक मानक टेम्पलेट शोधत आहोत.

सानुकूल पृष्ठ टेम्पलेट तयार करणे सुरू करण्याचा एक चांगला मार्ग म्हणजे आपल्या थीममधील इच्छित पृष्ठासाठी आधीपासूनच वापरात असलेले टेम्पलेट कॉपी करणे. सुरवातीपासून संपूर्ण पृष्ठ लिहिण्यापेक्षा विद्यमान कोड बदलणे सोपे आहे. बहुतेक प्रकरणांमध्ये ही page.php फाइल असेल.

दिलेल्या पानासाठी कोणता टेम्पलेट वापरला जात आहे हे तुम्ही ठरवू शकत नसल्यास, तुम्ही What The File प्लगइन वापरू शकता.

मी उदाहरण म्हणून ट्वेंटी ट्वेल्व्ह थीम वापरेन. यामध्ये मानक पृष्ठ टेम्पलेट असे दिसते:

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

1. टेम्पलेट कॉपी आणि पुनर्नामित करा

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

तुम्हाला हवे तसे तुम्ही फाइलला नाव देऊ शकता. मुख्य गोष्ट अशी आहे की ती आरक्षित थीम फाइल नावांसह सुरू होत नाही. तुम्ही फाईलला page-something.php किंवा तत्सम काहीतरी नाव देऊ नये कारण वर्डप्रेसला वाटेल की ते सानुकूल टेम्पलेट आहे.

फाईलला नाव देणे चांगले आहे जेणेकरून ते टेम्पलेटचे सार प्रतिबिंबित करेल. उदाहरणार्थ, my-custom-template.php. आमच्या बाबतीत, आम्ही त्याला custom-full-width.php म्हणू.

1. टेम्पलेट शीर्षक बदलत आहे

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

टेम्पलेटचे नाव वर्डप्रेस संपादक पृष्ठाच्या पृष्ठ विशेषता विभागात दिसून येईल. आपण ते आपल्या स्वतःमध्ये बदलण्याची खात्री करा.

1. कोड सेट करत आहे.

आता टेम्पलेट कोडसह कार्य करण्याची वेळ आली आहे. आमच्या उदाहरणात, आम्ही डेमो पृष्ठावरून साइडबार काढून टाकू.

हे करणे तुलनेने सोपे आहे - फक्त get_sidebar(); पृष्ठ टेम्पलेट वरून. परिणामी, माझे टेम्पलेट असे दिसले:

1. पृष्ठ टेम्पलेट लोड करत आहे

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

• तुमच्या सक्रिय (मुलाच्या) थीमसह फोल्डर
• तुमच्या मुख्य मूळ थीमसह फोल्डर
• कोणत्याही थीमसह फोल्डरमधील सबफोल्डर (पालक आणि मूल दोघेही)

मी चाइल्ड थीममध्ये page_templates फोल्डर तयार करण्यास आणि तेथे सर्व सानुकूल टेम्पलेट ठेवण्यास प्राधान्य देतो. माझ्यासाठी सुधारित फाइल्समध्ये प्रवेश करण्याचा हा सर्वात सोपा मार्ग आहे.

1. टेम्पलेट सक्रिय करत आहे

शेवटची पायरी: आम्हाला पृष्ठ टेम्पलेट सक्रिय करणे आवश्यक आहे. आधी सांगितल्याप्रमाणे, हे वर्डप्रेस संपादकाच्या पृष्ठ विशेषता → टेम्पलेट्स विभागात केले जाते. आम्ही जतन करतो, पृष्ठ पाहतो - आणि आमचे नवीन टेम्पलेट कृतीत (साइडबारशिवाय) पहा:

इतके अवघड नाही, बरोबर? काळजी करू नका, तुम्ही तुमची टेम्पलेट बनवण्याची कौशल्ये काही वेळात तीक्ष्ण करू शकाल. हे टेम्पलेट्स नेमके कसे वापरले जाऊ शकतात याची कल्पना देण्यासाठी, मी तुम्हाला काही मनोरंजक वापर प्रकरणे दाखवतो.

पृष्ठ टेम्पलेट्स वापरण्याचे पाच भिन्न मार्ग

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

स्क्रीनच्या पूर्ण रुंदीमध्ये पृष्ठे प्रदर्शित करण्यासाठी टेम्पलेट

आम्ही वर तयार केलेल्या डेमो टेम्प्लेटची विस्तारित आवृत्ती आम्ही पाहणार आहोत. get_sidebar() काढून आम्ही आधीच साइडबार काढला आहे; कोड पासून. तथापि, आपण स्क्रीनशॉटमध्ये पाहू शकता, सामग्री विभाग डावीकडे संरेखित राहिल्यामुळे, पृष्ठ अद्याप स्क्रीनच्या पूर्ण रुंदीमध्ये प्रदर्शित झाले नाही.

याचे निराकरण करण्यासाठी, आम्हाला CSS सह कार्य करणे आवश्यक आहे, विशेषतः हा विभाग:

साइट-सामग्री ( फ्लोट: डावीकडे; रुंदी: 65.1042%; )

रुंदी विशेषता आमच्या सामग्रीची रुंदी उपलब्ध जागेच्या 65.1042% वर सेट करते. आम्हाला हे मूल्य वाढवायचे आहे.

जर आम्ही रुंदीचे मूल्य 100% वर बदलले, तर शेवटी आमच्या साइटची सर्व पृष्ठे स्क्रीनच्या पूर्ण रुंदीमध्ये प्रदर्शित केली जातील - आम्हाला याची आवश्यकता नाही. आमची पहिली पायरी म्हणजे आमच्या सानुकूल टेम्पलेटमध्ये id=primary सह div चा वर्ग बदलणे. तुम्ही ते class="site-content-fullwidth" मध्ये बदलू शकता. परिणाम:

आता आम्ही आमच्या सानुकूल वर्गासाठी CSS समायोजित करू शकतो:

साइट-सामग्री-पूर्ण रुंदी ( फ्लोट: डावीकडे; रुंदी: 100%; )

परिणामी, सामग्री संपूर्ण स्क्रीन व्यापेल:

विजेट क्षेत्रांसह डायनॅमिक 404 पृष्ठे

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

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

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

विशेषत: यासाठी, आम्ही ट्वेंटी ट्वेल्व्ह थीमसह येणारी 404.php फाइल वापरू (टेम्प्लेट पदानुक्रम लक्षात ठेवा?). पण त्यात काहीही बदल करण्यापूर्वी, functions.php फाईलमध्ये कोड पेस्ट करून नवीन विजेट तयार करूया:

Register_sidebar("name" => "404 पृष्ठ", "id" => "404", "description" => __("तुमच्या 404 त्रुटी पृष्ठासाठी सामग्री येथे आहे."), "before_widget" => "

", "after_title" => "

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

माझ्या बाबतीत मला शोध फॉर्म get_search_form() ने बदलायचा आहे; विजेट क्षेत्रासाठी टेम्पलेटमध्ये. हे असे दिसते:

साइटवर टेम्पलेट अपलोड केल्यानंतर, आम्ही नवीन विजेट क्षेत्र भरू शकतो:

जर आपण आता 404 पृष्ठावर गेलो तर आपल्याला नवीन विजेट्स दिसतील:

सानुकूल पोस्ट प्रकार प्रदर्शित करण्यासाठी पृष्ठ टेम्पलेट

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

प्रथम आपल्याला आपला कस्टम पोस्ट प्रकार तयार करावा लागेल. हे व्यक्तिचलितपणे किंवा प्लगइनद्वारे केले जाऊ शकते. मी यासाठी Types प्लगइनची शिफारस करू शकतो. हे तुम्हाला सहजपणे सानुकूल पोस्ट प्रकार आणि सानुकूल फील्ड तयार करण्यास अनुमती देईल.

प्रकार स्थापित आणि सक्रिय करा, एक सानुकूल पोस्ट प्रकार जोडा, त्यास "पोर्टफोलिओ" स्लग बनवा, तुम्हाला आवश्यक फील्ड कॉन्फिगर करा (उदाहरणार्थ, लघुप्रतिमा जोडणे), इतर पर्याय समायोजित करा आणि जतन करा.

आता आमच्याकडे पोर्टफोलिओ पोस्ट प्रकार आहे, आम्हाला ते साइटवर प्रदर्शित करणे आवश्यक आहे. प्रथम आपण आवश्यक पृष्ठ तयार करू. कृपया लक्षात घ्या की तुम्ही तुमच्या सानुकूल पोस्ट प्रकारासाठी स्लग म्हणून पोर्टफोलिओ निवडल्यास, पृष्ठाला समान स्लग असणे आवश्यक नाही. मी क्लायंट-पोर्टफोलिओवर सेटल झालो आणि काही अतिरिक्त मजकूर जोडला.

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

हे करण्यासाठी आम्ही page.php ची डुप्लिकेट वापरतो. चला फाईल कॉपी करू, तिला portfolio-template.php म्हणू आणि तिचे शीर्षक बदलू:

तथापि, या प्रकरणात आम्हाला मूळ टेम्पलेटमध्ये काही बदल करावे लागतील. तुम्ही page.php कोड पाहिल्यास, तुम्हाला दिसेल की ते दुसरे टेम्पलेट, content-page.php (get_template_part('content', 'page');). या फाईलमध्ये आम्हाला खालील कोडची आवश्यकता असेल:

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

get_header(); ?>

आमच्या पृष्ठावर पोर्टफोलिओ आयटम प्रदर्शित करण्यासाठी, आम्हाला the_content() कॉल केल्यानंतर लगेच खालील कोड जोडणे आवश्यक आहे:

"पोर्टफोलिओ", // सानुकूल पोस्ट प्रकार "orderby" => "तारीख", "ऑर्डर" => "DESC", प्रविष्ट करा; $loop = नवीन WP_Query($args); if($loop->have_posts()): तर($loop->have_posts()): $loop->

परिणामी, आमच्या पृष्ठावर एक सानुकूल पोस्ट प्रकार प्रदर्शित केला जाईल:

ते इतके सुंदर दिसत नाही, म्हणून येथे काही शैली जोडूया:

/* पोर्टफोलिओ पोस्ट */ .पोर्टफोलिओ ( -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50 0.75); बॉक्स-छाया: 0px 2px 0px rgba(50, 50, 50, 0.75); समास: 0 0 20px; रुंदी: 20%; ) .पोर्टफोलिओ-प्रतिमा img ( सीमा-त्रिज्या: 0; ) .पोर्टफोलिओ-कार्य (प्रदर्शन: इनलाइन-ब्लॉक; कमाल-रुंदी: 80%; ) .पोर्टफोलिओ h3 (बॉर्डर-बॉटम : 1px सॉलिड #999 फॉन्ट-आकार: 1.57143rem: 0 0 15px;

आता खूप बरे झाले आहे, नाही वाटत?

पोर्टफोलिओ पृष्ठ टेम्पलेटसाठी सर्व कोड येथे आहे:

अवतारांसह सदस्य पृष्ठ

आमचे टेम्पलेट वापरण्याचे पुढील उदाहरण म्हणजे सदस्य पृष्ठ. आम्ही आमच्या साइटच्या लेखकांची यादी करू इच्छितो, त्यांच्या प्रतिमांसह, तसेच त्यांनी त्यांच्या नावाखाली प्रकाशित केलेल्या पोस्टची संख्या. अंतिम परिणाम खालीलप्रमाणे असेल:

आम्ही पूर्वीप्रमाणेच हायब्रीड फाइलसह प्रारंभ करू आणि सहभागींची सूची प्रदर्शित करण्यासाठी त्यात कोड जोडू.

डीफॉल्ट ट्वेंटी फोर्टीन थीम डीफॉल्ट सदस्य पृष्ठासह येते. तुम्ही contributors.php नावाच्या पेज-टेम्प्लेट्स फोल्डरमध्ये हा साचा शोधू शकता.

तथापि, तुम्ही या फाइलमध्ये पाहिल्यास, तुम्हाला फक्त खालील कॉल आढळतील: twentyfourteen_list_authors();. स्पष्टपणे, हे थीमच्या function.php फाइलमध्ये असलेल्या फंक्शनशी संबंधित आहे. आम्हाला खालील तुकड्यात स्वारस्य आहे:

"ID", "orderby" => "post_count", "order" => "DESC", "who" => "लेखक",)); foreach ($contributor_ids $contributor_id म्हणून): $post_count = count_user_posts($contributor_id); // वापरकर्त्याने पोस्ट प्रकाशित केले नसल्यास (अद्याप) पुढे जा. जर (! $post_count) ( सुरू ठेवा; ) ?>

आम्ही ते_content() कॉलच्या खाली जोडू आणि पुढील परिणाम प्राप्त करू:

आता काही शैली सेट करूया:

/* योगदानकर्ता पृष्ठ */ .योगदानकर्ता ( सीमा-तळ: 1px ठोस rgba(0, 0, 0, 0.1); -वेबकिट-बॉक्स-साइजिंग: बॉर्डर-बॉक्स; -moz-बॉक्स-साइजिंग: बॉर्डर-बॉक्स; बॉक्स- आकारमान: बॉर्डर-ब्लॉक; 48px 10px; : 0; ) .योगदानकर्ता -सारांश ( float: left; ) .contributor-name (font-weight: normal; margin: 0 !महत्वाचे; ) .contributor-posts-link (पार्श्वभूमी-रंग: #24890d; सीमा: 0 काहीही नाही ; सीमा-त्रिज्या: 0; फॉन्ट-आकार: 10px 11px योगदानकर्ता:

तयार. थँक्स ट्वेंटी फोर्टीन!

संग्रहण पृष्ठ बदलले

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

तथापि, मी प्रोब्लॉगर सारखे काहीतरी अधिक मनोरंजक करू इच्छितो: एक पृष्ठ जे लोकांना वेगवेगळ्या मार्गांनी अतिरिक्त सामग्री मिळवू देते. हे, पुन्हा, पृष्ठ टेम्पलेट वापरून केले जाते.

आम्ही आमच्या फाइलमध्ये the_content() च्या खाली खालील कोड जोडू शकतो, जो उदाहरणांसाठी वापरला जातो:

वर्षानुसार संग्रह:

महिन्यानुसार संग्रह:

विषयानुसार संग्रह:

आपल्याला शोधासाठी काही शैली देखील आवश्यक असेल:

संग्रह-शोध-फॉर्म ( पॅडिंग: 10px 0; मजकूर-संरेखित: मध्यभागी; )

परिणाम खालीलप्रमाणे असेल:

येथे संपूर्ण फाइल आहे जेणेकरुन काय आहे ते तुम्हाला समजेल:

या टेम्प्लेटला पृष्ठाशी जोडण्यास विसरू नका!

सामग्री दृश्य प्लगइन मुख्य (आणि इतर) ब्लॉग पृष्ठांच्या गैर-मानक डिझाइनच्या समस्येचे निराकरण करण्यात मदत करते. डीफॉल्टनुसार, साइट टेम्प्लेट एकामागून एक ब्लॉग पोस्ट प्रदर्शित करते, सर्वात नवीन पासून सुरू होते. टेम्पलेट संपादित करून, आपण तारीख, शीर्षक, श्रेणी, लेखक आणि काही इतर पॅरामीटर्सचे प्रदर्शन सेट करू शकता, परंतु पोस्ट निवडण्याचे तर्क जास्त बदलले जाऊ शकत नाहीत (विशेष PHP कोड आणि कार्ये जोडल्याशिवाय). म्हणून, आजचे मॉड्यूल अनेक नवशिक्या आणि वर्डप्रेस विकसकांसाठी उपयुक्त ठरू शकते.

हे तुम्हाला कोणत्याही विशेष प्रोग्रामिंग ज्ञानाशिवाय मुख्य आणि इतर ब्लॉग पृष्ठांवर पोस्टचे प्रदर्शन सानुकूलित करण्याची परवानगी देते - तुम्ही ते येथून डाउनलोड करू शकता. रेपॉजिटरी पृष्ठावरील नाव कसे तरी खूप मोठे आहे " श्रेणीनुसार पोस्ट क्वेरी करा… आणि कोडिंगशिवाय ग्रिड लेआउटमध्ये पृष्ठावर पोस्ट प्रदर्शित करा – सामग्री दृश्ये", आपण प्रशासक पॅनेलद्वारे वर्डप्रेस स्थापित केल्यास, सामग्री दृश्य की शोधण्याचा प्रयत्न करा. आवश्यक WP आवृत्ती 3.3 पेक्षा जास्त आणि 4.2.2 पर्यंत आहे (हे पोस्ट लिहिण्याच्या वेळी), मॉड्यूल 10 हजारांहून अधिक डाउनलोड केले गेले आहे. वेळा, रेटिंग जवळजवळ कमाल आहे!

मॉड्यूलची क्षमता खूप मोठी आहे आणि केवळ मुख्य पृष्ठासाठीच नाही.त्यासह आपण हे करू शकता:

• मुख्य पृष्ठावर प्रतिसादात्मक डिझाइनमध्ये श्रेणीनुसार पोस्ट प्रदर्शित करा;
• 2/3 स्तंभांमध्ये ब्लॉग पोस्ट प्रदर्शित करा;
• विशिष्ट पृष्ठावर आवश्यक स्वरूपात पोस्ट प्रदर्शित करा;
• इच्छित टॅग किंवा लेखकाद्वारे नोट्स प्रदर्शित करा;
• प्रदर्शित नोंदींसाठी, शीर्षक किंवा तारखेनुसार क्रमवारी निवडा;
• मानक नेव्हिगेशन अधिक सुंदर सह पुनर्स्थित करा;
• पोस्ट घोषणांमध्ये विविध आकारांची लघुप्रतिमा प्रदर्शित करा.

तत्वतः, आपण श्रेणीनुसार नवीनतम पोस्टचे प्रदर्शन कॉन्फिगर करू शकता, ज्याचा मी उल्लेख केला तेव्हा (WP_Query द्वारे) मी उल्लेख केला होता. परंतु प्रत्येक वापरकर्त्याला हे समजणार नाही आणि सामग्री दृश्य प्लगइन कार्य मोठ्या प्रमाणात सुलभ करते. चला मॉड्युलसह काम करण्याकडे जवळून पाहू.

स्थापनेनंतर, प्रशासक पॅनेलमध्ये प्लगइन विभाग दिसेल सामग्री दृश्य सेटिंग्ज. नवीन पोस्ट डिस्प्ले घटक तयार करण्यासाठी, "नवीन जोडा" लिंकवर क्लिक करा.

येथे कार्य 2 घटकांमध्ये विभागले गेले आहे:

• फिल्टर सेटिंग्ज — रेकॉर्ड निवडण्यासाठी पॅरामीटर्स सेट करणे;
• प्रदर्शन सेटिंग्ज - पोस्ट प्रदर्शित करण्यासाठी स्वरूप.

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

प्रगत फिल्टर्समध्ये अगदी खाली सर्व मजेदार गोष्टी घडतात. स्क्रीनशॉटमध्ये मी Taxonomies पॅरामीटर कसे तपासले आणि श्रेणीनुसार निवड कशी सेट केली ते तुम्ही पहा. पुढे, मी कोणत्या श्रेणीतून पोस्ट प्रदर्शित केल्या जातील ते परिभाषित केले. अनेक शीर्षकांनुसार निवड करणे किंवा सामान्य सूचीमधून काही वगळणे शक्य आहे.

वर्गीकरण पॅरामीटर व्यतिरिक्त आहे:

• स्थिती - प्रदर्शित रेकॉर्डची स्थिती. लक्ष द्या! तुम्हाला फक्त प्रकाशित पोस्ट दाखवायच्या असतील, तर हे पॅरामीटर (प्रकाशित मूल्य) देखील सेट करा.
• ऑर्डर आणि ऑर्डरबाय - क्रमवारी पर्याय.
• शोध - शोध वाक्यांशानुसार रेकॉर्ड प्रदर्शित करते.
• लेखक - विशिष्ट लेखकासाठी निवड.

डिस्प्ले सेटिंग्ज टॅबमध्ये ब्लॉक दिसण्यासाठी सेटिंग्ज आहेत:

तीन प्रदर्शन स्वरूप आहेत: ग्रिड, संकुचित करण्यायोग्य सूची, स्क्रोल करण्यायोग्य सूची. “ग्रिड” साठी तुम्ही प्रति स्तंभ आणि/किंवा 2 स्तंभ प्रदर्शित झाल्यावर घटकांची संख्या निवडू शकता. तुम्ही प्रत्येक घटकासाठी प्रदर्शित करू इच्छित फील्ड देखील चिन्हांकित करा: तारीख, शीर्षक, मजकूर, लघुप्रतिमा. तुम्ही लिंक नवीन विंडोमध्ये उघडणे निवडू शकता.

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

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

शेवटी, मी असे म्हणू इच्छितो की प्लगइनमध्ये प्रो आवृत्ती आहे, ज्यामध्ये पर्याय आणि सेटिंग्जची संख्या थोडी मोठी आहे. त्याची किंमत 1 साठी $29 किंवा 5 साइटसाठी $89 आहे. येथे, Pinterest आणि टाइमलाइन प्रदर्शित करण्यासाठी 2 अतिरिक्त पर्याय जोडले गेले आहेत, श्रेणी, टॅग, लेखकांच्या संग्रहणातील नवीनतम पोस्टचे प्रदर्शन पूर्णपणे बदलले आहे, WooCommerce साठी समर्थन दिसते, ड्रॅग आणि ड्रॉप यंत्रणा जोडली गेली आहे, तसेच अनेक भिन्न ब्लॉक्स दिसण्यासाठी पॅरामीटर्स. तत्वतः, वर्डप्रेस साइटच्या मुख्य पृष्ठाच्या मूळ डिझाइनच्या समस्येचे निराकरण करण्यासाठी विनामूल्य आवृत्ती माझ्यासाठी पुरेशी होती.

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

पृष्ठ श्रेणीक्रम

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

सानुकूल टेम्पलेट- अनियंत्रित नाव असलेल्या फाईलमध्ये शीर्षस्थानी असलेल्या सशर्त टिप्पणीद्वारे सूचित केले जाते.

page-slug.php- पृष्ठाच्या नावासह टेम्पलेट (शॉर्टकट). सानुकूल टेम्पलेट निर्दिष्ट केले नसल्यास, वर्डप्रेस हा प्रकार मुख्य म्हणून वापरतो.

page-id.php- अद्वितीय पृष्ठ अभिज्ञापक.

page.php- पृष्ठांच्या सामग्रीसाठी जबाबदार मानक फाइल.

index.php- इंडेक्स फाइल. जर वर्डप्रेसला वर सूचीबद्ध केलेले कोणतेही टेम्पलेट सापडले नाहीत, तर डीफॉल्टनुसार ते पृष्ठांसाठी जबाबदार असेल.

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

मोठ्या प्रमाणात वापरासाठी सानुकूल टेम्पलेट तयार करा

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

पुढील पायरी म्हणजे तुमच्या थीमवर फाइल अपलोड करणे, "पेजेस - नवीन जोडा" टॅबमधील ॲडमिन पॅनलवर जा किंवा तुम्ही अस्तित्वात असलेली एखादी उघडू शकता. पृष्ठ विशेषतांमध्ये, या पृष्ठावर कोणता टेम्पलेट वापरला जाईल ते निवडा.

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

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

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

महत्वाचे. उपसर्ग पृष्ठ वापरू नका- टेम्पलेट पृष्ठाच्या नावाप्रमाणे. कारण वर्डप्रेस फाईलचा एक विशेष म्हणून अर्थ लावेल, जे स्पष्टपणे फक्त एका पृष्ठावर लागू होते.

सानुकूल पृष्ठ टेम्पलेट्स

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

आयडी अगदी तशाच प्रकारे तयार केला आहे, लेबलसाठी फक्त पृष्ठ आयडी बदलला आहे. हे ॲड्रेस बारमध्ये स्थित आहे, “पेज-एडिट” विभाग या पोस्ट सारखा दिसतो=9 . त्याच प्रकारे, मानक फाइल डुप्लिकेट केली जाते आणि पृष्ठ-9.php असे पुनर्नामित केले जाते.

महत्वाचे. थीम सबफोल्डरमध्ये केवळ विशिष्ट पृष्ठासाठी तयार केलेले समान प्रकारचे टेम्पलेट असू शकत नाही. बाल थीम प्रमाणेच.

पृष्ठ टेम्पलेट तयार करण्याचे व्यावहारिक उदाहरण

आता, उदाहरण म्हणून, पहिल्या पर्यायावर आधारित टेम्पलेट तयार करू आणि रेकॉर्डसह श्रेणींचे आउटपुट जोडून त्यातील लूप बदलू. कोणताही संपादक उघडा, खालील कोड जोडा, तो template_my.php नावाखाली सेव्ह करा आणि सर्व्हरवर अपलोड करा.

आता तुम्हाला style.css फाईलमध्ये शैली लिहिण्याची आवश्यकता आहे

माय_मेन ( बॉक्स-शॅडो: 0 1px 2px rgba(0, 0, 0, 0.1); समास: 20px ऑटो; पॅडिंग: 15px; पार्श्वभूमी: #fff; रुंदी:1000px; ) .page_cat ( समास: 0 9px; dding: 0 9px 15px; vertical-align: top; width: 28%; .page_cat h2 (रंग: #676767; फॉन्ट: ठळक 18px arial; margin-bottom: 20px; ) .page_cat li a ( text-decoration : none; color: #28 ; डिस्प्ले: ब्लॉक; .page_cat li ( margin-bottom: 6px; padding: 3px 3px 10px; डिस्प्ले: ब्लॉक; ) .page_cat li a: hover ( text-decoration: underline; ) 2n) (पार्श्वभूमी: #f7f7f7; )

फक्त एक गोष्ट करायची बाकी आहे: प्रशासक पॅनेलमध्ये, “पृष्ठ-संपादन” टॅबमध्ये, पृष्ठ विशेषतांमध्ये आमचे पूर्वी तयार केलेले “उदाहरण टेम्पलेट” टेम्पलेट निर्दिष्ट करा.

परिणाम.

सशर्त पृष्ठ टॅग

अंतिम परिच्छेदामध्ये, आम्ही अनेक सशर्त टॅग्जचा विचार करू. ते मानक page.php फाइलमध्ये लिहिलेले आहेत.

विशिष्ट पृष्ठांवर घटक प्रदर्शित करणे

/images/img.png"/> /images/img.jpg"/> /images/img.jpg"/> /images/img.jpg"/>

माहिती आउटपुट