Detaljert forklaring av tilpasset malbanekode for WordPress Shortcodes Ultimate-plugin

Har du noen gang lurt på hvordan du kan tilpasse en unik malbane i Shortcodes Ultimate-plugin-modulen?

Du trenger ikke å misunne de tekniske mesterne som leker med WordPress, for nå skal jeg ta deg med til å avsløre hemmeligheten bak det!

Kom igjen, la oss gå rett til poenget og gjøre det steg for steg!

Hva er Shortcodes Ultimate-plugin?

Shortcodes Ultimate er en av de mest populære pluginene i WordPress. Den kan enkelt implementere ulike funksjoner gjennom kortkoder, som å lage knapper, bildekaruseller, artikkellister osv.

Enda bedre, vi kan tilpasse malbanen for å vise innhold mer fleksibelt.

Hvordan legge til egendefinert malbane?

La oss se på det mest kritiske trinnet først - å legge til en tilpasset malbane.

Dette er første skritt mot personlig presentasjon!

kodeeksempel

i emnet ditt functions.php Legg til følgende kode i filen eller tilpasset plugin:

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

        return $locations;
    },
    10,
    1
);

parse kode

1. filter su/shortcode/posts/allowed_template_locations
   Dette filteret lar oss utvide Shortcodes Ultimates standard malbaner.

2. tilpasset bane /wp-content/custom-templates/
   Vi lagrer malen i /wp-content/custom-templates/ katalogen slik at den ikke går tapt når du oppdaterer plugin.

3. 安全 性
   Endre aldri standardmalfilen til en plugin direkte for å unngå å miste tilpasset innhold etter at plugin-en er oppdatert.

Lag en egendefinert malfil

Deretter må vi lage malfilen i den tilpassede banen.

For eksempel lager vi en fil som heter jiawen.php malfil.

Eksempel på malfil

在 /wp-content/custom-templates/ katalog, opprette jiawen.php fil og legg til følgende kode:

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

Malfilbeskrivelse

• $atts['class']: Lar oss tilpasse CSS-klasser og designe unike stiler for maler.
• Artikkelminiatyrbilde og tittel: Vis miniatyrbildet og tittelen på artikkelen og lenke til artikkelens detaljside.
• 安全 性:bruk defined('ABSPATH') || exit; Sørg for at malfiler ikke kan nås direkte.

Etter å ha laget malen, kan vi kalle den gjennom en kortkode i en artikkel eller side.

Kortkode eksempel

Legg til følgende kortkode til innlegget eller siden din:

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

[] brukes i kortkoden ovenfor for å forhindre at kortkoden i artikkelen escapes. Ved faktisk bruk må symbolet [] endres til standarden [].

Kortkodeparameterbeskrivelse

1. template="jiawen.php"
   Angi navnet på den egendefinerte malfilen, banen er i forhold til /wp-content/ 的.

2. posts_per_page="10"
10Viser 10 artikler;
   -1Vis alle artikler, men det anbefales ikke å setteubegrensetHvis det er for mange artikler, kan nettstedet krasje fordi det ikke kan laste inn alle artiklene.

3. ignore_sticky_posts="yes"
   Ignorer festede artikler.

4. id="32277,30806"
   Vis kun artikler med spesifisert ID. To artikkel-ID-er er spesifisert her, 32277 og 30806. Kun artikler som tilsvarer disse to ID-ene vil bli vist.

oppsummering

• Egendefinert malbane: Utvid standardbanen gjennom filtre for å unngå å miste maler i plugin-oppdateringer.
• Lag malfil: Kontroller oppsettet og innholdet i artikkellisten gjennom PHP-kode.
• Anropsmalfil: Fleksible anrop oppnås gjennom kortkodeparametere.

Muligheten til å tilpasse malbaner forbedrer fleksibiliteten til Shortcodes Ultimate-plugin-modulen betraktelig.

På denne måten har vi full kontroll over hvordan artikkellisten vår vises.

Denne tilnærmingen er spesielt viktig når vi trenger å oppnå forskjellige design på forskjellige sider.

Hvis du vil gjøre WordPress-nettstedet ditt mer personlig, prøv det!