Yksityiskohtainen kuvaus mukautetun mallin polkukoodista WordPress Shortcodes Ultimate -laajennuksessa

Tämä merkintä on osa 21/21 sarjassa WordPress-sivuston rakentamisen opetusohjelma
  1. Mitä WordPress tarkoittaa?Mitä sinä teet?Mitä verkkosivusto voi tehdä?
  2. Kuinka paljon henkilökohtaisen/yrityksen verkkosivuston rakentaminen maksaa?Yrityksen verkkosivuston rakentamisen kustannukset
  3. Kuinka valita oikea verkkotunnus?Verkkosivuston rakentaminen Verkkotunnusten rekisteröintisuositukset ja -periaatteet
  4. NameSiloVerkkotunnuksen rekisteröinnin opetusohjelma (lähetä sinulle 1 dollari NameSiloTarjouskoodi)
  5. Mitä ohjelmistoja tarvitaan verkkosivuston rakentamiseen?Mitä vaatimuksia oman verkkosivustosi tekemiselle on?
  6. NameSiloRatkaise Domain Name NS Bluehost/SiteGround Tutorialille
  7. Kuinka rakentaa WordPress manuaalisesti? WordPressin asennusohje
  8. Kuinka kirjautua sisään WordPress-taustajärjestelmään? WP-taustakirjautumisosoite
  9. Kuinka käyttää WordPressiä? WordPress-taustan yleisasetukset ja kiinalainen otsikko
  10. Kuinka muuttaa kieliasetuksia WordPressissä?Muuta kiinan/englannin asetustapaa
  11. Kuinka luoda WordPress-luokkahakemisto? WP-kategorian hallinta
  12. Miten WordPress julkaisee artikkeleita?Muokkausvaihtoehdot itse julkaistuille artikkeleille
  13. Kuinka luoda uusi sivu WordPressissä?Lisää/muokkaa sivun asetuksia
  14. Miten WordPress lisää valikkoja?Mukauta navigointipalkin näyttöasetuksia
  15. Mikä on WordPress-teema?Kuinka asentaa WordPress-malleja?
  16. FTP kuinka purkaa zip-tiedostoja verkossa? PHP online-purkuohjelman lataus
  17. FTP-työkalun yhteyden aikakatkaisu epäonnistui Miten WordPress määritetään muodostamaan yhteys palvelimeen?
  18. Kuinka asentaa WordPress-laajennus? 3 tapaa asentaa WordPress-laajennus - wikiHow
  19. Entä BlueHost-isännöinti?Uusimmat BlueHost USA -tarjouskoodit/kupongit
  20. Kuinka Bluehost asentaa WordPressin automaattisesti yhdellä napsautuksella? BH:n verkkosivuston rakentamisen opetusohjelma
  21. WordPress Yksityiskohtainen selitys Shortcodes Ultimate -laajennuksen mukautetun mallin polkukoodista

Oletko koskaan miettinyt, kuinka voit mukauttaa ainutlaatuisen mallipolun Shortcodes Ultimate -laajennuksessa?

Ei tarvitse kadehtia niitä teknisiä mestareita, jotka pelaavat WordPressillä, sillä nyt otan sinut paljastamaan salaisuuden sen takana!

Tule, mennään suoraan asiaan ja tehdään se askel askeleelta!

Mikä on Shortcodes Ultimate -laajennus?

Shortcodes Ultimate on yksi WordPressin suosituimmista laajennuksista. Se voi helposti toteuttaa erilaisia ​​toimintoja lyhytkoodien avulla, kuten luoda painikkeita, kuvakaruselleja, artikkeliluetteloita jne.

Vielä parempi, voimme mukauttaa mallin polun näyttämään sisältöä joustavammin.

Kuinka lisätä mukautetun mallin polku?

Katsotaanpa ensin kriittisintä vaihetta – mukautetun mallipolun lisäämistä.

Tämä on ensimmäinen askel kohti yksilöllistä esitystä!

Yksityiskohtainen kuvaus mukautetun mallin polkukoodista WordPress Shortcodes Ultimate -laajennuksessa

koodiesimerkki

aiheessasi functions.php Lisää seuraava koodi tiedostoon tai mukautettuun liitännäiseen:

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

        return $locations;
    },
    10,
    1
);

jäsentää koodia

  1. suodatin su/shortcode/posts/allowed_template_locations
    Tämän suodattimen avulla voimme laajentaa Shortcodes Ultimaten oletusmallipolkuja.

  2. mukautettu polku /wp-content/custom-templates/
    Tallennamme mallin sisään /wp-content/custom-templates/ hakemistoon, jotta se ei katoa laajennusta päivitettäessä.

  3. 安全 性
    Älä koskaan muokkaa laajennuksen oletusmallitiedostoa suoraan, jotta et menetä mukautettua sisältöä laajennuksen päivityksen jälkeen.

Luo mukautettu mallitiedosto

Seuraavaksi meidän on luotava mallitiedosto mukautetussa polussa.

Luomme esimerkiksi tiedoston nimeltä jiawen.php mallitiedosto.

Mallitiedosto esimerkki

/wp-content/custom-templates/ hakemisto, luo jiawen.php tiedosto ja lisää seuraava koodi:

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

Mallitiedoston kuvaus

  • $atts['class']: Mahdollistaa CSS-luokkien mukauttamisen ja ainutlaatuisten tyylien suunnittelun malleille.
  • Artikkelin pikkukuva ja otsikko: Näytä artikkelin pikkukuva ja otsikko sekä linkki artikkelin tietosivulle.
  • 安全 性:käyttää defined('ABSPATH') || exit; Varmista, ettei mallitiedostoihin pääse suoraan käsiksi.

Mallin luomisen jälkeen voimme kutsua sitä artikkelissa tai sivulla olevan lyhytkoodin kautta.

Esimerkki lyhytkoodista

Lisää seuraava lyhytkoodi viestiisi tai sivullesi:

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

[] käytetään yllä olevassa lyhytkoodissa estämään artikkelin lyhytkoodin poisto Varsinaisessa käytössä symboli [] on muutettava standardiksi [].

Lyhytkoodiparametrin kuvaus

  1. template="jiawen.php"
    Määritä mukautetun mallitiedoston nimi, polku on suhteellinen /wp-content/ 的.

  2. posts_per_page="10"
    10Näytetään 10 artikkelia;
    -1Näytä kaikki artikkelit, mutta sen asettamista ei suositellarajoittamatonJos artikkeleita on liikaa, verkkosivusto saattaa kaatua, koska se ei pysty lataamaan kaikkia artikkeleita.

  3. ignore_sticky_posts="yes"
    Ohita kiinnitetyt artikkelit.

  4. id="32277,30806"
    Näytä vain artikkelit, joilla on määritetty tunnus. Tässä on määritetty kaksi artikkelitunnusta, 32277 ja 30806. Vain näitä kahta tunnusta vastaavat artikkelit näytetään.

yhteenveto

  • Mukautetun mallin polku: Laajenna oletuspolkua suodattimien läpi, jotta et menetä malleja laajennuspäivityksissä.
  • Luo mallitiedosto: Hallitse artikkeliluettelon asettelua ja sisältöä PHP-koodin avulla.
  • Kutsumallitiedosto: Joustava soittaminen saavutetaan lyhytkoodiparametreilla.

Mahdollisuus mukauttaa mallipolkuja parantaa huomattavasti Shortcodes Ultimate -laajennuksen joustavuutta.

Tällä tavalla voimme täysin hallita artikkeliluettelomme näyttöä.

Tämä lähestymistapa on erityisen tärkeä, kun haluamme saada aikaan erilaisia ​​malleja eri sivuilla.

Jos haluat tehdä WordPress-verkkosivustostasi henkilökohtaisemman, kokeile sitä!

Edellinen

发表 评论

Sähköpostiosoitettasi ei julkaista. 必填 项 已 用 * 标注

Siirry alkuun