वर्डप्रेस: शॉर्टकोड का उपयोग करके चाइल्ड पेजों को कैसे सूचीबद्ध करें
हमने अपनी कई साइटों के लिए साइटों के पदानुक्रम को फिर से बनाया है WordPress ग्राहक, और एक चीज़ जो हम करने का प्रयास करते हैं वह है जानकारी को कुशलतापूर्वक व्यवस्थित करना। ऐसा करने के लिए, हम अक्सर एक मास्टर पेज बनाना चाहते हैं और एक मेनू शामिल करना चाहते हैं जो स्वचालित रूप से इसके नीचे के पेजों को सूचीबद्ध करता है। चाइल्ड पेजों या उपपृष्ठों की सूची।
दुर्भाग्य से, वर्डप्रेस के भीतर ऐसा करने के लिए कोई अंतर्निहित कार्य या सुविधा नहीं है, इसलिए हमने क्लाइंट की साइट पर जोड़ने के लिए एक शोर्टकोड विकसित किया है। यहां बताया गया है कि आप वर्डप्रेस पोस्ट या पेज में मौजूद सभी वेरिएबल्स के साथ शॉर्टकोड का उपयोग कैसे कर सकते हैं:
[listchildpages ifempty="No child pages found" order="ASC" orderby="title" ulclass="custom-ul-class" liclass="custom-li-class" aclass="custom-a-class" displayimage="yes" align="aligncenter"]
उपयोग का विवरण:
ifempty="No child pages found"
: यदि कोई चाइल्ड पेज उपलब्ध नहीं है तो यह टेक्स्ट प्रदर्शित किया जाएगा।order="ASC"
: यह चाइल्ड पेजों की सूची को आरोही क्रम में क्रमबद्ध करता है।orderby="title"
: यह चाइल्ड पेजों को उनके शीर्षक के अनुसार क्रमित करता है।ulclass="custom-ul-class"
: सीएसएस क्लास "कस्टम-उल-क्लास" को लागू करता है<ul>
सूची का तत्व.liclass="custom-li-class"
: प्रत्येक पर सीएसएस क्लास "कस्टम-ली-क्लास" लागू करता है<li>
सूची में तत्व.aclass="custom-a-class"
: प्रत्येक पर सीएसएस वर्ग "कस्टम-ए-क्लास" लागू करता है<a>
(लिंक) सूची में तत्व।displayimage="yes"
: इसमें सूची में प्रत्येक चाइल्ड पेज की चुनिंदा छवि शामिल है।align="aligncenter"
: यह केंद्र में चित्रित छवियों को संरेखित करता है।
इस शॉर्टकोड को सीधे वर्डप्रेस पोस्ट या पेज के सामग्री क्षेत्र में डालें जहां आप चाइल्ड पेजों की सूची दिखाना चाहते हैं। अपनी वर्डप्रेस साइट के डिज़ाइन और संरचना में फिट होने के लिए प्रत्येक विशेषता के मूल्यों को अनुकूलित करना याद रखें।
इसके अतिरिक्त, यदि आप चाहें तो कम अंश प्रत्येक पृष्ठ का वर्णन करते हुए, प्लगइन पृष्ठों पर अंशों को सक्षम करता है ताकि आप पृष्ठ की सेटिंग्स पर उस सामग्री को संपादित कर सकें।
चाइल्ड पेज शॉर्टकोड की सूची बनाएं
function add_shortcode_listchildpages($atts, $content = "") {
global $post;
$string = '';
$atts = shortcode_atts(array(
'ifempty' => '<p>No Records</p>',
'order' => 'DESC',
'orderby' => 'publish_date',
'ulclass' => '',
'liclass' => '',
'aclass' => '',
'displayimage' => 'no',
'align' => 'alignleft'
), $atts, 'listchildpages');
$args = array(
'post_type' => 'page',
'posts_per_page' => -1,
'post_parent' => $post->ID,
'orderby' => $atts['orderby'],
'order' => $atts['order']
);
$parent = new WP_Query($args);
if ($parent->have_posts()) {
$string .= $content.'<ul class="'.$atts['ulclass'].'">';
while ($parent->have_posts()) : $parent->the_post();
$string .= '<li class="'.$atts['liclass'].'">';
$true = array("y", "yes", "t", "true");
$showimage = strtolower($atts['displayimage']);
if (in_array($showimage, $true)) {
if (has_post_thumbnail($post->ID)) {
$image_attributes = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail');
$string .= '<a class="'.$atts['aclass'].'" href="'.get_permalink().'" title="'.get_the_title().'">';
$string .= '<img src="'.$image_attributes[0].'" width="'.$image_attributes[1].'" height="'.$image_attributes[2].'" alt="'.get_the_title().'" class="'.$atts['align'].'" /></a>';
}
}
$string .= '<a class="'.$atts['aclass'].'" href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a>';
if (has_excerpt($post->ID)) {
$string .= ' - '.get_the_excerpt();
}
$string .= '</li>';
endwhile;
$string .= '</ul>';
} else {
$string = $atts['ifempty'];
}
wp_reset_postdata();
return $string;
}
add_shortcode('listchildpages', 'add_shortcode_listchildpages');
समारोह add_shortcode_listchildpages
एक कस्टम शॉर्टकोड जोड़ता है
No Records
- ग्लोबल पोस्ट वेरिएबल: फ़ंक्शन वैश्विक चर घोषित करने से शुरू होता है
$post
, जिसका उपयोग वर्डप्रेस के भीतर वर्तमान पोस्ट या पेज के बारे में जानकारी तक पहुंचने के लिए किया जाता है। - शॉर्टकोड विशेषताएँ:
shortcode_atts
फ़ंक्शन शॉर्टकोड विशेषताओं के लिए डिफ़ॉल्ट मान सेट करता है। जब उपयोगकर्ता शॉर्टकोड डालते हैं तो वे इन्हें ओवरराइड कर सकते हैं। विशेषताओं में शामिल हैं:ifempty
: यदि कोई चाइल्ड पेज नहीं है तो प्रदर्शित करने के लिए संदेश।order
: चाइल्ड पेजों का क्रम (एएससी या डीईएससी)।orderby
: चाइल्ड पेजों को ऑर्डर करने के लिए मानदंड (जैसे,publish_date)।ulclass
: के लिए सीएसएस वर्ग<ul>
तत्व।liclass
: के लिए सीएसएस वर्ग<li>
तत्वों।aclass
: के लिए सीएसएस वर्ग<a>
(लंगर) तत्व।displayimage
: चाइल्ड पेजों की विशेष छवि प्रदर्शित करनी है या नहीं।align
: चित्रित छवि का संरेखण।
- प्रश्न तर्क: फ़ंक्शन एक सेट करता है
WP_Query
वर्तमान पृष्ठ के सभी चाइल्ड पेजों को पुनः प्राप्त करने के लिए, निर्दिष्ट विशेषताओं के अनुसार क्रमबद्ध करें। - सूची तैयार करना:
- यदि चाइल्ड पेज पाए जाते हैं, तो फ़ंक्शन एक HTML अव्यवस्थित सूची बनाता है (
<ul>
), प्रत्येक चाइल्ड पेज को एक सूची आइटम द्वारा दर्शाया गया है (<li>
). - प्रत्येक सूची आइटम के भीतर, फ़ंक्शन जाँच करता है कि उसके आधार पर चित्रित छवि प्रदर्शित की जाए या नहीं
displayimage
विशेषता। - फ़ंक्शन का उपयोग करके प्रत्येक चाइल्ड पेज के लिए एक लिंक भी बनाता है
<a>
टैग, और यदि उपलब्ध हो, तो चाइल्ड पेज का अंश जोड़ता है।
- यदि चाइल्ड पेज पाए जाते हैं, तो फ़ंक्शन एक HTML अव्यवस्थित सूची बनाता है (
- आउटपुट या डिफ़ॉल्ट संदेश: यदि कोई चाइल्ड पेज नहीं है, तो फ़ंक्शन द्वारा निर्दिष्ट संदेश आउटपुट करता है
ifempty
विशेषता। - पोस्ट डेटा रीसेट करें:
wp_reset_postdata
फ़ंक्शन वर्डप्रेस क्वेरी को रीसेट करता है, यह सुनिश्चित करता है कि वैश्विक$post
ऑब्जेक्ट को मूल मुख्य क्वेरी के पोस्ट पर पुनर्स्थापित किया जाता है। - शॉर्टकोड पंजीकरण: अंततः
add_shortcode
फ़ंक्शन रजिस्टरlistchildpages
एक नए शोर्टकोड के रूप में, इसे लिंक कर रहा हूँadd_shortcode_listchildpages
फ़ंक्शन, इसे पोस्ट और पेजों में उपयोग के लिए उपलब्ध कराता है।
यह फ़ंक्शन मूल पृष्ठ पर उपपृष्ठों को गतिशील रूप से सूचीबद्ध करने, वर्डप्रेस साइट के भीतर नेविगेशन और संगठन को बढ़ाने के लिए उपयोगी है। यदि आप इसे अपनी वर्डप्रेस साइट पर जोड़ना चाहते हैं तो मैं इसे एक कस्टम प्लगइन में जोड़ने की सलाह दूंगा। या... आप मेरे द्वारा प्रकाशित प्लगइन डाउनलोड कर सकते हैं।
चाइल्ड पेज शॉर्टकोड प्लगइन की सूची बनाएं
मैं अंत में एक प्लगइन में कोड को पुश करने के लिए चारों ओर हो गया, जिससे इसे स्थापित करना और उपयोग करना आसान हो गया, और सूची बाल पृष्ठ शोर्ट प्लगइन आज वर्डप्रेस द्वारा अनुमोदित किया गया! कृपया इसे डाउनलोड करें और इंस्टॉल करें - यदि आपको यह पसंद है, तो एक समीक्षा प्रदान करें!