Podrobna razlaga kode poti predloge po meri za vtičnik WordPress Shortcodes Ultimate

Ste se kdaj vprašali, kako prilagoditi edinstveno pot predloge v vtičniku Shortcodes Ultimate?

Ni treba zavidati tistim tehničnim mojstrom, ki se igrajo z WordPressom, saj vas bom zdaj popeljal, da razkrijete skrivnost za njim!

Daj no, pojdimo naravnost k bistvu in delajmo korak za korakom!

Kaj je vtičnik Shortcodes Ultimate?

Shortcodes Ultimate je eden izmed najbolj priljubljenih vtičnikov v WordPressu. Z njim lahko preprosto implementirate različne funkcije prek kratkih kod, kot so ustvarjanje gumbov, vrtiljakov slik, seznamov člankov itd.

Še bolje, pot predloge lahko prilagodimo za bolj prilagodljiv prikaz vsebine.

Kako dodati pot predloge po meri?

Najprej si poglejmo najbolj kritičen korak – dodajanje poti predloge po meri.

To je prvi korak k personalizirani predstavitvi!

primer kode

v tvoji temi functions.php V datoteko ali vtičnik po meri dodajte naslednjo kodo:

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

        return $locations;
    },
    10,
    1
);

razčleniti kodo

1. filter su/shortcode/posts/allowed_template_locations
   Ta filter nam omogoča razširitev privzetih poti predloge Shortcodes Ultimate.

2. pot po meri /wp-content/custom-templates/
   Predlogo shranimo v /wp-content/custom-templates/ imenik, da se ne izgubi pri posodabljanju vtičnika.

3. 性
   Nikoli ne spreminjajte datoteke privzete predloge vtičnika neposredno, da se izognete izgubi vsebine po meri po posodobitvi vtičnika.

Ustvarite datoteko predloge po meri

Nato moramo ustvariti datoteko predloge na poti po meri.

Na primer, ustvarimo datoteko z imenom jiawen.php datoteka predloge.

Primer datoteke predloge

在 /wp-content/custom-templates/ imenik, ustvari jiawen.php datoteko in dodajte naslednjo kodo:

<?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>

Opis datoteke predloge

• $atts['class']: Omogoča nam prilagajanje razredov CSS in oblikovanje edinstvenih slogov za predloge.
• Sličica in naslov članka: Prikažite sličico in naslov članka ter povezavo do strani s podrobnostmi o članku.
• 性:uporaba defined('ABSPATH') || exit; Prepričajte se, da do datotek predlog ni mogoče neposredno dostopati.

Ko ustvarimo predlogo, jo lahko prikličemo prek kratke kode v članku ali na strani.

Primer kratke kode

Svoji objavi ali strani dodajte to kratko kodo:

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

[] se uporablja v zgornji kratki kodi, da se prepreči ubežna koda v članku. Pri dejanski uporabi je treba simbol [] spremeniti v standardni [].

Opis parametra kratke kode

1. template="jiawen.php"
   Določite ime datoteke predloge po meri, pot je relativna /wp-content/ od.

2. posts_per_page="10"
10Prikaz 10 člankov;
   -1Prikaži vse artikle, vendar ni priporočljivo nastavitineomejenoČe je člankov preveč, se lahko spletno mesto zruši, ker ne more naložiti vseh člankov.

3. ignore_sticky_posts="yes"
   Ignorirajte pripete članke.

4. id="32277,30806"
   Prikaži samo članke z navedenim ID-jem. Tu sta podana dva ID-ja artikla, 32277 in 30806. Prikazani bodo samo članki, ki ustrezajo tema ID-jema.

总结

• Pot predloge po meri: Razširite privzeto pot s filtri, da preprečite izgubo predlog pri posodobitvah vtičnikov.
• Ustvari datoteko predloge: nadzirajte postavitev in vsebino seznama člankov s kodo PHP.
• Datoteka s predlogo klica: Prilagodljivo klicanje je doseženo s parametri kratke kode.

Možnost prilagajanja poti predloge močno izboljša prilagodljivost vtičnika Shortcodes Ultimate.

Tako imamo popoln nadzor nad tem, kako je prikazan naš seznam člankov.

Ta pristop je še posebej pomemben, ko moramo doseči raznolik dizajn na različnih straneh.

Če želite narediti svoje spletno mesto WordPress bolj prilagojeno, poskusite!