Детално објаснување за кодот на патеката за прилагоден шаблон за приклучокот 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"
   Прикажувајте ги само статиите со наведеното ID. Овде се наведени два идентификатори на статии, 32277 и 30806. Ќе бидат прикажани само написи што одговараат на овие два ID.

да сумираме

• Прилагодена патека на шаблонот: проширете ја стандардната патека низ филтрите за да избегнете губење на шаблоните во ажурирањата на приклучокот.
• Креирајте датотека со шаблон: Контролирајте го изгледот и содржината на списокот со статии преку PHP код.
• Датотека со шаблон за повици: Флексибилното повикување се постигнува преку параметрите на кратки кодови.

Способноста за прилагодување на патеките на шаблоните значително ја подобрува флексибилноста на приклучокот Shortcodes Ultimate.

На овој начин имаме целосна контрола врз тоа како се прикажува нашата листа на статии.

Овој пристап е особено важен кога треба да постигнеме различни дизајни на различни страници.

Ако сакате да ја направите вашата веб-страница на WordPress поперсонализирана, пробајте ја!