WebTrSite.com

WordPress kısa kod ekleme: Kolay ve hızlı yöntemler

Image by Freepik

WordPress kısa kodlar, web sitenize işlevsellik ve içerik eklemek için kullanışlı bir araçtır. Ancak, kısa kodların nasıl ekleneceğini bilmek, özellikle yeni başlayanlar için zor olabilir. Bu blog yazısında, WordPress kısa kod eklemenin iki kolay ve hızlı yolunu anlatacağız.

Bu yazının içeriği: Kapat

    WordPress kısa kodlar, web sitenize işlevsellik ve içerik eklemek için kullanışlı bir araçtır. Sosyal medya butonları, iletişim formları, blog haberleri ve daha fazlasını eklemek için kullanılabilirler.

    Kısa kodların nasıl ekleneceğini öğrenmek, özellikle yeni başlayanlar için zor olabilir. Bu blog yazısında, WordPress kısa kod eklemenin iki kolay ve hızlı yolunu anlatacağız.

    İlk yöntem, kısa kodları doğrudan WordPress editörüne eklemektir. Bunu yapmak için, kısa kodu eklemek istediğiniz yere imleci yerleştirin ve ardından kısa kodun kodunu yazın. Örneğin, bir sosyal medya butonu eklemek için aşağıdaki kodu kullanabilirsiniz:

    [social-media-buttons]

    Bu kod, web sitenizdeki tüm sosyal medya hesaplarınızı görüntüler.

    İkinci yöntem, kısa kodları WordPress eklentileri aracılığıyla eklemektir. Bu yöntem, kısa kodların nasıl ekleneceğini öğrenmek için daha hızlı ve kolay bir yoldur. WordPress'te birçok ücretsiz ve ücretli kısa kod eklentisi mevcuttur. Bu eklentilerden bazıları, sosyal medya butonları, iletişim formları, blog haberleri ve daha fazlasını eklemek için özel kısa kodlar sağlar.

    Hangi yöntemi seçerseniz seçin, WordPress kısa kodlar, web sitenizi daha işlevsel ve çekici hale getirmenin harika bir yoludur.

    WordPress Kısa Kod Nedir?

    WordPress kısa kodlar, WordPress web sitenize veya blogunuza dinamik içerik eklemenizi sağlayan küçük kod parçacıklarıdır. Kısa kodlar, kodlama bilgisine sahip olmadan bile, web sitenize çeşitli özellikler eklemenin kolay bir yoludur.

    Kısa kodlar, genellikle adlarından sonra köşeli parantezlerle ([]) çevrili bir kısa kod adı olarak yazılır. Kısa kod adı, kısa kodun ne yaptığını tanımlayan bir kelime veya kelime öbeğidir. Örneğin, [contact-form] kısa kodu, web sitenize bir iletişim formu eklemek için kullanılan bir kısa koddur.

    Kısa kodlar, temel olarak WordPress'in Shortcode API'si tarafından işlenir. Shortcode API, geliştiricilerin kendi kısa kodlarını oluşturmasına ve WordPress ile uyumlu hale getirmesine olanak tanır.

    WordPress'te yerleşik olarak birçok kısa kod mevcuttur. Örneğin, [post-thumbnail] kısa kodu, bir gönderinin öne çıkan görselini görüntülemek için kullanılır. [gallery] kısa kodu, bir resim galerisi görüntülemek için kullanılır. [video] kısa kodu, bir video görüntülemek için kullanılır.

    Ek olarak, birçok WordPress eklentisi ve teması, kendi özel kısa kodlarını sağlar. Örneğin, bir eklenti, bir sosyal medya paylaşım düğmeleri dizisi eklemek için bir kısa kod sağlayabilir. Bir tema, bir kenar çubuğu widget'ına özel bir içerik eklemek için bir kısa kod sağlayabilir.

    WordPress kısa kodları, web sitenize veya blogunuza çeşitli özellikler eklemenin kolay ve kullanışlı bir yoludur. Kodlama bilgisine sahip olmadan bile, web sitenizi daha ilgi çekici ve işlevsel hale getirmek için kısa kodları kullanabilirsiniz.

    İşte WordPress kısa kodlarını kullanmanın bazı avantajları:

    • Kodlama bilgisi gerektirmez: Kısa kodlar, kodlama bilgisine sahip olmadan bile web sitenize veya blogunuza dinamik içerik eklemenizi sağlar.
    • Kullanımı kolaydır: Kısa kodlar, WordPress yazı düzenleyicisinde kolayca kullanılabilir.
    • Esnektir: Kısa kodlar, özelleştirilebilir seçeneklerle gelir, böylece web sitenize veya blogunuza tam olarak istediğiniz içeriği ekleyebilirsiniz.

    WordPress kısa kodları hakkında daha fazla bilgi edinmek için, WordPress belgelerini veya WordPress topluluğunu ziyaret edebilirsiniz.

    WordPress'un Sunmuş Olduğu Hazır Kısa Kodlar

    WordPress, içeriğinizi zenginleştirmek için bir dizi önceden tanımlanmış kısa koda sahiptir. Bu hazır kısa kodlar, içeriğinize hızlıca özellikler eklemenize olanak tanır:

    • [caption]: Görsellerden bağımsız herhangi bir içeriğin etrafına altyazı eklemenizi sağlar.
    • [gallery]: Düzenli ve şık bir resim galerisi oluşturmanıza yardımcı olur.
    • [audio]: Kendi sitenizde veya dış bir sunucuda barındırılan ses dosyalarını kolayca eklemenize olanak sağlar.
    • [video]: Videoları yayınlarınıza veya sayfalarınıza entegre etmeyi basitleştirir.
    • [playlist]: Favori parçalarınızı veya videolarınızın koleksiyonunu sergilemek için kullanılır.
    • [embed]: Çeşitli gömülü öğeleri, tweet'lerden YouTube videolarına ve Google Haritalar'a kadar sarmanıza olanak sağlar.

    Hazır kısa kodlar elbette faydalıdır, ancak gerçek büyü, kendi özel kısa kodlarınızı eklemeye başladığınızda ortaya çıkar. Ancak bu adıma geçmeden önce, WordPress yazılarınıza ve sayfalarınıza kısa kod nasıl eklenir, bunu öğrenelim.

    WordPress'te Gönderilere Kısa Kod Ekleme

    WordPress'te kısa kodları gönderi veya sayfa içeriğine eklemek oldukça basittir. Bunun için yapmanız gereken adımlar şunlardır:

    Gutenberg Editörü:
    Gutenberg editörü, kısa kodları eklemek için özel bir blok sunar. Sol üst köşede bulunan (+) işaretine tıklayarak 'Kısa Kod' bloğunu seçebilirsiniz. Ardından metin alanına istediğiniz kısa kodu yapıştırın veya yazın, köşeli parantezleri unutmayın ve yayınlamak veya önizlemek için ilgili düğmelere tıklayın.

    Klasik Düzenleyici:
    Klasik düzenleyici kullanıyorsanız, kısa kodları metin düzenleyicisine doğrudan yapıştırabilir veya yazabilirsiniz. Gönderinizin istediğiniz yerine kısa kodu ekleyin, köşeli parantezleri eklemeyi unutmayın.

    Özel bir blok veya widget kullanmanıza gerek yok, işlem oldukça basit ve doğrudan yapılır.

    WordPress Temanızı Kısa Kodlarla Kişiselleştirme: Özel İçerik Entegrasyonu

    Artık kısa kodları gönderi veya sayfalarınıza eklemenin yanı sıra, WordPress temanıza bu kodları entegre etmenin bir yolunu öğrenme zamanı geldi. İşte do_shortcode işlevi devreye giriyor ve yazı düzenleyicisi dışında kısa kodları çalıştırmanıza izin veriyor.

    Örneğin, her gönderinin sonuna otomatik olarak bir rozet eklemek istiyorsanız, özel bir kısa kod oluşturup do_shortcode işlevini kullanarak bunu temanıza ekleyebilirsiniz.

    ```php

    echo do_shortcode('[NotByAI]');

    ```

    Tema Dosyası Düzenleyicisi'ni kullanarak, temanızın single.php dosyasını açın ve rozetin gözükmesini istediğiniz yere şu benzeri bir kod parçasını ekleyin:

    Bu işlev, özel kısa kodunuzu tetikleyerek her gönderide belirttiğiniz konumda görünmesini sağlar. Okuyuculara içeriğin gerçek ve otomatik oluşturulmadığını gösterir.

    WordPress'te Kısa Kodları Widget'lara Ekleme: Temanızı Özelleştirmenin Basit Yolu

    Eğer WordPress temanıza kısa kodları entegre etmek istiyorsanız ancak tema dosyalarını düzenlemek istemiyorsanız endişelenmeyin, kısa kodları WordPress widget'larına eklemek oldukça kolaydır.

    Özellikle, Kısa Kod veya Özel HTML widget'larını kullanarak bu kodları sitenizin kenar çubuğuna, alt bilgi alanına veya izin verilen herhangi bir widget konumuna yerleştirebilirsiniz. Ardından, istediğiniz kısa kodu widget'ın içerik kutusuna girerek ekleyebilirsiniz.

    Tüm bu işlemlerden sonra yayınla düğmesine tıklayarak sonucu kontrol edebilirsiniz.

    WordPress'te Özel Kısa Kodlar Oluşturma Rehberi: Kişiselleştirilmiş İçerik Gömme

    "Kendi Özel WordPress Kısa Kodlarınızı Oluşturun

    WordPress'in yerleşik widget'ları oldukça işlevsel olsa da, kendi özel kısa kodlarınızı oluşturarak daha fazlasını yapabilirsiniz. PHP bilgisiyle, gerçek zamanlı hava durumu güncellemelerinden kullanıcı referanslarına ve karmaşık ürün kataloglarına kadar çeşitli özelleştirmeleri hayata geçirebilirsiniz.

    Bu makalede PHP programlamayı öğretmeyeceğiz, ancak size basit bir WordPress özel kısa kodu oluşturmanın adımlarını gösterebiliriz.

    Örnek olarak, web sitenizde geçerli saati gösteren bir kısa kod oluşturabiliriz. Bunun için Görünüm -> Tema Dosyası Düzenleyicisi'ne gidin ve Tema İşlevleri (functions.php) dosyasını açın.

    Not: Function.php dosyasını düzenleyemiyorsanız, yerel olarak düzenleyip sunucuya yeniden yüklemeniz gerekebilir.

    Tema İşlevleri dosyasının en altına şu PHP kod parçacığını yapıştırın:

    ```php
    function display_current_time() {
        return date('g:i a');
    }
    add_shortcode('current_time', 'display_current_time');

    ```

    Dosyayı kaydedip güncelleyin ve özel kısa kodu test edin. Yeni bir gönderi düzenleyicisinde [current_time] kısa kodunu ekleyerek sonucu görebilirsiniz. Yayınladığınızda veya önizlediğinizde, kısa kodun yerini geçerli saat alacaktır.

    Temelde, WordPress [current_time] kısa kodunu gördüğünde display_current_time işlevini tetikler. Bu işlev, 'g:i a' formatında biçimlendirilmiş geçerli saati döndürür (örneğin, "öğleden sonra 3:45"). Bu dönen zaman, gönderinizdeki kısa kodun yerini alır.

    Son söz:

    WordPress'te kısa kodları kullanmak, içeriğinizi hızla ve kolayca zenginleştirmenin harika bir yoludur. Gönderilerinize ve sayfalarınıza özgünlük katarken aynı zamanda kullanıcı deneyimini artırabilirsiniz.

    Gutenberg veya Klasik editör kullanarak kısa kodları yerleştirmek oldukça basittir. Ayrıca, özel kısa kodlar oluşturarak sitenize özgü çözümler yaratabilirsiniz. Örneğin, gerçek zamanlı hava durumu güncellemeleri, ürün katalogları veya özel içerik gömme gibi işlevleri kendi kısa kodlarınızla entegre edebilirsiniz.

    WordPress'in widget'ları aracılığıyla kısa kodları kenar çubuklarına veya alt bilgi alanlarına eklemek de mümkündür. Böylelikle içeriğinizi daha etkili bir şekilde yönetebilirsiniz.

    Kısa kodlar, içeriğinizi özelleştirmek ve güçlendirmek için harika bir araçtır. Önceden tanımlanmış kısa kodlar kullanarak veya kendi özel kısa kodlarınızı oluşturarak, WordPress'in sunduğu esnekliği ve işlevselliği keşfedebilirsiniz. Her adımda sitenizi kişiselleştirirken, kullanıcılarınıza daha zengin bir deneyim sunabilirsiniz.

    ogz

    Ogz

    Reklam yada tanıtım amaçlı makaleleriniz için Reklam sayfası aracılığıyla bilgi alabilir ve her türlü görüş, öneri ve bildirimleriniz için mesaj gönderebilirsiniz.

    Yorumlar (0)

    wave
      Bu yazıya henüz yorum yapılmamış. İlk yorumu yapan siz olun!

    Yorum Yaz

    wave

    Kapatmak için ESC tuşuna basın