Агуулга маркетинг

WordPress: Богино код ашиглан хүүхдийн хуудсыг хэрхэн жагсаах вэ

Бид хэд хэдэн сайтынхаа шатлалыг шинэчилсэн WordPress үйлчлүүлэгчид, бидний хийх гэж оролддог зүйлсийн нэг бол мэдээллийг үр дүнтэй зохион байгуулах явдал юм. Үүнийг хийхийн тулд бид ихэвчлэн мастер хуудас үүсгэж, доорх хуудсуудыг автоматаар жагсаах цэсийг оруулахыг хүсдэг. Хүүхдийн хуудас эсвэл дэд хуудасны жагсаалт.

Харамсалтай нь WordPress-д үүнийг хийх үндсэн функц, онцлог байхгүй тул бид үйлчлүүлэгчийн сайтад нэмэх богино кодыг боловсруулсан. Та 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"]

Хэрэглээний задаргаа:

  • ifempty="No child pages found": Хүүхдийн хуудас байхгүй тохиолдолд энэ текст гарч ирнэ.
  • order="ASC": Энэ нь хүүхдийн хуудасны жагсаалтыг өсөх дарааллаар эрэмбэлдэг.
  • orderby="title": Энэ нь хүүхдийн хуудсыг гарчигаар нь эрэмбэлдэг.
  • ulclass="custom-ul-class": CSS ангиллын "custom-ul-class"-г ашигладаг <ul> жагсаалтын элемент.
  • liclass="custom-li-class": "custom-li-class" CSS анги тус бүрт хэрэглэнэ <li> жагсаалт дахь элемент.
  • aclass="custom-a-class": Тус бүрд нь CSS ангиллын "захиалгат-a-class"-ыг хэрэглэнэ <a> Жагсаалтын (холбоос) элемент.
  • displayimage="yes": Жагсаалтад байгаа хүүхдийн хуудас бүрийн онцолсон зураг үүнд багтана.
  • align="aligncenter": Энэ нь онцолсон зургуудыг голд нь зэрэгцүүлнэ.

Энэ богино кодыг WordPress нийтлэл эсвэл хүүхдийн хуудасны жагсаалтыг харуулахыг хүссэн хуудасны агуулгын талбарт шууд оруулна уу. Өөрийн WordPress сайтын дизайн, бүтцэд нийцүүлэн шинж чанар бүрийн утгыг өөрчлөхөө бүү мартаарай.

Нэмж хэлэхэд, хэрэв та хүсвэл богино хэсэг хуудас бүрийг тайлбарлах бөгөөд залгаас нь хуудсан дээрх хэсгүүдийг идэвхжүүлдэг бөгөөд ингэснээр тухайн хуудасны тохиргоон дээр тухайн агуулгыг засах боломжтой болно.

Хүүхдийн хуудасны богино кодыг жагсаах

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

Функц add_shortcode_listchildpages захиалгат богино код нэмнэ

No Records

, та үүнийг WordPress нийтлэлүүд эсвэл хуудсууд дотор хүүхдийн хуудасны жагсаалтыг харуулахын тулд ашиглаж болно. Код хэрхэн ажилладаг талаар эндээс үзнэ үү.

  1. Глобал шуудангийн хувьсагч: Функц нь глобал хувьсагчийг зарласнаар эхэлдэг $post, WordPress доторх одоогийн нийтлэл эсвэл хуудасны талаарх мэдээлэлд хандахад ашигладаг.
  2. Богино кодын шинж чанарууд: shortcode_atts функц нь богино кодын шинж чанаруудын анхдагч утгыг тохируулдаг. Хэрэглэгчид богино код оруулахдаа эдгээрийг дарж болно. Шинж чанарууд нь:
    • ifempty: Хүүхдийн хуудас байхгүй бол харуулах мессеж.
    • order: Хүүхдийн хуудасны дараалал (ASC эсвэл DESC).
    • orderby: Хүүхдийн хуудас захиалах шалгуур (жишээ нь, нийтэлсэн_огноо).
    • ulclass:-д зориулсан CSS анги <ul> бүрэлдэхүүн.
    • liclass:-д зориулсан CSS анги <li> элемент.
    • aclass:-д зориулсан CSS анги <a> (зангуу) элементүүд.
    • displayimage: Хүүхдийн хуудасны онцолсон зургийг харуулах эсэх.
    • align: Онцолсон зургийн зэрэгцүүлэх.
  3. Аргумент асуулга: Функц нь a-г тохируулна WP_Query заасан шинж чанаруудын дагуу эрэмбэлэгдсэн одоогийн хуудасны бүх хүүхдийн хуудсыг татаж авах.
  4. Жагсаалтыг бий болгож байна:
    • Хэрэв хүүхдийн хуудас олдвол функц нь HTML дараалалгүй жагсаалтыг (<ul>), хүүхэд хуудас бүрийг жагсаалтын зүйлээр илэрхийлнэ (<li>).
    • Жагсаалтын зүйл бүрийн дотор функц нь онцолсон зургийг харуулах эсэхийг шалгадаг displayimage шинж чанар.
    • Функц нь хүүхдийн хуудас бүрийг ашиглан холбоос үүсгэдэг <a> шошго, хэрэв байгаа бол хүүхдийн хуудасны хэсгийг нэмнэ.
  5. Гаралт эсвэл өгөгдмөл мессеж: Хэрэв хүүхэд хуудас байхгүй бол функц нь заасан мессежийг гаргана ifempty шинж чанар.
  6. Нийтлэлийн өгөгдлийг дахин тохируулах: wp_reset_postdata функц нь WordPress хайлтыг дахин тохируулж, глобал $post Объектыг анхны үндсэн асуулгын нийтлэлд сэргээнэ.
  7. Богино кодын бүртгэл: Эцэст нь хэлэхэд add_shortcode функцийн бүртгэлүүд listchildpages -тэй холбосон шинэ богино код болгон add_shortcode_listchildpages функц, үүнийг нийтлэл, хуудсанд ашиглах боломжтой болгоно.

Энэ функц нь эх хуудсан дээрх дэд хуудсуудыг динамикаар жагсаахад хэрэгтэй бөгөөд WordPress сайт доторх навигац, зохион байгуулалтыг сайжруулахад тустай. Хэрэв та үүнийг WordPress сайтдаа нэмэхийг хүсвэл үүнийг тусгай залгаас дээр нэмэхийг зөвлөж байна. Эсвэл... та миний нийтэлсэн залгаасыг татаж авч болно.

Хүүхдийн хуудасны богино кодын залгаасын жагсаалт

Эцэст нь би үүнийг суулгах, ашиглахад хялбар болгохын тулд кодыг залгаас руу түлхэх хэрэгтэй болсон Хүүхдийн хуудасны богино кодыг залга WordPress өнөөдөр батлагдсан! Татаж аваад суулгана уу - хэрэв танд таалагдаж байвал шүүмж бичээрэй!

Хүүхдийн хуудсыг жагсаахад зориулсан WordPress залгаас

Douglas Karr

Douglas Karr нь CMO юм OpenINSIGHTS болон үүсгэн байгуулагч Martech Zone. Дуглас олон арван амжилттай MarTech стартапуудад тусалж, Martech-ийн худалдан авалт, хөрөнгө оруулалтад 5 тэрбум гаруй долларын зохих шалгалт хийхэд тусалсан бөгөөд компаниудад борлуулалт, маркетингийн стратегиа хэрэгжүүлэх, автоматжуулахад нь тусалсаар байна. Дуглас бол олон улсад хүлээн зөвшөөрөгдсөн дижитал хувиргалт, MarTech мэргэжилтэн, илтгэгч юм. Дуглас бол Даммигийн гарын авлага, бизнесийн манлайллын номыг хэвлүүлсэн зохиолч юм.

холбоотой зүйл

Дээшээ буцах товч
Хаах

Adblock илэрсэн

Martech Zone Бид зар сурталчилгааны орлого, түншлэлийн холбоос, ивээн тэтгэгчээр дамжуулан сайтаа мөнгөжүүлдэг учраас энэ агуулгыг танд ямар ч үнэгүйгээр өгөх боломжтой. Та манай сайтыг үзэж байхдаа зар хориглогчоо устгавал бид талархах болно.