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"
1010개의 기사를 보여줍니다.
   -1모든 기사를 표시하지만 설정하는 것은 권장되지 않습니다.无限기사가 너무 많으면 모든 기사를 로드할 수 없어 웹사이트가 다운될 수 있습니다.

3. ignore_sticky_posts="yes"
   고정된 글은 무시하세요.

4. id="32277,30806"
   지정된 ID를 가진 기사만 표시합니다. 여기에는 두 개의 기사 ID(32277 및 30806)가 지정되어 있습니다. 이 두 ID에 해당하는 기사만 표시됩니다.

요약

• 맞춤 템플릿 경로: 플러그인 업데이트 시 템플릿 손실을 방지하려면 필터를 통해 기본 경로를 확장하세요.
• 템플릿 파일 생성: PHP 코드를 통해 기사 목록의 레이아웃과 내용을 제어합니다.
• 통화 템플릿 파일: 단축번호 매개변수를 통한 유연한 통화.

템플릿 경로를 사용자 정의하는 기능은 Shortcodes Ultimate 플러그인의 유연성을 크게 향상시킵니다.

이렇게 하면 기사 목록이 표시되는 방식을 완전히 제어할 수 있습니다.

이 접근 방식은 다양한 페이지에서 다양한 디자인을 구현해야 할 때 특히 중요합니다.

WordPress 웹사이트를 더욱 개인화하고 싶다면 시도해 보세요!