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
- 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. - 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.
- Argumenti poizvedbe: Funkcija nastavi a
WP_Query
za pridobitev vseh podrejenih strani trenutne strani, razvrščenih glede na navedene atribute. - 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.
- Če so najdene podrejene strani, funkcija ustvari neurejen seznam HTML (
- Izhod ali privzeto sporočilo: Če ni podrejenih strani, funkcija izda sporočilo, ki ga določa
ifempty
atribut. - Ponastavi podatke objave:
wp_reset_postdata
ponastavi poizvedbo WordPress in zagotovi, da globalna$post
predmet je obnovljen v prvotno glavno objavo poizvedbe. - Registracija s kratko kodo: Končno,
add_shortcode
funkcijski registrilistchildpages
kot novo kratko kodo, ki jo povezuje zadd_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!