Gedetailleerde verduideliking van pasgemaakte sjabloonpadkode vir WordPress Shortcodes Ultimate-inprop

Het jy al ooit gewonder hoe om 'n unieke sjabloonpad in die Shortcodes Ultimate-inprop aan te pas?

Jy hoef nie daardie tegniese meesters wat met WordPress speel, te beny nie, want nou sal ek jou neem om die geheim daaragter te openbaar!

Kom ons kom reguit tot die punt en doen dit stap vir stap!

Wat is die Shortcodes Ultimate-inprop?

Shortcodes Ultimate is een van die gewildste plugins in WordPress Dit kan maklik verskeie funksies implementeer deur kortkodes, soos die skep van knoppies, beeldkarrousels, artikellyste, ens.

Nog beter, ons kan die sjabloonpad aanpas om inhoud meer buigsaam te vertoon.

Hoe om pasgemaakte sjabloonpad by te voeg?

Kom ons kyk eers na die mees kritieke stap - die byvoeging van 'n pasgemaakte sjabloonpad.

Dit is die eerste stap na persoonlike aanbieding!

kode voorbeeld

in jou onderwerp functions.php Voeg die volgende kode by die lêer of pasgemaakte inprop:

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

        return $locations;
    },
    10,
    1
);

kode ontleed

1. filter su/shortcode/posts/allowed_template_locations
   Hierdie filter stel ons in staat om Shortcodes Ultimate se verstek sjabloonpaaie uit te brei.

2. Pasgemaakte pad /wp-content/custom-templates/
   Ons stoor die sjabloon in /wp-content/custom-templates/ gids sodat dit nie verlore gaan wanneer die inprop opgedateer word nie.

3. 安全 性
   Moet nooit 'n inprop se verstek sjabloonlêer direk verander om te verhoed dat persoonlike inhoud verloor word nadat die inprop opgedateer is nie.

Skep 'n pasgemaakte sjabloonlêer

Vervolgens moet ons die sjabloonlêer in die pasgemaakte pad skep.

Byvoorbeeld, ons skep 'n lêer genaamd jiawen.php sjabloon lêer.

Sjabloon lêer voorbeeld

在 /wp-content/custom-templates/ gids, skep jiawen.php lêer en voeg die volgende kode by:

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

Sjabloon lêer beskrywing

• $atts['class']: Laat ons toe om CSS-klasse aan te pas en unieke style vir sjablone te ontwerp.
• Artikel-kleinkiekie en titel: Vertoon die duimnael en titel van die artikel en skakel na die artikelbesonderhedebladsy.
• 安全 性:gebruik defined('ABSPATH') || exit; Maak seker dat sjabloonlêers nie direk toeganklik is nie.

Nadat ons die sjabloon geskep het, kan ons dit deur 'n kortkode in 'n artikel of bladsy noem.

Kortkode voorbeeld

Voeg die volgende kortkode by jou plasing of bladsy:

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

[] word in die kortkode hierbo gebruik om te verhoed dat die kortkode in die artikel ontsnap In werklike gebruik moet die simbool [] verander word na die standaard [].

Kortkode parameter beskrywing

1. template="jiawen.php"
   Spesifiseer die naam van die pasgemaakte sjabloonlêer, die pad is relatief tot /wp-content/ 的.

2. posts_per_page="10"
10Wys 10 artikels;
   -1Vertoon alle artikels, maar dit word nie aanbeveel om te stel nieonbeperkAs daar te veel artikels is, kan die webwerf ineenstort omdat dit nie al die artikels kan laai nie.

3. ignore_sticky_posts="yes"
   Ignoreer vasgespelde artikels.

4. id="32277,30806"
   Vertoon slegs artikels met die gespesifiseerde ID. Twee artikel-ID's word hier gespesifiseer, 32277 en 30806. Slegs artikels wat ooreenstem met hierdie twee ID's sal vertoon word.

opsomming

• Pasgemaakte sjabloonpad: Brei die verstekpad uit deur filters om te verhoed dat sjablone in inpropopdaterings verloor word.
• Skep sjabloonlêer: Beheer die uitleg en inhoud van die artikellys deur PHP-kode.
• Bel sjabloon lêer: Buigsame oproepe word bereik deur kortkode-parameters.

Die vermoë om sjabloonpaaie aan te pas, verbeter die buigsaamheid van die Shortcodes Ultimate-inprop aansienlik.

Op hierdie manier het ons volle beheer oor hoe ons artikellys vertoon word.

Hierdie benadering is veral belangrik wanneer ons uiteenlopende ontwerpe op verskillende bladsye moet bereik.

As jy jou WordPress-webwerf meer persoonlik wil maak, probeer dit!