WordPress Shortcodes Ultimate pistikprogrammi kohandatud malli teekoodi üksikasjalik selgitus

Kas olete kunagi mõelnud, kuidas kohandada pistikprogrammis Shortcodes Ultimate ainulaadset malliteed?

Pole vaja kadestada neid tehnikameistreid, kes WordPressiga mängivad, sest nüüd annan teile teada selle saladuse!

Tule, asume otse asja juurde ja teeme seda samm-sammult!

Mis on pistikprogramm Shortcodes Ultimate?

Shortcodes Ultimate on WordPressi üks populaarsemaid pistikprogramme. See võimaldab lühikoodide kaudu hõlpsalt rakendada erinevaid funktsioone, näiteks luua nuppe, pildikarusselle, artikliloendeid jne.

Veelgi parem, saame kohandada malli teed, et kuvada sisu paindlikumalt.

Kuidas lisada kohandatud malli teed?

Vaatame kõigepealt kõige kriitilisemat sammu – kohandatud malli tee lisamist.

See on esimene samm isikupärastatud esitluse suunas!

koodi näide

oma teemas functions.php Lisage failile või kohandatud pistikprogrammile järgmine kood:

add_filter(
    'su/shortcode/posts/allowed_template_locations',
    function( $locations ) {
        // 添加自定义模板路径 /wp-content/custom-templates/
        $locations[] = WP_CONTENT_DIR . '/custom-templates';

        return $locations;
    },
    10,
    1
);

parsi koodi

1. filter su/shortcode/posts/allowed_template_locations
   See filter võimaldab meil laiendada Shortcodes Ultimate malli vaiketeid.

2. kohandatud tee /wp-content/custom-templates/
   Salvestame malli sisse /wp-content/custom-templates/ kataloogi, et see pistikprogrammi värskendamisel kaotsi ei läheks.

3. 安全 性
   Ärge kunagi muutke pistikprogrammi vaikemallifaili otse, et vältida kohandatud sisu kaotamist pärast pistikprogrammi värskendamist.

Looge kohandatud mallifail

Järgmisena peame looma mallifaili kohandatud teel.

Näiteks loome faili nimega jiawen.php mallifail.

Malli faili näide

在 /wp-content/custom-templates/ kataloog, loo jiawen.php faili ja lisage järgmine kood:

<?php defined( 'ABSPATH' ) || exit; ?>
<div class="su-posts su-posts-teaser-loop <?php echo esc_attr( $atts['class'] ); ?>">

    <?php if ( $posts->have_posts() ) : ?>
        <?php while ( $posts->have_posts() ) : ?>
            <?php $posts->the_post(); ?>

            <?php if ( ! su_current_user_can_read_post( get_the_ID() ) ) : ?>
                <?php continue; ?>
            <?php endif; ?>

            <div id="su-post-<?php the_ID(); ?>" class="su-post <?php echo esc_attr( $atts['class_single'] ); ?>">
                <?php if ( has_post_thumbnail() ) : ?>
                    <a target="_blank" rel="nofollow" class="su-post-thumbnail" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
                <?php endif; ?>
                <div class="su-post-title">
                    <a target="_blank" href="<?php the_permalink(); ?>">🔗<?php the_title(); ?></a>
                </div>
            </div>

        <?php endwhile; ?>
    <?php else : ?>

        <p class="su-posts-not-found"><?php esc_html_e( 'Posts not found', 'shortcodes-ultimate' ); ?></p>

    <?php endif; ?>
</div>

Malli faili kirjeldus

• $atts['class']: võimaldab meil kohandada CSS-i klasse ja kujundada mallide jaoks ainulaadseid stiile.
• Artikli pisipilt ja pealkiri: kuvage artikli pisipilt ja pealkiri ning link artikli üksikasjade lehele.
• 安全 性:kasuta defined('ABSPATH') || exit; Veenduge, et mallifailidele ei pääseks otse juurde.

Pärast malli loomist saame seda kutsuda artiklis või lehel oleva lühikoodi kaudu.

Lühikoodi näide

Lisage oma postitusele või lehele järgmine lühikood:

【su_posts template="jiawen.php" posts_per_page="10" ignore_sticky_posts="yes" id="32277,30806"】

[] kasutatakse ülaltoodud lühikoodis selleks, et vältida artiklis oleva lühikoodi vältimist. Tegelikus kasutuses tuleb sümbol [] muuta standardseks [].

Lühikoodi parameetri kirjeldus

1. template="jiawen.php"
   Määrake kohandatud mallifaili nimi, mille tee on suhteline /wp-content/ kohta.

2. posts_per_page="10"
10Kuvatakse 10 artiklit;
   -1Kuva kõik artiklid, kuid seda pole soovitatav määratapiiramatuKui artikleid on liiga palju, võib veebisait kokku kukkuda, kuna see ei saa kõiki artikleid laadida.

3. ignore_sticky_posts="yes"
   Ignoreeri kinnitatud artikleid.

4. id="32277,30806"
   Kuva ainult määratud ID-ga artikleid. Siin on täpsustatud kaks artikli ID-d, 32277 ja 30806. Kuvatakse ainult neile kahele ID-le vastavad artiklid.

总结

• Kohandatud malli tee: laiendage filtrite kaudu vaiketeed, et vältida mallide kadumist pistikprogrammide värskendustes.
• Loo mallifail: kontrollige artiklite loendi paigutust ja sisu PHP-koodi kaudu.
• Kõne mallifail: Paindlik helistamine saavutatakse lühikoodi parameetrite kaudu.

Võimalus kohandada malliteid parandab märkimisväärselt pistikprogrammi Shortcodes Ultimate paindlikkust.

Nii on meil täielik kontroll meie artiklite loendi kuvamise üle.

See lähenemine on eriti oluline, kui meil on vaja erinevatel lehtedel saavutada erinevaid kujundusi.

Kui soovite oma WordPressi veebisaiti isikupärasemaks muuta, proovige seda!