एक ग्राहक की वेबसाइट पर काम करते हुए, हमें एहसास हुआ कि लिस्टेड लेखकों के लिए अंतर्निहित फ़ंक्शन पर्याप्त नहीं था हमने आपको दिखाया कि आपकी साइट से सभी लेखकों को कैसे प्रदर्शित किया जाए, लेकिन यह तरीका केवल अच्छा ही था यदि आप अपनी साइडबार में प्रदर्शित करने के लिए एक साधारण सूची चाहते हैं यदि आप अधिक सामग्री-समृद्ध और उपयोगी योगदानकर्ता पृष्ठ बनाना चाहते हैं, तो वह कार्य बेकार है।
इस अनुच्छेद में हम आपको दिखाएंगे कि आप एक योगदानकर्ता पृष्ठ कैसे बना सकते हैं, जो कि अवतार या यूज़रफोटो के साथ लेखकों की एक सूची प्रदर्शित करेगा और आपकी पसंद की कोई अन्य जानकारी। यह ट्यूटोरियल एक है मध्यवर्ती स्तर ट्यूटोरियल।
इस टेम्पलेट का उपयोग करके आपको एक कस्टम पेज बनाना है।
फिर आपको खोलने की आवश्यकता होगी functions.php अपने थीम फ़ोल्डर में फ़ाइल और निम्न कोड जोड़ें:
फ़ंक्शन योगदानकर्ता () {
वैश्विक $ wpdb;
$ लेखक = $ wpdb-> get_results ("चयन आईडी, $ wpdb-> प्रयोक्ता ORDER द्वारा display_name" का चयन आईडी;);;
विदेशी मुद्रा ($ लेखक $ लेखक के रूप में) {
गूंज "
गूंज “आईडी;
गूंज “”> “;
गूंज get_avatar ($ author-> आईडी);
गूंज “”;
गूंज “;
गूंज “आईडी;
गूंज “”> “;
the_author_meta (‘display_name’, $ author-> आईडी);
गूंज “”;
गूंज “”;
गूंज ”
“;
}
}
इस फ़ंक्शन को जोड़कर आप वर्डप्रेस को ऐसे फ़ंक्शन बनाने के लिए कह रहे हैं जो लेखक का नाम प्रदर्शित करेगा, और लेखक का अवतार। आप केवल निम्न पंक्ति को बदलकर यूज़रफोटो प्लगइन सेटिंग में अवतार बदल सकते हैं:
गूंज get_avatar ($ author-> आईडी);
और इसे इसके साथ बदलें:
इको यूज़रफोटो ($ author-> आईडी);
आप उपयोग किए गए संरचना का पालन करके इस फ़ंक्शन पर अधिक सुविधाएं जोड़ सकते हैं जैसे कि प्रोफ़ाइल URL और प्रोफ़ाइल से अन्य जानकारी प्रदर्शित करना।
आपको अपनी सीएसएस फ़ाइल में निम्नलिखित पंक्तियां भी जोड़नी होगी:
#authorlist li {
स्पष्ट: बाएं;
बाईंओर तैरना;
मार्जिन: 0 0 5px 0;
}
#authorist img.photo {
चौड़ाई: 40px;
ऊंचाई: 40px;
बाईंओर तैरना;
}
#authorlist div.authname {
मार्जिन: 20px 0 0 10px;
बाईंओर तैरना;
}
फ़ंक्शन जोड़ने के बाद, आपको इसे अपने पृष्ठ-टेम्पलेट में कॉल करना होगा। योगदानकर्ता फ़ाइल खोलें या फ़ाइल का नाम दें। अपने पृष्ठ.एफ़पीपी और लूप में एक ही पृष्ठ टेम्पलेट का पालन करें, बस सामग्री प्रदर्शित करने के बजाय इस फ़ंक्शन को जोड़ें:
यह आपको अधिक सामग्री-समृद्ध योगदानकर्ता पृष्ठ प्रदान करेगा। यह चाल मल्टी-लेखक ब्लॉगों के लिए उत्कृष्ट है
अब हम इसका उदाहरण कैसे इस्तेमाल करते हैं:
यदि आप उपरोक्त उदाहरण में प्रदर्शित जानकारी जैसी एक योगदानकर्ता पृष्ठ चाहते हैं, तो आपको मूल फ़ंक्शन में कुछ बदलाव करने की आवश्यकता होगी। हमारे पास एक उदाहरण कोड है जो आपको ऊपर दी गई छवि में वास्तव में सबकुछ दिखाएगा।
फ़ंक्शन योगदानकर्ता () {
वैश्विक $ wpdb;
$ लेखक = $ wpdb-> get_results ("चयन आईडी, $ wpdb-> प्रयोक्ता जहां display_name 'व्यवस्थापक' ORDER BY_ display_name");;
विदेशी मुद्रा ($ लेखक $ लेखक के रूप में) {
गूंज "
गूंज “आईडी);
गूंज “/”> “;
गूंज get_avatar ($ author-> आईडी);
गूंज “”;
गूंज “;
गूंज “आईडी);
गूंज “/”> “;
the_author_meta (‘display_name’, $ author-> आईडी);
गूंज “”;
गूंज ”
“;
गूंज “वेबसाइट: आईडी);
गूंज “/” लक्ष्य = ‘_ रिक्त’> “;
the_author_meta (‘user_url’, $ author-> आईडी);
गूंज “”;
गूंज ”
“;
गूंज “ट्विटर: आईडी);
प्रतिध्वनि “” लक्ष्य = ‘_ रिक्त’> “;
the_author_meta (‘ट्विटर’, $ लेखक-> आईडी);
गूंज “”;
गूंज ”
“;
गूंज “आईडी);
गूंज “/”> पर जाएं “;
the_author_meta (‘display_name’, $ author-> आईडी);
प्रतिध्वनि “‘प्रोफ़ाइल पृष्ठ”;
गूंज “”;
गूंज “”;
गूंज ”
“;
}
}
यह कोड उपयोगकर्ता फोटो प्लगइन का उपयोग कर रहा है। ट्विटर फ़ील्ड को इस लेख में उल्लेखित चाल का उपयोग करते हुए दिखाया जा रहा है कि प्रोफाइल पेज में लेखक के ट्विटर और फेसबुक को कैसे दिखाएं।
उदाहरण के लिए सीएसएस दिखेगा:
#authorlist उल {
सूची शैली: कोई नहीं;
चौड़ाई: 600px;
मार्जिन: 0;
पैडिंग: 0;
}
#authorlist li {
मार्जिन: 0 0 5px 0;
सूची शैली: कोई नहीं;
ऊंचाई: 90 पीएक्स;
पैडिंग: 15px 0 15px 0;
सीमा नीचे: 1 पीएक्स ठोस # ईसीईसीसी;
}
#authorist img.photo {
चौड़ाई: 80px;
ऊंचाई: 80 पीएक्स;
बाईंओर तैरना;
मार्जिन: 0 15px 0 0;
पैडिंग: 3px;
सीमा: 1 पीएक्स ठोस # ईसीईसीसी;
}
#authorlist div.authname {
मार्जिन: 20px 0 0 10px;
}
यदि आप अपनी गाइड के रूप में उन्नत कोड का उपयोग करके अधिक जानकारी प्रदर्शित कर सकते हैं।
इस समारोह का स्रोत