Gedetailleerde uitleg van aangepaste sjabloonpadcode voor de WordPress Shortcodes Ultimate-plug-in

Heeft u zich ooit afgevraagd hoe u een uniek sjabloonpad in de Shortcodes Ultimate-plug-in kunt aanpassen?

Je hoeft niet jaloers te zijn op de technische meesters die met WordPress spelen, want nu neem ik je mee om het geheim erachter te onthullen!

Kom op, laten we meteen ter zake komen en het stap voor stap doen!

Wat is de Shortcodes Ultimate-plug-in?

Shortcodes Ultimate is een van de meest populaire plug-ins in WordPress die eenvoudig verschillende functies kan implementeren via shortcodes, zoals het maken van knoppen, afbeeldingscarrousels, artikellijsten, enz...

Nog beter: we kunnen het sjabloonpad aanpassen om de inhoud flexibeler weer te geven.

Hoe kan ik een aangepast sjabloonpad toevoegen?

Laten we eerst eens kijken naar de meest cruciale stap: het toevoegen van een aangepast sjabloonpad.

Dit is de eerste stap naar een gepersonaliseerde presentatie!

codevoorbeeld

in je onderwerp functions.php Voeg de volgende code toe aan het bestand of de aangepaste plug-in:

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

        return $locations;
    },
    10,
    1
);

parseer code

1. filter su/shortcode/posts/allowed_template_locations
   Met dit filter kunnen we de standaardsjabloonpaden van Shortcodes Ultimate uitbreiden.

2. aangepast pad /wp-content/custom-templates/
   Wij slaan het sjabloon op /wp-content/custom-templates/ map, zodat deze niet verloren gaat bij het updaten van de plug-in.

3. 安全 性
   Wijzig nooit rechtstreeks het standaardsjabloonbestand van een plug-in om te voorkomen dat aangepaste inhoud verloren gaat nadat de plug-in is bijgewerkt.

Maak een aangepast sjabloonbestand

Vervolgens moeten we het sjabloonbestand in het aangepaste pad maken.

We maken bijvoorbeeld een bestand met de naam jiawen.php sjabloonbestand.

Voorbeeld van sjabloonbestand

在 /wp-content/custom-templates/ map, aanmaken jiawen.php bestand en voeg de volgende code toe:

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

Beschrijving sjabloonbestand

• $atts['class']: Hiermee kunnen we CSS-klassen aanpassen en unieke stijlen voor sjablonen ontwerpen.
• Miniatuur en titel van artikel: toon de miniatuur en titel van het artikel en link naar de pagina met artikeldetails.
• 安全 性:gebruik defined('ABSPATH') || exit; Zorg ervoor dat sjabloonbestanden niet rechtstreeks toegankelijk zijn.

Nadat we de sjabloon hebben gemaakt, kunnen we deze oproepen via een shortcode in een artikel of pagina.

Shortcode-voorbeeld

Voeg de volgende shortcode toe aan uw bericht of pagina:

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

[] wordt gebruikt in de bovenstaande shortcode om te voorkomen dat de shortcode in het artikel wordt geëscaped. Het symbool [] moet worden gewijzigd in de standaard [].

Beschrijving van shortcodeparameters

1. template="jiawen.php"
   Geef de naam op van het aangepaste sjabloonbestand, waarvan het pad relatief is /wp-content/ 的.

2. posts_per_page="10"
10Er worden 10 artikelen weergegeven;
   -1Alle artikelen weergeven, maar het is niet aan te raden om dit in te stellenonbeperktAls er te veel artikelen zijn, kan de website crashen omdat niet alle artikelen kunnen worden geladen.

3. ignore_sticky_posts="yes"
   Negeer vastgezette artikelen.

4. id="32277,30806"
   Toon alleen artikelen met het opgegeven ID. Hier worden twee artikel-ID's opgegeven, 32277 en 30806. Alleen artikelen die overeenkomen met deze twee ID's worden weergegeven.

overzicht

• Aangepast sjabloonpad: breid het standaardpad uit via filters om te voorkomen dat sjablonen verloren gaan bij plug-in-updates.
• Sjabloonbestand maken: Beheer de lay-out en inhoud van de artikellijst via PHP-code.
• Sjabloonbestand oproepen: Flexibel bellen via shortcodeparameters.

De mogelijkheid om sjabloonpaden aan te passen verbetert de flexibiliteit van de Shortcodes Ultimate-plug-in aanzienlijk.

Zo hebben wij volledige controle over hoe onze artikellijst wordt weergegeven.

Deze aanpak is vooral belangrijk wanneer we verschillende ontwerpen op verschillende pagina's moeten realiseren.

Als u uw WordPress-website persoonlijker wilt maken, probeer het dan eens!