Shpjegim i detajuar i kodit të rrugës së modelit të personalizuar për shtojcën WordPress Shortcodes Ultimate

A keni menduar ndonjëherë se si të personalizoni një shteg unik shabllon në shtojcën Shortcodes Ultimate?

Nuk ka nevojë t'i keni zili ata mjeshtra teknikë që po luajnë me WordPress, sepse tani do t'ju çoj të zbuloni sekretin pas tij!

Hajde, le të shkojmë direkt në pikën dhe ta bëjmë atë hap pas hapi!

Çfarë është shtojca Shortcodes Ultimate?

Shortcodes Ultimate është një nga shtojcat më të njohura në WordPress, ai mund të zbatojë lehtësisht funksione të ndryshme përmes kodeve të shkurtra, të tilla si krijimi i butonave, karuselet e imazheve, listat e artikujve, etj.

Edhe më mirë, ne mund të personalizojmë shtegun e shabllonit për të shfaqur përmbajtjen në mënyrë më fleksibël.

Si të shtoni shtegun e personalizuar të shabllonit?

Le të shohim së pari hapin më kritik – shtimin e një shteg modeli të personalizuar.

Ky është hapi i parë drejt prezantimit të personalizuar!

shembull kodi

në temën tuaj functions.php Shtoni kodin e mëposhtëm në skedar ose shtojcë të personalizuar:

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

        return $locations;
    },
    10,
    1
);

analizoj kodin

1. 过滤器 su/shortcode/posts/allowed_template_locations
   Ky filtër na lejon të zgjerojmë shtigjet e paracaktuara të shabllonit të Shortcodes Ultimate.

2. rrugë me porosi /wp-content/custom-templates/
   Ne e ruajmë shabllonin në /wp-content/custom-templates/ direktorium në mënyrë që të mos humbet gjatë përditësimit të shtojcës.

3. 安全 性
   Asnjëherë mos e modifikoni direkt skedarin e shabllonit të paracaktuar të një shtojce për të shmangur humbjen e përmbajtjes së personalizuar pas përditësimit të shtojcës.

Krijo një skedar shabllon të personalizuar

Më pas, duhet të krijojmë skedarin e shabllonit në shtegun e personalizuar.

Për shembull, ne krijojmë një skedar të quajtur jiawen.php skedar shabllon.

Shembull i skedarit të shabllonit

在 /wp-content/custom-templates/ drejtori, krijoni jiawen.php skedari dhe shtoni kodin e mëposhtëm:

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

Përshkrimi i skedarit të shabllonit

• $atts['class']: Na lejon të personalizojmë klasat CSS dhe të dizajnojmë stile unike për shabllonet.
• Miniatura dhe titulli i artikullit: Shfaq miniaturën dhe titullin e artikullit dhe lidhjen me faqen e detajeve të artikullit.
• 安全 性:përdor defined('ABSPATH') || exit; Sigurohuni që skedarët e shabllonit nuk mund të aksesohen drejtpërdrejt.

Pas krijimit të shabllonit, ne mund ta quajmë atë përmes një kodi të shkurtër në një artikull ose faqe.

Shembull i kodit të shkurtër

Shtoni kodin e shkurtër të mëposhtëm në postimin ose faqen tuaj:

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

[] përdoret në kodin e shkurtër të mësipërm për të parandaluar ikjen e kodit të shkurtër në artikull Në përdorimin aktual, simboli [] duhet të ndryshohet në standardin [].

Përshkrimi i parametrit të kodit të shkurtër

1. template="jiawen.php"
   Specifikoni emrin e skedarit të shabllonit të personalizuar, shtegu është në lidhje me /wp-content/ 的.

2. posts_per_page="10"
10Duke shfaqur 10 artikuj;
   -1Shfaqni të gjithë artikujt, por nuk rekomandohet të vendosnie pakufizuarNëse ka shumë artikuj, faqja e internetit mund të prishet sepse nuk mund të ngarkojë të gjithë artikujt.

3. ignore_sticky_posts="yes"
   Injoroni artikujt e gozhduar.

4. id="32277,30806"
   Shfaqni vetëm artikuj me ID-në e specifikuar. Dy ID artikujsh janë specifikuar këtu, 32277 dhe 30806. Do të shfaqen vetëm artikujt që korrespondojnë me këto dy ID.

总结

• Shtegu i personalizuar i shabllonit: Zgjero shtegun e paracaktuar përmes filtrave për të shmangur humbjen e shablloneve në përditësimet e shtojcave.
• Krijo skedar shabllon: Kontrolloni paraqitjen dhe përmbajtjen e listës së artikujve përmes kodit PHP.
• Skedari i shabllonit të thirrjes: Thirrja fleksibël arrihet përmes parametrave të kodit të shkurtër.

Aftësia për të personalizuar shtigjet e shabllonit përmirëson shumë fleksibilitetin e shtojcës Shortcodes Ultimate.

Në këtë mënyrë ne kemi kontroll të plotë mbi mënyrën se si shfaqet lista jonë e artikujve.

Kjo qasje është veçanërisht e rëndësishme kur na duhet të arrijmë dizajne të ndryshme në faqe të ndryshme.

Nëse doni ta bëni faqen tuaj të WordPress më të personalizuar, provojeni!