Content Marketing

WordPress: Kako navesti podrejene strani s kratko kodo

Znova smo zgradili hierarhijo spletnih mest za več naših WordPress stranke in ena od stvari, ki jih poskušamo narediti, je učinkovito organiziranje informacij. Da bi to naredili, pogosto želimo ustvariti glavno stran in vključiti meni, ki samodejno navaja strani pod njo. Seznam podrejenih strani ali podstrani.

Na žalost v WordPressu ni lastne funkcije ali lastnosti, ki bi to naredila, zato smo razvili kratko kodo, ki jo dodamo na stran stranke. Tukaj je opisano, kako lahko uporabite kratko kodo z vsemi njenimi spremenljivkami, vnesenimi v objavo ali stran 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"]

Razčlenitev uporabe:

  • ifempty="No child pages found": To besedilo bo prikazano, če ni na voljo podrejenih strani.
  • order="ASC": To razvrsti seznam podrejenih strani v naraščajočem vrstnem redu.
  • orderby="title": To razvrsti podrejene strani po naslovu.
  • ulclass="custom-ul-class": uporabi razred CSS »custom-ul-class« za <ul> element seznama.
  • liclass="custom-li-class": za vsakega uporabi razred CSS »custom-li-class«. <li> element na seznamu.
  • aclass="custom-a-class": za vsakega uporabi razred CSS »razred po meri«. <a> (link) element na seznamu.
  • displayimage="yes": To vključuje prikazano sliko vsake podrejene strani na seznamu.
  • align="aligncenter": To poravna predstavljene slike na sredino.

To kratko kodo vstavite neposredno v področje vsebine objave ali strani WordPress, kjer želite, da se prikaže seznam podrejenih strani. Ne pozabite prilagoditi vrednosti vsakega atributa, da bo ustrezal zasnovi in ​​strukturi vašega spletnega mesta WordPress.

Poleg tega, če želite kratek odlomek opisuje vsako stran, vtičnik omogoča odlomke na straneh, tako da lahko to vsebino urejate v nastavitvah strani.

Kratka koda seznama podrejenih strani

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

funkcija add_shortcode_listchildpages doda kratko kodo po meri

No Records

, ki ga lahko uporabite znotraj objav ali strani WordPress za prikaz seznama podrejenih strani. Tukaj je razčlenitev delovanja kode:

  1. Globalna post spremenljivka: Funkcija se začne z deklaracijo globalne spremenljivke $post, ki se uporablja za dostop do informacij o trenutni objavi ali strani znotraj WordPressa.
  2. Atributi kratke kode: shortcode_atts funkcija nastavi privzete vrednosti za atribute kratke kode. Uporabniki jih lahko preglasijo, ko vstavijo kratko kodo. Atributi vključujejo:
    • ifempty: Sporočilo za prikaz, če ni podrejenih strani.
    • order: Vrstni red podrejenih strani (ASC ali DESC).
    • orderby: Merila za razvrščanje podrejenih strani (npr. datum_objave).
    • ulclass: razred CSS za <ul> element.
    • liclass: razred CSS za <li> elemente.
    • aclass: razred CSS za <a> (sidrnih) elementov.
    • displayimage: Ali naj se prikaže prikazana slika podrejenih strani.
    • align: Poravnava predstavljene slike.
  3. Argumenti poizvedbe: Funkcija nastavi a WP_Query za pridobitev vseh podrejenih strani trenutne strani, razvrščenih glede na navedene atribute.
  4. Ustvarjanje seznama:
    • Če so najdene podrejene strani, funkcija ustvari neurejen seznam HTML (<ul>), pri čemer je vsaka podrejena stran predstavljena z elementom seznama (<li>).
    • Znotraj vsakega elementa seznama funkcija preveri, ali naj prikaže prikazano sliko glede na displayimage atribut.
    • Funkcija ustvari tudi povezavo do vsake podrejene strani z uporabo <a> in če je na voljo, doda izsek podrejene strani.
  5. Izhod ali privzeto sporočilo: Če ni podrejenih strani, funkcija izda sporočilo, ki ga določa ifempty atribut.
  6. Ponastavi podatke objave: wp_reset_postdata ponastavi poizvedbo WordPress in zagotovi, da globalna $post predmet je obnovljen v prvotno glavno objavo poizvedbe.
  7. Registracija s kratko kodo: Končno, add_shortcode funkcijski registri listchildpages kot novo kratko kodo, ki jo povezuje z add_shortcode_listchildpages funkcija, zaradi česar je na voljo za uporabo v objavah in na straneh.

Ta funkcija je uporabna za dinamično navajanje podstrani na nadrejeni strani, izboljšanje navigacije in organizacije znotraj spletnega mesta WordPress. Priporočam, da ga dodate v vtičnik po meri, če ga želite dodati na svoje spletno mesto WordPress. Ali ... lahko prenesete vtičnik, ki sem ga objavil.

Seznam podrejenih strani Shortcode Plugin

Končno sem prišel do potiskanja kode v vtičnik za lažjo namestitev in uporabo ter Seznam vtičnika za kratke kode za podrejene strani je danes odobril WordPress! Prenesite in namestite ga – če vam je všeč, navedite oceno!

WordPress vtičnik za navedbo podrejenih strani

Douglas Karr

Douglas Karr je CMO of Odpri INSIGHTS in ustanovitelj Martech Zone. Douglas je pomagal na desetine uspešnih startupov MarTech, pomagal je pri skrbnem pregledu več kot 5 milijard USD pri prevzemih in naložbah Martecha ter še naprej pomaga podjetjem pri izvajanju in avtomatizaciji njihovih prodajnih in trženjskih strategij. Douglas je mednarodno priznan strokovnjak in govorec za digitalno transformacijo in MarTech. Douglas je tudi objavljen avtor Dummie's guide in knjige o poslovnem vodenju.

Povezani članki

Nazaj na vrh
Zapri

Zaznan Adblock

Martech Zone vam lahko zagotovi to vsebino brezplačno, ker naše spletno mesto monetiziramo s prihodki od oglasov, pridruženimi povezavami in sponzorstvi. Hvaležni bi bili, če bi med ogledom našega spletnega mesta odstranili zaviralec oglasov.