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
- 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. - 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.
- 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. - 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.
- Ef undirsíður finnast myndar aðgerðin HTML óraðaðan lista (
- Ú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. - 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. - Stuttkóðaskráning: Að lokum, the
add_shortcode
aðgerðaskrárlistchildpages
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!