Λεπτομερής επεξήγηση του κώδικα διαδρομής προσαρμοσμένου προτύπου για την προσθήκη WordPress Shortcodes Ultimate

Έχετε αναρωτηθεί ποτέ πώς να προσαρμόσετε μια μοναδική διαδρομή προτύπου στην προσθήκη Shortcodes Ultimate;

Δεν χρειάζεται να ζηλέψετε αυτούς τους τεχνικούς που παίζουν με το WordPress, γιατί τώρα θα σας πάω να αποκαλύψετε το μυστικό πίσω από αυτό!

Έλα, ας μπούμε κατευθείαν στο θέμα και ας το κάνουμε βήμα-βήμα!

Τι είναι το πρόσθετο Shortcodes Ultimate;

Το Shortcodes Ultimate είναι ένα από τα πιο δημοφιλή πρόσθετα στο WordPress. Μπορεί εύκολα να υλοποιήσει διάφορες λειτουργίες μέσω συντομεύσεων, όπως δημιουργία κουμπιών, καρουζέλ εικόνων, λίστες άρθρων κ.λπ.

Ακόμα καλύτερα, μπορούμε να προσαρμόσουμε τη διαδρομή του προτύπου για να εμφανίζεται το περιεχόμενο πιο ευέλικτα.

Πώς να προσθέσετε προσαρμοσμένη διαδρομή προτύπου;

Ας δούμε πρώτα το πιο κρίσιμο βήμα - την προσθήκη μιας προσαρμοσμένης διαδρομής προτύπου.

Αυτό είναι το πρώτο βήμα προς την εξατομικευμένη παρουσίαση!

παράδειγμα κώδικα

στο θέμα σου functions.php Προσθέστε τον ακόλουθο κώδικα στο αρχείο ή στην προσαρμοσμένη προσθήκη:

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

        return $locations;
    },
    10,
    1
);

αναλύστε τον κωδικό

1. φίλτρο su/shortcode/posts/allowed_template_locations
   Αυτό το φίλτρο μας επιτρέπει να επεκτείνουμε τις προεπιλεγμένες διαδρομές προτύπων του Shortcodes Ultimate.

2. προσαρμοσμένη διαδρομή /wp-content/custom-templates/
   Αποθηκεύουμε το πρότυπο σε /wp-content/custom-templates/ κατάλογο, ώστε να μην χαθεί κατά την ενημέρωση του πρόσθετου.

3. 安全 性
   Ποτέ μην τροποποιείτε απευθείας το προεπιλεγμένο αρχείο προτύπου μιας προσθήκης για να αποφύγετε την απώλεια προσαρμοσμένου περιεχομένου μετά την ενημέρωση της προσθήκης.

Δημιουργήστε ένα προσαρμοσμένο αρχείο προτύπου

Στη συνέχεια, πρέπει να δημιουργήσουμε το αρχείο προτύπου στην προσαρμοσμένη διαδρομή.

Για παράδειγμα, δημιουργούμε ένα αρχείο που ονομάζεται jiawen.php αρχείο προτύπου.

Παράδειγμα αρχείου προτύπου

σε /wp-content/custom-templates/ κατάλογος, δημιουργία jiawen.php αρχείο και προσθέστε τον ακόλουθο κώδικα:

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

Περιγραφή αρχείου προτύπου

• $atts['class']: Μας επιτρέπει να προσαρμόζουμε τάξεις CSS και να σχεδιάζουμε μοναδικά στυλ για πρότυπα.
• Μικρογραφία και τίτλος άρθρου: Εμφανίστε τη μικρογραφία και τον τίτλο του άρθρου και συνδέστε τη σελίδα λεπτομερειών του άρθρου.
• 安全 性:χρήση defined('ABSPATH') || exit; Βεβαιωθείτε ότι δεν είναι δυνατή η απευθείας πρόσβαση στα αρχεία προτύπων.

Μετά τη δημιουργία του προτύπου, μπορούμε να το καλέσουμε μέσω ενός σύντομου κώδικα σε ένα άρθρο ή σελίδα.

Παράδειγμα σύντομου κώδικα

Προσθέστε τον ακόλουθο σύντομο κωδικό στην ανάρτηση ή τη σελίδα σας:

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

Το [] χρησιμοποιείται στον παραπάνω σύντομο κώδικα για να αποτρέψει τη διαφυγή του συντομεύματος στο άρθρο Στην πραγματική χρήση, το σύμβολο [] πρέπει να αλλάξει στο τυπικό [].

Περιγραφή παραμέτρου σύντομου κώδικα

1. template="jiawen.php"
   Καθορίστε το όνομα του αρχείου προσαρμοσμένου προτύπου, η διαδρομή είναι σχετική /wp-content/ 的.

2. posts_per_page="10"
10Εμφάνιση 10 άρθρων.
   -1Εμφάνιση όλων των άρθρων, αλλά δεν συνιστάται η ορισμόςαπεριόριστοςΕάν υπάρχουν πάρα πολλά άρθρα, ο ιστότοπος ενδέχεται να παρουσιάσει σφάλμα επειδή δεν μπορεί να φορτώσει όλα τα άρθρα.

3. ignore_sticky_posts="yes"
   Αγνοήστε καρφιτσωμένα άρθρα.

4. id="32277,30806"
   Εμφάνιση μόνο άρθρων με το καθορισμένο αναγνωριστικό. Εδώ προσδιορίζονται δύο αναγνωριστικά άρθρου, 32277 και 30806. Θα εμφανίζονται μόνο άρθρα που αντιστοιχούν σε αυτά τα δύο αναγνωριστικά.

总结

• Προσαρμοσμένη διαδρομή προτύπου: Επεκτείνετε την προεπιλεγμένη διαδρομή μέσω φίλτρων για να αποφύγετε την απώλεια προτύπων στις ενημερώσεις των προσθηκών.
• Δημιουργία αρχείου προτύπου: Ελέγξτε τη διάταξη και το περιεχόμενο της λίστας άρθρων μέσω κώδικα PHP.
• Αρχείο προτύπου κλήσης: Ευέλικτη κλήση μέσω παραμέτρων σύντομου κωδικού.

Η δυνατότητα προσαρμογής των διαδρομών προτύπων βελτιώνει σημαντικά την ευελιξία της προσθήκης Shortcodes Ultimate.

Με αυτόν τον τρόπο έχουμε τον πλήρη έλεγχο του τρόπου εμφάνισης της λίστας άρθρων μας.

Αυτή η προσέγγιση είναι ιδιαίτερα σημαντική όταν χρειάζεται να επιτύχουμε διαφορετικά σχέδια σε διαφορετικές σελίδες.

Αν θέλετε να κάνετε τον ιστότοπό σας στο WordPress πιο εξατομικευμένο, δοκιμάστε το!