WordPress Shortcodes Ultimate eklentisi için özel şablon yol kodunun ayrıntılı açıklaması

Bu giriş, serideki 21 parçanın 21'inci bölümüdür. WordPress web sitesi oluşturma eğitimi
  1. WordPress'in anlamı nedir?Ne yapıyorsun?Bir web sitesi ne yapabilir?
  2. Kişisel/şirket web sitesi oluşturmanın maliyeti nedir?Bir işletme web sitesi oluşturma maliyeti
  3. Doğru alan adı nasıl seçilir?Web Sitesi Yapımı Alan Adı Tescil Önerileri & İlkeleri
  4. NameSiloAlan Adı Kaydı Eğitimi (Size $1 Gönderin NameSiloPromosyon kodu)
  5. Bir web sitesi oluşturmak için hangi yazılıma ihtiyaç vardır?Kendi web sitenizi yapmak için gereksinimler nelerdir?
  6. NameSiloEtki Alanı Adı NS'yi Bluehost/SiteGround Eğitimine Çözümleyin
  7. WordPress manuel olarak nasıl oluşturulur? WordPress Kurulum Eğitimi
  8. WordPress arka ucuna nasıl giriş yapılır? WP arka plan giriş adresi
  9. WordPress nasıl kullanılır? WordPress arka planı genel ayarları ve Çince Başlık
  10. WordPress'te dil ayarları nasıl değiştirilir?Çince/İngilizce ayar yöntemini değiştir
  11. WordPress Kategori Dizini Nasıl Oluşturulur? WP Kategori Yönetimi
  12. WordPress makaleleri nasıl yayınlar?Kendi kendine yayınlanan makaleler için düzenleme seçenekleri
  13. WordPress'te yeni bir sayfa nasıl oluşturulur?Sayfa kurulumu ekle/düzenle
  14. WordPress menüleri nasıl ekler?Gezinme çubuğu görüntüleme seçeneklerini özelleştirin
  15. WordPress teması nedir?WordPress şablonları nasıl kurulur?
  16. FTP, zip dosyalarını çevrimiçi olarak nasıl açarım? PHP çevrimiçi dekompresyon programı indir
  17. FTP aracı bağlantı zaman aşımı başarısız oldu WordPress sunucuya bağlanacak şekilde nasıl yapılandırılır?
  18. WordPress eklentisi nasıl kurulur? WordPress Eklentisi Yüklemenin 3 Yolu - wikiHow
  19. BlueHost barındırmaya ne dersiniz?En Son BlueHost ABD Promosyon Kodları/Kuponları
  20. Bluehost, WordPress'i tek tıklamayla otomatik olarak nasıl kurar? BH web sitesi oluşturma eğitimi
  21. WordPress Shortcodes Ultimate eklentisi için özel şablon yol kodunun ayrıntılı açıklaması

Shortcodes Ultimate eklentisinde benzersiz bir şablon yolunu nasıl özelleştireceğinizi hiç merak ettiniz mi?

WordPress ile oynayan teknik ustaları kıskanmaya gerek yok, çünkü şimdi sizi bunun arkasındaki sırrı ortaya çıkarmaya götüreceğim!

Haydi, doğrudan asıl konuya geçelim ve bunu adım adım yapalım!

Shortcodes Ultimate eklentisi nedir?

Shortcodes Ultimate, WordPress'teki en popüler eklentilerden biridir. Kısa kodlar aracılığıyla düğmeler, resim karuselleri, makale listeleri vb. oluşturma gibi çeşitli işlevleri kolayca uygulayabilir.

Daha da iyisi, içeriği daha esnek bir şekilde görüntülemek için şablon yolunu özelleştirebiliriz.

Özel şablon yolu nasıl eklenir?

Önce en kritik adıma bakalım: özel bir şablon yolu ekleme.

Bu kişiselleştirilmiş sunuma doğru ilk adımdır!

WordPress Shortcodes Ultimate eklentisi için özel şablon yol kodunun ayrıntılı açıklaması

kod örneği

senin konunda functions.php Dosyaya veya özel eklentiye aşağıdaki kodu ekleyin:

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

        return $locations;
    },
    10,
    1
);

ayrıştırma kodu

  1. filtre su/shortcode/posts/allowed_template_locations
    Bu filtre, Shortcodes Ultimate'ın varsayılan şablon yollarını genişletmemize olanak tanır.

  2. özel yol /wp-content/custom-templates/
    Şablonu saklıyoruz /wp-content/custom-templates/ Eklentiyi güncellerken kaybolmaması için dizini.

  3. 安全 性
    Eklenti güncellendikten sonra özel içeriğin kaybolmasını önlemek için eklentinin varsayılan şablon dosyasını asla doğrudan değiştirmeyin.

Özel bir şablon dosyası oluşturun

Daha sonra şablon dosyasını özel yolda oluşturmamız gerekiyor.

Örneğin, adında bir dosya oluşturuyoruz. jiawen.php şablon dosyası.

Şablon dosyası örneği

/wp-content/custom-templates/ dizin, oluştur jiawen.php dosyalayın ve aşağıdaki kodu ekleyin:

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

Şablon dosyası açıklaması

  • $atts['class']: CSS sınıflarını özelleştirmemize ve şablonlar için benzersiz stiller tasarlamamıza olanak tanır.
  • Makale küçük resmi ve başlığı: Makalenin küçük resmini ve başlığını görüntüleyin ve makale ayrıntıları sayfasına bağlantı verin.
  • 安全 性:kullanmak defined('ABSPATH') || exit; Şablon dosyalarına doğrudan erişilemediğinden emin olun.

Şablonu oluşturduktan sonra bir makale veya sayfadaki kısa kod aracılığıyla çağırabiliriz.

Kısa kod örneği

Gönderinize veya sayfanıza aşağıdaki kısa kodu ekleyin:

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

[], makaledeki kısa kodun kaçmasını önlemek için yukarıdaki kısa kodda kullanılmıştır. Gerçek kullanımda, [] sembolünün standart [] olarak değiştirilmesi gerekir.

Kısa kod parametresi açıklaması

  1. template="jiawen.php"
    Özel şablon dosyasının adını belirtin; yol şuna göredir: /wp-content/ 的.

  2. posts_per_page="10"
    1010 makale gösteriliyor;
    -1Tüm makaleleri görüntüle, ancak ayarlanması önerilmezsınırsızÇok fazla makale olması durumunda, tüm makaleler yüklenemediğinden web sitesi çökebilir.

  3. ignore_sticky_posts="yes"
    Sabitlenmiş makaleleri dikkate almayın.

  4. id="32277,30806"
    Yalnızca belirtilen kimliğe sahip makaleleri görüntüleyin. Burada iki makale kimliği belirtilmiştir: 32277 ve 30806. Yalnızca bu iki kimliğe karşılık gelen makaleler görüntülenecektir.

sonuç olarak

  • Özel şablon yolu: Eklenti güncellemelerinde şablonların kaybolmasını önlemek için filtreler arasındaki varsayılan yolu genişletin.
  • Şablon dosyası oluştur: Makale listesinin düzenini ve içeriğini PHP kodu aracılığıyla kontrol edin.
  • Çağrı şablonu dosyası: Kısa kod parametreleri aracılığıyla esnek arama.

Şablon yollarını özelleştirme yeteneği, Shortcodes Ultimate eklentisinin esnekliğini büyük ölçüde artırır.

Bu şekilde makale listemizin nasıl görüntüleneceği üzerinde tam kontrole sahip oluruz.

Bu yaklaşım özellikle farklı sayfalarda farklı tasarımlar elde etmemiz gerektiğinde önemlidir.

WordPress web sitenizi daha kişisel hale getirmek istiyorsanız bir deneyin!

Önceki

发表 评论

E-posta adresiniz yayımlanmayacaktır. 必填 项 已 用 * 标注

En gidin