Detaljno objašnjenje koda staze prilagođenog predloška za dodatak WordPress Shortcodes Ultimate

Jeste li se ikada zapitali kako prilagoditi jedinstveni put predloška u dodatku Shortcodes Ultimate?

Nema više potrebe zavidjeti onim tehnološkim guruima koji su majstori WordPressa, jer ću vam otkriti tajne koje stoje iza svega toga!

Hajde, prijeđimo odmah na stvar i učinimo to korak po korak!

Što je dodatak Shortcodes Ultimate?

Shortcodes Ultimate jedan je od najpopularnijih dodataka u WordPressu. Može jednostavno implementirati razne funkcije putem kratkih kodova, poput stvaranja gumba, karusela slika, popisa članaka itd.

Još bolje, možemo prilagoditi putanju predloška za fleksibilniji prikaz sadržaja.

Kako dodati stazu prilagođenog predloška?

Pogledajmo najprije najkritičniji korak – dodavanje putanje prilagođenog predloška.

Ovo je prvi korak prema personaliziranoj prezentaciji!

primjer koda

u tvojoj temi functions.php Dodajte sljedeći kod u datoteku ili prilagođeni dodatak:

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

        return $locations;
    },
    10,
    1
);

raščlaniti kod

1. filter su/shortcode/posts/allowed_template_locations
   Ovaj nam filtar omogućuje proširenje zadanih putanja predložaka Shortcodes Ultimate.

2. prilagođeni put /wp-content/custom-templates/
   Predložak spremamo u /wp-content/custom-templates/ direktorij kako se ne bi izgubio prilikom ažuriranja dodatka.

3. 安全 性
   Nikada nemojte izravno mijenjati zadanu datoteku predloška dodatka kako biste izbjegli gubitak prilagođenog sadržaja nakon ažuriranja dodatka.

Stvorite prilagođenu datoteku predloška

Zatim moramo stvoriti datoteku predloška u prilagođenoj stazi.

Na primjer, kreiramo datoteku pod nazivom jiawen.php datoteku predloška.

Primjer datoteke predloška

在 /wp-content/custom-templates/ imenik, stvoriti jiawen.php datoteku i dodajte sljedeći 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 datoteke predloška

• $atts['class']: Omogućuje nam da prilagodimo CSS klase i dizajniramo jedinstvene stilove za predloške.
• Sličica i naslov članka: Prikažite sličicu i naslov članka i poveznicu na stranicu s pojedinostima o članku.
• 安全 性:koristiti defined('ABSPATH') || exit; Uvjerite se da se datotekama predložaka ne može izravno pristupiti.

Nakon izrade predloška, ​​možemo ga pozvati preko kratkog koda u članku ili stranici.

Primjer kratkog koda

Svojoj objavi ili stranici dodajte sljedeći kratki kod:

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

[] se koristi u gornjem kratkom kodu kako bi se spriječilo izbjegavanje kratkog koda u članku. U stvarnoj upotrebi, simbol [] treba promijeniti u standardni [].

Opis parametra kratkog koda

1. template="jiawen.php"
   Navedite naziv datoteke prilagođenog predloška, ​​a put je relativan /wp-content/ od.

2. posts_per_page="10"
10Prikazujem 10 članaka;
   -1Prikaži sve članke, ali se ne preporučuje postavljanjeneograničenAko ima previše članaka, web mjesto se može srušiti jer ne može učitati sve članke.

3. ignore_sticky_posts="yes"
   Ignorirajte prikvačene članke.

4. id="32277,30806"
   Prikaži samo članke s navedenim ID-om. Ovdje su navedena dva ID-a članka, 32277 i 30806. Bit će prikazani samo članci koji odgovaraju ova dva ID-a.

总结

• Prilagođeni put predloška: Proširite zadani put kroz filtre kako biste izbjegli gubitak predložaka u ažuriranjima dodataka.
• Stvorite datoteku predloška: Kontrolirajte izgled i sadržaj popisa članaka putem PHP koda.
• Datoteka predloška poziva: Fleksibilno pozivanje putem parametara kratkog koda.

Mogućnost prilagodbe staza predložaka uvelike poboljšava fleksibilnost dodatka Shortcodes Ultimate.

Na taj način imamo punu kontrolu nad načinom na koji se prikazuje naš popis članaka.

Ovaj pristup je posebno važan kada trebamo postići različite dizajne na različitim stranicama.

Ako želite svoju WordPress web stranicu učiniti personaliziranijom, pokušajte!