வேர்ட்பிரஸ்: ஒரு சுருக்குக்குறியீட்டைப் பயன்படுத்தி குழந்தை பக்கங்களை பட்டியலிடுவது எப்படி
எங்களின் பல தளங்களின் படிநிலையை மீண்டும் கட்டியெழுப்பியுள்ளோம் வேர்ட்பிரஸ் வாடிக்கையாளர்கள் மற்றும் நாங்கள் செய்ய முயற்சிக்கும் விஷயங்களில் ஒன்று, தகவலை திறமையாக ஒழுங்கமைப்பது. இதைச் செய்ய, நாங்கள் அடிக்கடி ஒரு முதன்மைப் பக்கத்தை உருவாக்க விரும்புகிறோம் மற்றும் அதற்குக் கீழே உள்ள பக்கங்களை தானாகவே பட்டியலிடும் மெனுவைச் சேர்க்க விரும்புகிறோம். குழந்தைப் பக்கங்கள் அல்லது துணைப் பக்கங்களின் பட்டியல்.
துரதிர்ஷ்டவசமாக, வேர்ட்பிரஸ்ஸில் இதைச் செய்வதற்கான உள்ளார்ந்த செயல்பாடு அல்லது அம்சம் எதுவும் இல்லை, எனவே கிளையண்டின் தளத்தில் சேர்க்க ஒரு சுருக்குக்குறியீட்டை உருவாக்கியுள்ளோம். வேர்ட்பிரஸ் இடுகை அல்லது பக்கத்தில் உள்ள அனைத்து மாறிகளுடன் சுருக்குக்குறியீட்டை எவ்வாறு பயன்படுத்தலாம் என்பது இங்கே:
[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"
: CSS வகுப்பு "கஸ்டம்-உல்-கிளாஸ்"க்கு பொருந்தும்<ul>
பட்டியலின் உறுப்பு.liclass="custom-li-class"
: ஒவ்வொன்றிற்கும் CSS வகுப்பு "கஸ்டம்-லி-கிளாஸ்" பொருந்தும்<li>
பட்டியலில் உள்ள உறுப்பு.aclass="custom-a-class"
: ஒவ்வொன்றிற்கும் CSS வகுப்பு "வழக்கமான-ஒரு-வகுப்பு" பொருந்தும்<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
: குழந்தை பக்கங்களின் வரிசை (ASC அல்லது DESC).orderby
: குழந்தை பக்கங்களை வரிசைப்படுத்துவதற்கான அளவுகோல்கள் (எ.கா., வெளியீடு_தேதி).ulclass
: CSS வகுப்பு<ul>
உறுப்பு.liclass
: CSS வகுப்பு<li>
கூறுகள்.aclass
: CSS வகுப்பு<a>
(நங்கூரம்) கூறுகள்.displayimage
: குழந்தைப் பக்கங்களின் பிரத்யேகப் படத்தைக் காட்ட வேண்டுமா.align
: பிரத்யேக படத்தின் சீரமைப்பு.
- வினவல் வாதங்கள்: செயல்பாடு a அமைக்கிறது
WP_Query
தற்போதைய பக்கத்தின் அனைத்து குழந்தை பக்கங்களையும் மீட்டெடுக்க, குறிப்பிட்ட பண்புகளின்படி வரிசைப்படுத்தப்படுகிறது. - பட்டியலை உருவாக்குதல்:
- குழந்தை பக்கங்கள் கண்டறியப்பட்டால், செயல்பாடு ஒரு HTML வரிசைப்படுத்தப்படாத பட்டியலை உருவாக்குகிறது (
<ul>
), ஒவ்வொரு குழந்தைப் பக்கமும் ஒரு பட்டியல் உருப்படியால் குறிப்பிடப்படுகிறது (<li>
). - ஒவ்வொரு பட்டியல் உருப்படியிலும், அம்சத்தின் அடிப்படையில் சிறப்புப் படத்தைக் காட்ட வேண்டுமா என்பதைச் செயல்பாடு சரிபார்க்கிறது
displayimage
காரணம் காட்டுகிறார்கள். - செயல்பாட்டைப் பயன்படுத்தி ஒவ்வொரு குழந்தை பக்கத்திற்கும் ஒரு இணைப்பை உருவாக்குகிறது
<a>
டேக், மற்றும் இருந்தால், குழந்தை பக்கத்தின் பகுதியை சேர்க்கிறது.
- குழந்தை பக்கங்கள் கண்டறியப்பட்டால், செயல்பாடு ஒரு HTML வரிசைப்படுத்தப்படாத பட்டியலை உருவாக்குகிறது (
- வெளியீடு அல்லது இயல்புநிலை செய்தி: குழந்தை பக்கங்கள் இல்லை என்றால், செயல்பாடு குறிப்பிடப்பட்ட செய்தியை வெளியிடுகிறது
ifempty
காரணம் காட்டுகிறார்கள். - இடுகை தரவை மீட்டமைக்கவும்:
wp_reset_postdata
செயல்பாடு வேர்ட்பிரஸ் வினவலை மீட்டமைக்கிறது, இது உலகளாவியது என்பதை உறுதி செய்கிறது$post
பொருள் அசல் முக்கிய வினவலின் இடுகைக்கு மீட்டமைக்கப்பட்டது. - சுருக்குக்குறியீடு பதிவு: இறுதியாக, தி
add_shortcode
செயல்பாடு பதிவுகள்listchildpages
ஒரு புதிய சுருக்குக்குறியீடு, அதை இணைக்கிறதுadd_shortcode_listchildpages
செயல்பாடு, இது இடுகைகள் மற்றும் பக்கங்களில் பயன்படுத்தக் கிடைக்கும்.
இந்தச் செயல்பாடு ஒரு மூலப் பக்கத்தில் துணைப் பக்கங்களை மாறும் வகையில் பட்டியலிடவும், வேர்ட்பிரஸ் தளத்தில் வழிசெலுத்தல் மற்றும் அமைப்பை மேம்படுத்தவும் பயனுள்ளதாக இருக்கும். உங்கள் வேர்ட்பிரஸ் தளத்தில் அதைச் சேர்க்க விரும்பினால், தனிப்பயன் செருகுநிரலில் சேர்க்க பரிந்துரைக்கிறேன். அல்லது... நான் வெளியிட்ட செருகுநிரலை நீங்கள் பதிவிறக்கலாம்.
பட்டியல் குழந்தை பக்கங்கள் சுருக்குக்குறியீடு செருகுநிரல்
நிறுவுவதையும் பயன்படுத்துவதையும் எளிதாக்குவதற்காக குறியீட்டை ஒரு சொருகிக்குள் தள்ளுவதற்கு நான் இறுதியாக வந்தேன் குழந்தை பக்கங்கள் ஷார்ட்கோட் சொருகி பட்டியலிடவும் இன்று வேர்ட்பிரஸ் மூலம் அங்கீகரிக்கப்பட்டது! தயவுசெய்து பதிவிறக்கி நிறுவவும் - நீங்கள் விரும்பினால், மதிப்பாய்வை வழங்கவும்!