WordPress Functions ile Javascript, Css, Html ve Shortcode Ekleme

Merhaba dostlar,

Functions ile kolayca wordpress sitenize javascript, css, Html ve Shortcode ekleme metotlarını göstereceğim.

Göstereceğim metotlar sitenin tüm yüzünde çalışabileceği gibi, Sadece Yazılarda, Sadece Sayfalarda veya sadece yazı ve sayfalarda çalışacak şekilde paylaşacağım.

Functions un ne olduğunu bilmeyen ve öğrenmek isteyenler şu konumuza bakabilirler.


WordPresste Functions JavaScript Ekleme

Ekleyeceğimiz bu kod sitenin her sayfasında sitenin bütününü Kapsayacak Şekilde çalışır.

add_action( 'wp_head', function () { ?>
  <script>

    /* Bu alana javascript kodlarınızı giriniz */

  </script>
<?php } );

WordPresste Functions JavaScript Ekleme

Ekleyeceğimiz bu kod sitede sadece yazı alanlarında çalışır.

function sadece_yazi ()   
{  
    if (is_single()) { /* Sadece Yazılarda Çalışır */ ?>    

<script>


/* Bu alana javascript kodlarınızı giriniz */  


</script> 
  
    <?php }  
}  
add_action('wp_head', 'sadece_yazi', 1);

WordPresste Functions JavaScript Ekleme

Ekleyeceğimiz bu kod sitede sadece sayfa alanlarında çalışır.

function sadece_sayfa ()   
{  
    if (is_page()) { /* Sadece Sayfalarda Çalışır */ ?>  

<script>


/* Bu alana javascript kodlarınızı giriniz */  


</script> 
  
    <?php }  
}  
add_action('wp_head', 'sadece_sayfa', 1);

WordPresste Functions JavaScript Ekleme

Ekleyeceğimiz bu kod sitede sadece yazı ve sayfa alanlarında çalışır.

function yazi_sayfa ()   
{  
    if (is_single() || is_page()) { /* Sadece Yazı ve Sayfalarda Çalışır. */ ?>  

<script>


/* Bu alana javascript kodlarınızı giriniz */  


</script> 
  
    <?php }  
}  
add_action('wp_head', 'yazi_sayfa', 1);


WordPresste Functions Css Ekleme

Ekleyeceğimiz bu css kod sitenin her sayfasında, sitenin bütününü Kapsayacak Şekilde çalışır.

add_action( 'wp_head', function () { ?>
 <style>


/* Bu alana css kodlarınızı giriniz */  


</style> 
<?php } );

WordPresste Functions Css Ekleme

Ekleyeceğimiz bu css kod sitede sadece yazı alanlarında çalışır.

function sadece_yazi ()   
{  
    if (is_single()) { /* Sadece Yazılarda Çalışır */ ?>    

<style>


/* Bu alana css kodlarınızı giriniz */  


</style> 
  
    <?php }  
}  
add_action('wp_head', 'sadece_yazi', 1);

WordPresste Functions Css Ekleme

Ekleyeceğimiz bu css kod sitede sadece sayfa alanlarında çalışır.

function sadece_sayfa ()   
{  
    if (is_page()) { /* Sadece Sayfalarda Çalışır */ ?>  

<style>


/* Bu alana css kodlarınızı giriniz */  


</style> 
  
    <?php }  
}  
add_action('wp_head', 'sadece_sayfa', 1);

WordPresste Functions Css Ekleme

Ekleyeceğimiz bu css kod sitede sadece yazı ve sayfa alanlarında çalışır.

function yazi_sayfa ()   
{  
    if (is_single() || is_page()) { /* Sadece Yazı ve Sayfalarda Çalışır. */ ?>  

<style>


/* Bu alana css kodlarınızı giriniz */  


</style> 
  
    <?php }  
}  
add_action('wp_head', 'yazi_sayfa', 1);


WordPresste Functions Html Ekleme

Ekleyeceğimiz bu kod sitenin her sayfasında, sitenin bütününü Kapsayacak Şekilde çalışır.

Aşağıya ekleyeceğiniz html kodu p tagları ile yazı olarak eklenmiştir. Siz bunu silip iki tek tırnak arasına istediğiniz html kodunu ekleyebilirsiniz.

add_shortcode( 'shortcode_name', function () {

  $out = '<p>Buraya html içerik ile yazı girdim</p>';

  return $out;
} );

WordPresste Functions Shortcode Ekleme

WordPresste bazı eklentiler sayesinde yazı içinde shortcode kullanılır.

100numaraliadam Yeni Konu:  Wordpress Çift Satır Başlık

Örneğin arkada müzik çallma eklentisinin [music] gibi bir shorcode kodu olabilir…

Bu kodu tüm yazıların içine bir hamlede entegre edemiyorsak aşağıdaki kod işinizi görebilir.

Aşağıdaki kod sitenin sadece yazı kısımlarında çalışır.

function pippin_filter_content_sample($content) {
  if(is_single()) {
    $new_content = '[Shortcode Kodunuzu Buraya Ekleyeceksiniz]';
    $content .= $new_content;	
  }	
  return $content;
}
add_filter('the_content', 'pippin_filter_content_sample');

her zaman ki gibi hatırlatmamı yapayım: Cache eklentisi kullanıyorsanız kodları ekledikten sonra siteye işlemesi için cache i ya etkisiz hale getirin ya da cache i temizleme butonuna tıklayın.

Aklınıza takılan olursa yorum yazmaktan çekinmeyiniz efemm..

Bu yazıyı derecelendirin!
 

Yazar: utquick

Merhaba,
Bu site 2017 senesinde kurulmuştur:
Kemal SUNAL 'ın 100 Numaralı Adam filminden feyz alınarak kurulan sitemiz, filmdeki Halk Kahramanı rolünü de bünyesine katarak dürüst paylaşımlarda bulunmaktadır. Bizi takip ediniz. Büyük bir aile oluyoruz. Tek güvencemiz paylaşımlarımızın samimiliğidir.

2 Cevaplar

  1. utquality dedi ki:

    çok güzel bilgiler. teşekkür ederim

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir





Bunlar da hoşunuza gidebilir...