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.

Ö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..