Content Marketing

WordPress: Hvernig á að skrá barnasíður með stuttkóða

Við höfum endurbyggt stigveldi vefsvæða fyrir nokkrar af okkar WordPress viðskiptavinum og eitt af því sem við reynum að gera er að skipuleggja upplýsingarnar á skilvirkan hátt. Til að gera þetta viljum við oft búa til aðalsíðu og innihalda valmynd sem sýnir sjálfkrafa síðurnar fyrir neðan hana. Listi yfir undirsíður, eða undirsíður.

Því miður er engin eðlislæg aðgerð eða eiginleiki til að gera þetta innan WordPress, svo við þróuðum stuttkóða til að bæta við síðu viðskiptavinarins. Svona geturðu notað stuttkóðann með öllum breytum hans innbyggðar í WordPress færslu eða síðu:

[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"]

Sundurliðun á notkun:

  • ifempty="No child pages found": Þessi texti birtist ef engar barnasíður eru tiltækar.
  • order="ASC": Þetta flokkar lista yfir undirsíður í hækkandi röð.
  • orderby="title": Þetta raðar barnasíðunum eftir titli.
  • ulclass="custom-ul-class": Notar CSS flokkinn „custom-ul-class“ á <ul> þáttur listans.
  • liclass="custom-li-class": Notar CSS flokkinn „custom-li-class“ fyrir hvern <li> þáttur á listanum.
  • aclass="custom-a-class": Notar CSS flokkinn „custom-a-class“ fyrir hvern <a> (tengill) þáttur í listanum.
  • displayimage="yes": Þetta felur í sér mynd af hverri barnasíðu á listanum.
  • align="aligncenter": Þetta stillir upp myndunum í miðjunni.

Settu þennan stutta kóða beint inn á innihaldssvæði WordPress færslu eða síðu þar sem þú vilt að listi yfir barnasíður birtist. Mundu að sérsníða gildi hvers eiginleika til að passa við hönnun og uppbyggingu WordPress síðunnar þinnar.

Að auki, ef þú vilt a stuttur útdráttur sem lýsir hverri síðu, gerir viðbótin brot á síðum svo að þú getir breytt því efni á stillingum síðunnar.

Lista barnasíður Stuttkóði

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

fallið add_shortcode_listchildpages bætir við sérsniðnum stuttkóða

No Records

, sem þú getur notað í WordPress færslum eða síðum til að birta lista yfir barnasíður. Hér er sundurliðun á því hvernig kóðinn virkar:

  1. Global Post Variable: Fallið byrjar á því að lýsa yfir alþjóðlegu breytunni $post, sem er notað til að fá aðgang að upplýsingum um núverandi færslu eða síðu innan WordPress.
  2. Stuttkóðaeiginleikar: The shortcode_atts aðgerðin setur upp sjálfgefin gildi fyrir stuttkóðaeiginleikana. Notendur geta hnekkt þessu þegar þeir setja inn stuttkóðann. Eiginleikar innihalda:
    • ifempty: Skilaboð sem birtast ef engar undirsíður eru til.
    • order: Röð barnasíðuna (ASC eða DESC).
    • orderby: Skilyrði fyrir röðun barnasíður (td birtingardagur).
    • ulclass: CSS flokkur fyrir <ul> frumefni.
    • liclass: CSS flokkur fyrir <li> þættir.
    • aclass: CSS flokkur fyrir <a> (akkeri) þættir.
    • displayimage: Hvort birta eigi mynd af barnasíðunum.
    • align: Jöfnun á myndinni.
  3. Fyrirspurnarrök: Aðgerðin setur upp a WP_Query til að sækja allar undirsíður núverandi síðu, flokkaðar í samræmi við tilgreinda eiginleika.
  4. Að búa til listann:
    • Ef undirsíður finnast myndar aðgerðin HTML óraðaðan lista (<ul>), með hverri undirsíðu táknað með listaatriði (<li>).
    • Innan hvers listaatriðis athugar aðgerðin hvort birta eigi mynd sem er í boði út frá displayimage eigindi.
    • Aðgerðin býr einnig til tengil á hverja barnasíðu með því að nota <a> tag, og ef það er tiltækt, bætir við útdrættinum af barnasíðunni.
  5. Úttak eða sjálfgefin skilaboð: Ef það eru engar undirsíður gefur aðgerðin út skilaboðin sem tilgreind eru af ifempty eigindi.
  6. Endurstilla færslugögn: The wp_reset_postdata virka endurstillir WordPress fyrirspurnina og tryggir að hið alþjóðlega $post hlutur er endurheimtur í upprunalegu aðalfyrirspurnina.
  7. Stuttkóðaskráning: Að lokum, the add_shortcode aðgerðaskrár listchildpages sem nýr stuttkóði, sem tengir hann við add_shortcode_listchildpages virka, sem gerir það aðgengilegt til notkunar í færslum og síðum.

Þessi aðgerð er gagnleg til að skrá undirsíður á virkan hátt á móðursíðu, auka leiðsögn og skipulag á WordPress síðu. Ég myndi mæla með því að bæta því við sérsniðna viðbót ef þú vilt bæta því við WordPress síðuna þína. Eða… þú getur halað niður viðbótinni sem ég birti.

Lista undirsíður stuttkóða viðbót

Ég náði loksins að ýta kóðanum í tappi til að auðvelda uppsetningu og notkun og Listi barnasíðna stuttkóða viðbót var samþykkt af WordPress í dag! Vinsamlegast hlaðið niður og settu það upp - ef þér líkar það, gefðu umsögn!

WordPress viðbót fyrir skráningu barnasíðna

Douglas Karr

Douglas Karr er CMO af OpenINSIGHTS og stofnandi Martech Zone. Douglas hefur hjálpað tugum farsælra MarTech sprotafyrirtækja, hefur aðstoðað við áreiðanleikakönnun yfir $5 milljarða í kaupum og fjárfestingum Martech og heldur áfram að aðstoða fyrirtæki við að innleiða og gera sjálfvirkan sölu- og markaðsáætlanir sínar. Douglas er alþjóðlega viðurkenndur stafrænn umbreytingu og MarTech sérfræðingur og ræðumaður. Douglas er einnig útgefinn höfundur Dummie's guide og bók um leiðtogaviðskipti.

tengdar greinar

Til baka efst á hnappinn
Loka

Auglýsingablokk greind

Martech Zone er fær um að útvega þér þetta efni að kostnaðarlausu vegna þess að við afla tekna af síðunni okkar með auglýsingatekjum, tengdatenglum og kostun. Okkur þætti vænt um ef þú myndir fjarlægja auglýsingablokkann þinn þegar þú skoðar síðuna okkar.