Szczegółowe wyjaśnienie niestandardowego kodu ścieżki szablonu dla wtyczki WordPress Shortcodes Ultimate

Czy zastanawiałeś się kiedyś, jak dostosować unikalną ścieżkę szablonu we wtyczce Shortcodes Ultimate?

Nie musisz zazdroszczyć mistrzom techniki, którzy bawią się WordPressem, ponieważ teraz zabiorę cię, aby odkryć tajemnicę, która się za tym kryje!

No dalej, przejdźmy od razu do rzeczy i zróbmy to krok po kroku!

Co to jest wtyczka Shortcodes Ultimate?

Shortcodes Ultimate to jedna z najpopularniejszych wtyczek do WordPressa, która może z łatwością implementować różne funkcje za pomocą krótkich kodów, takie jak tworzenie przycisków, karuzel obrazów, list artykułów itp.

Co więcej, możemy dostosować ścieżkę szablonu, aby wyświetlać treści bardziej elastycznie.

Jak dodać niestandardową ścieżkę szablonu?

Przyjrzyjmy się najpierw najbardziej krytycznemu krokowi – dodaniu niestandardowej ścieżki szablonu.

To pierwszy krok w kierunku spersonalizowanej prezentacji!

przykład kodu

w swoim temacie functions.php Dodaj następujący kod do pliku lub niestandardowej wtyczki:

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

        return $locations;
    },
    10,
    1
);

analizuj kod

1. filtr su/shortcode/posts/allowed_template_locations
   Ten filtr pozwala nam rozszerzać domyślne ścieżki szablonów Shortcodes Ultimate.

2. niestandardowa ścieżka /wp-content/custom-templates/
   Przechowujemy szablon w /wp-content/custom-templates/ katalog, aby nie został utracony podczas aktualizacji wtyczki.

3. 安全 性
   Nigdy nie modyfikuj bezpośrednio domyślnego pliku szablonu wtyczki, aby uniknąć utraty niestandardowej zawartości po aktualizacji wtyczki.

Utwórz niestandardowy plik szablonu

Następnie musimy utworzyć plik szablonu w niestandardowej ścieżce.

Tworzymy na przykład plik o nazwie jiawen.php plik szablonu.

Przykład pliku szablonu

在 /wp-content/custom-templates/ katalog, utwórz jiawen.php plik i dodaj następujący kod:

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

Opis pliku szablonu

• $atts['class']: Pozwala nam dostosowywać klasy CSS i projektować unikalne style szablonów.
• Miniaturka i tytuł artykułu: wyświetla miniaturę i tytuł artykułu oraz łącze do strony ze szczegółami artykułu.
• 安全 性:używać defined('ABSPATH') || exit; Upewnij się, że nie można uzyskać bezpośredniego dostępu do plików szablonów.

Po stworzeniu szablonu możemy go wywołać poprzez shortcode w artykule lub stronie.

Przykład krótkiego kodu

Dodaj następujący krótki kod do swojego postu lub strony:

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

[] jest użyte w powyższym krótkim kodzie, aby zapobiec zmianie znaczenia krótkiego kodu w artykule. W rzeczywistym użyciu symbol [] należy zmienić na standardowy [].

Krótki opis parametru

1. template="jiawen.php"
   Określ nazwę niestandardowego pliku szablonu, do którego odnosi się ścieżka /wp-content/ z.

2. posts_per_page="10"
10Wyświetlanie 10 artykułów;
   -1Wyświetl wszystkie artykuły, ale nie zaleca się ustawiania无限Jeśli artykułów jest zbyt wiele, strona może się zawiesić, ponieważ nie będzie w stanie załadować wszystkich artykułów.

3. ignore_sticky_posts="yes"
   Ignoruj ​​przypięte artykuły.

4. id="32277,30806"
   Wyświetlaj tylko artykuły o określonym identyfikatorze. Określono tutaj dwa identyfikatory artykułów: 32277 i 30806. Wyświetlone zostaną tylko artykuły odpowiadające tym dwóm identyfikatorom.

podsumowując

• Niestandardowa ścieżka szablonu: rozwiń domyślną ścieżkę poprzez filtry, aby uniknąć utraty szablonów podczas aktualizacji wtyczek.
• Utwórz plik szablonu: Kontroluj układ i zawartość listy artykułów za pomocą kodu PHP.
• Wywołaj plik szablonu: Elastyczne wywoływanie poprzez parametry krótkiego kodu.

Możliwość dostosowywania ścieżek szablonów znacznie zwiększa elastyczność wtyczki Shortcodes Ultimate.

Dzięki temu mamy pełną kontrolę nad sposobem wyświetlania naszej listy artykułów.

Takie podejście jest szczególnie ważne, gdy potrzebujemy uzyskać różnorodne projekty na różnych stronach.

Jeśli chcesz, aby Twoja witryna WordPress była bardziej spersonalizowana, spróbuj!