Marketing Përmbajtja

WordPress: Si të listoni faqet e fëmijëve duke përdorur një kod të shkurtër

Ne kemi rindërtuar hierarkinë e sajteve për disa prej tyre WordPress klientët dhe një nga gjërat që ne përpiqemi të bëjmë është të organizojmë informacionin në mënyrë efikase. Për ta bërë këtë, ne shpesh duam të krijojmë një faqe kryesore dhe të përfshijmë një menu që rendit automatikisht faqet poshtë saj. Një listë e faqeve ose nënfaqeve fëmijë.

Fatkeqësisht, nuk ka asnjë funksion ose veçori të qenësishme për ta bërë këtë brenda WordPress, kështu që ne krijuam një kod të shkurtër për ta shtuar në faqen e klientit. Ja se si mund ta përdorni kodin e shkurtër me të gjitha variablat e tij të mbushura brenda një postimi ose faqeje të 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"]

Ndarja e përdorimit:

  • ifempty="No child pages found": Ky tekst do të shfaqet nëse nuk ka faqe fëmijësh të disponueshme.
  • order="ASC": Kjo rendit listën e faqeve fëmijë në rend rritës.
  • orderby="title": Kjo rendit faqet e fëmijëve sipas titullit të tyre.
  • ulclass="custom-ul-class": Zbaton klasën CSS “custom-ul-class” në <ul> element i listës.
  • liclass="custom-li-class": Zbaton klasën CSS “custom-li-class” për secilën <li> element në listë.
  • aclass="custom-a-class": Zbaton klasën CSS “custom-a-class” për secilën <a> elementi (lidhja) në listë.
  • displayimage="yes": Kjo përfshin imazhin e paraqitur të secilës faqe fëmijësh në listë.
  • align="aligncenter": Kjo rreshton imazhet e paraqitura në qendër.

Fusni këtë kod të shkurtër direkt në zonën e përmbajtjes së një postimi ose faqeje të WordPress ku dëshironi të shfaqet lista e faqeve të fëmijëve. Mos harroni të personalizoni vlerat e secilit atribut për t'iu përshtatur dizajnit dhe strukturës së faqes suaj të WordPress.

Për më tepër, nëse dëshironi një ekstrakt i shkurtër duke përshkruar secilën faqe, shtojca mundëson fragmente në faqe në mënyrë që ju të mund ta ndryshoni atë përmbajtje në cilësimet e faqes.

Listoni kodin e shkurtër të faqeve të fëmijëve

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

Funksioni add_shortcode_listchildpages shton një kod të shkurtër të personalizuar

No Records

, të cilin mund ta përdorni brenda postimeve ose faqeve të WordPress për të shfaqur një listë të faqeve fëmijë. Këtu është një përmbledhje se si funksionon kodi:

  1. Variabla e Postës Globale: Funksioni fillon duke deklaruar variablin global $post, i cili përdoret për të hyrë në informacione rreth postimit ose faqes aktuale brenda WordPress.
  2. Atributet e kodit të shkurtër: The shortcode_atts funksioni cakton vlerat e paracaktuara për atributet e kodit të shkurtër. Përdoruesit mund t'i anashkalojnë këto kur futin kodin e shkurtër. Atributet përfshijnë:
    • ifempty: Mesazhi për t'u shfaqur nëse nuk ka faqe fëmijë.
    • order: Renditja e faqeve të fëmijëve (ASC ose DESC).
    • orderby: Kriteret për porositjen e faqeve të fëmijëve (p.sh., data_publike).
    • ulclass: Klasa CSS për <ul> elementi.
    • liclass: Klasa CSS për <li> elementet.
    • aclass: Klasa CSS për <a> (spirancë) elemente.
    • displayimage: Nëse do të shfaqet imazhi i veçuar i faqeve të fëmijëve.
    • align: Shtrirja e imazhit të paraqitur.
  3. Argumentet e pyetjeve: Funksioni konfiguron a WP_Query për të tërhequr të gjitha faqet fëmijë të faqes aktuale, të renditura sipas atributeve të specifikuara.
  4. Gjenerimi i listës:
    • Nëse gjenden faqet e fëmijëve, funksioni ndërton një listë të pa renditur HTML (<ul>), me çdo faqe fëmijë të përfaqësuar nga një artikull liste (<li>).
    • Brenda çdo artikulli të listës, funksioni kontrollon nëse duhet të shfaqet imazhi i paraqitur bazuar në displayimage atribut.
    • Funksioni gjithashtu krijon një lidhje për çdo faqe fëmijësh duke përdorur <a> etiketë, dhe nëse disponohet, shton ekstraktin e faqes së fëmijës.
  5. Mesazhi i daljes ose i parazgjedhur: Nëse nuk ka faqe fëmijë, funksioni nxjerr mesazhin e specifikuar nga ifempty atribut.
  6. Rivendos të dhënat e postimit: The wp_reset_postdata funksioni rivendos pyetjen e WordPress, duke siguruar që globale $post objekti është rikthyer në postimin e pyetjes kryesore origjinale.
  7. Regjistrimi i kodit të shkurtër: Më në fund, add_shortcode regjistrat e funksioneve listchildpages si një kod i ri i shkurtër, duke e lidhur atë me add_shortcode_listchildpages funksion, duke e bërë të disponueshëm për përdorim në postime dhe faqe.

Ky funksion është i dobishëm për renditjen dinamike të nënfaqeve në një faqe mëmë, duke përmirësuar navigimin dhe organizimin brenda një sajti WordPress. Unë do të rekomandoja ta shtoni atë në një shtojcë të personalizuar nëse dëshironi ta shtoni në faqen tuaj të WordPress. Ose… mund të shkarkoni shtojcën që kam publikuar.

Listoni shtojcën e kodit të shkurtër të faqeve të fëmijëve

Më në fund arrita të shtyj kodin në një shtojcë për ta bërë më të lehtë instalimin dhe përdorimin, dhe Shënoni Shtojcën e Shkurtër të Faqeve të Fëmijëve u miratua nga WordPress sot! Ju lutemi shkarkoni dhe instaloni - nëse ju pëlqen, jepni një rishikim!

Shtojcë WordPress për Listimin e Faqeve të Fëmijëve

Douglas Karr

Douglas Karr është CMO i OpenINSIGHTS dhe themeluesi i Martech Zone. Douglas ka ndihmuar dhjetëra startup të suksesshëm të MarTech, ka ndihmuar në analizën e duhur prej mbi 5 miliardë dollarësh në blerjet dhe investimet e Martech dhe vazhdon të ndihmojë kompanitë në zbatimin dhe automatizimin e strategjive të tyre të shitjeve dhe marketingut. Douglas është një ekspert dhe folës i transformimit dixhital dhe i njohur ndërkombëtarisht në MarTech. Douglas është gjithashtu një autor i botuar i një udhëzuesi Dummie dhe një libri për udhëheqjen e biznesit.

Artikuj Të Ngjashëm

Kthehu në krye të faqes
afër

Blloku i reklamave u zbulua

Martech Zone është në gjendje t'ju ofrojë këtë përmbajtje pa kosto, sepse ne fitojmë para nga faqja jonë përmes të ardhurave nga reklamat, lidhjeve të filialeve dhe sponsorizimeve. Do të vlerësonim nëse do të hiqnit bllokuesin tuaj të reklamave ndërsa shikoni faqen tonë.