Content Marketing

WordPress: Giunsa Paglista ang Mga Panid sa Bata Gamit ang Usa ka Shortcode

Gitukod namo pag-usab ang hierarchy sa mga site alang sa pipila sa among WordPress mga kliyente, ug usa sa mga butang nga among gisulayan nga buhaton mao ang pag-organisar sa kasayuran nga epektibo. Aron mahimo kini, kanunay kaming gusto nga maghimo usa ka master nga panid ug maglakip sa usa ka menu nga awtomatikong naglista sa mga panid sa ubos niini. Usa ka lista sa mga panid sa bata, o mga subpanid.

Ikasubo, wala'y kinaiyanhong function o feature aron mahimo kini sulod sa WordPress, mao nga naghimo kami og shortcode aron idugang sa site sa kliyente. Ania kung giunsa nimo magamit ang shortcode sa tanan nga mga variable niini nga gipuy-an sulod sa usa ka post o panid sa 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"]

Pagkabungkag sa Paggamit:

  • ifempty="No child pages found": Kini nga teksto ipakita kung walay mga panid sa bata nga magamit.
  • order="ASC": Kini naghan-ay sa listahan sa mga panid sa bata sa pataas nga han-ay.
  • orderby="title": Kini nag-order sa mga panid sa bata pinaagi sa ilang titulo.
  • ulclass="custom-ul-class": Ipadapat ang CSS class nga “custom-ul-class” sa <ul> elemento sa listahan.
  • liclass="custom-li-class": Gipadapat ang CSS class nga "custom-li-class" sa matag usa <li> elemento sa listahan.
  • aclass="custom-a-class": Ipadapat ang CSS class "custom-a-class" sa matag usa <a> (link) nga elemento sa lista.
  • displayimage="yes": Naglakip kini sa gipakita nga imahe sa matag panid sa bata sa lista.
  • align="aligncenter": Kini nag-align sa gipakita nga mga hulagway sa tunga.

Isulud kini nga shortcode direkta sa sulud nga sulud sa usa ka post sa WordPress o panid diin gusto nimo nga makita ang lista sa mga panid sa bata. Hinumdumi nga ipasibo ang mga kantidad sa matag hiyas aron mohaum sa disenyo ug istruktura sa imong WordPress site.

Dugang pa, kung gusto nimo ang a mubu nga kinutlo nga naghulagway sa matag panid, ang plugin naghatag gahum sa mga kinutlo sa mga panid aron ma-edit nimo ang kana nga sulod sa mga setting sa panid.

Ilista ang Shortcode sa Mga Panid sa Bata

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');

Ang gimbuhaton add_shortcode_listchildpages nagdugang usa ka naandan nga shortcode

No Records

, nga mahimo nimong gamiton sulod sa mga post o mga panid sa WordPress aron ipakita ang usa ka lista sa mga panid sa bata. Ania ang usa ka pagkahugno kung giunsa ang paglihok sa code:

  1. Global Post Variable: Nagsugod ang function pinaagi sa pagdeklarar sa global variable $post, nga gigamit sa pag-access sa impormasyon mahitungod sa kasamtangan nga post o panid sulod sa WordPress.
  2. Mga Hiyas sa Shortcode: Ang shortcode_atts Ang function nagtakda sa mga default nga kantidad alang sa mga hiyas sa shortcode. Mahimong i-override kini sa mga tiggamit kung ilang gisulud ang shortcode. Ang mga hiyas naglakip sa:
    • ifempty: Mensahe nga ipakita kung walay mga panid sa bata.
    • order: Pag-order sa mga panid sa bata (ASC o DESC).
    • orderby: Pamantayan sa pag-order sa mga panid sa bata (pananglitan, petsa_pagmantala).
    • ulclass: CSS nga klase para sa <ul> elemento.
    • liclass: CSS nga klase para sa <li> mga elemento.
    • aclass: CSS nga klase para sa <a> (angkla) nga mga elemento.
    • displayimage: Kung ipakita ba ang gipakita nga imahe sa mga panid sa bata.
    • align: Pag-align sa gipakita nga hulagway.
  3. Pangutana nga mga argumento: Ang function nag-set up a WP_Query aron mabawi ang tanang panid sa bata sa kasamtangang panid, gisunod sumala sa gipiho nga mga hiyas.
  4. Paghimo sa Listahan:
    • Kung makit-an ang mga panid sa bata, ang function maghimo usa ka HTML nga wala’y order nga lista (<ul>), nga ang matag panid sa bata girepresentahan sa usa ka butang sa lista (<li>).
    • Sulod sa matag lista nga butang, ang function nagsusi kung ipakita ba ang gipakita nga imahe base sa displayimage attribute.
    • Naghimo usab ang function og link sa matag panid sa bata gamit ang <a> tag, ug kon anaa, idugang ang kinutlo sa panid sa bata.
  5. Output o Default nga Mensahe: Kung walay mga panid sa bata, ang function magpagawas sa mensahe nga gitakda sa ifempty attribute.
  6. I-reset ang Data sa Post: Ang wp_reset_postdata function nag-reset sa pangutana sa WordPress, nga nagsiguro nga ang global $post Ang butang gipahiuli sa orihinal nga post sa panguna nga pangutana.
  7. Pagparehistro sa Shortcode: Sa katapusan, ang add_shortcode mga rehistro sa function listchildpages isip bag-ong shortcode, nagsumpay niini sa add_shortcode_listchildpages function, nga magamit kini aron magamit sa mga post ug mga panid.

Kini nga function mapuslanon alang sa dinamikong paglista sa mga subpage sa usa ka ginikanan nga panid, pagpaayo sa nabigasyon ug organisasyon sulod sa usa ka WordPress site. Irekomendar nako ang pagdugang niini sa usa ka custom nga plugin kung gusto nimo nga idugang kini sa imong WordPress site. O… mahimo nimong i-download ang plugin nga akong gipatik.

Ilista ang Mga Panid sa Bata nga Shortcode Plugin

Sa katapusan nakalibot ako aron maduso ang code sa usa ka plugin aron mas dali kini ma-install ug magamit, ug ang Paglista plugin sa Mga Panid sa Shortcode sa Mga Panid gi-aprobahan sa WordPress karon! Palihug i-download ug i-install kini - kung gusto nimo, paghatag usa ka pagrepaso!

WordPress Plugin alang sa Listing Mga Panid sa Bata

Douglas Karr

Douglas Karr mao ang CMO sa OpenINSIGHTS ug ang nagtukod sa Martech Zone. Gitabangan ni Douglas ang daghang mga malampuson nga mga pagsugod sa MarTech, nakatabang sa tungod sa kakugi nga kapin sa $5 bilyon sa mga pagkuha ug pamuhunan sa Martech, ug nagpadayon sa pagtabang sa mga kompanya sa pagpatuman ug pag-automate sa ilang mga estratehiya sa pagbaligya ug pagpamaligya. Si Douglas usa ka internasyonal nga giila nga digital nga pagbag-o ug eksperto ug mamumulong sa MarTech. Si Douglas usa usab ka gipatik nga tagsulat sa usa ka giya ni Dummie ug usa ka libro sa pagpangulo sa negosyo.

Nalangkit nga mga Artikulo

Balik sa ibabaw nga button
Close

Nakit-an ang Adblock

Martech Zone makahatag kanimo niini nga sulod nga walay bayad tungod kay among gi-monetize ang among site pinaagi sa ad revenue, affiliate links, ug sponsorships. Mapasalamaton kami kung imong tangtangon ang imong ad blocker samtang imong gitan-aw ang among site.