Konu Başlığının Yanında Yeni Resmi

17.07.2013 13:10

MehmetGUMUS3 . Kullanıcı

Üyelik 26.01.2013
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad M** G**
Mesajlar 757
Beğeniler 283 / 200
Ticaret 12, (%100)

Wordpress sisteminin en önemli özelliklerinden biri de hayal gücünüzü kullanarak yapacağınız onlarca şey olması ve bunu entegre edebilmenizdir. Mesela bunlardan biri olan açılan son konuların yanında yeni ibaresinin sizin belirleyeceğiniz resimle sitenizdeki ziyaretçileri bilgilendirme amaçlı kullanılabilmesidir. Bir kaç kişi için özelden anlatmıştım fakat nasıl yapıldığı ile ilgili konu açmanın zamanı geldi sanırım.
İlk olarak new.php adında bir dosya oluşturuyoruz.bunun için index.php nin ismini değiştirebilirsiniz.
sonra eğer index.php nin ismini değiştirdiyseniz içindeki bütün kodları siliniz.Sildikten sonra
Bu kodları:

    $t1=$post->post_date;
    $t2=date("Y-m-d H:i:s");
    $diff=(strtotime($t2)-strtotime($t1))/7200;
    if($diff<24){echo '';}
?>

içine kopyalayınız.

DİKKAT: resim/new.gif olan yeri kendinize göre değiştirin.

Daha sonra index.php'de veya nerde görünmesini istiyorsanız mesela single.php'de de isteyebilirsiniz.

kodun yanına

kodunu ekleyiniz.

Son olarak style.css dosyanıza:

.new{margin-left:5px;} ekleyiniz.

Resim olarak kullandığım resmi siteden indirebilir veya google görsellerden bulabilirsiniz.

Konu İçin Tıklayınız
Demo İçin Tıklayınız

1 kişi bu mesajı beğendi.

Teamtofas.com

17.07.2013 13:15

#2

Antocio Social Life Kullanıcı

Üyelik 29.02.2012
Yaş/Cinsiyet 34 / E
Meslek E-Spor Editörü
Konum Hatay

Ad Soyad H** L**
Mesajlar 306
Beğeniler 88 / 34
Ticaret 21, (%100)

bu ifade kaç gün kalıyor ?

www.hasanhuseyinlif.com

17.07.2013 13:17

#3

MehmetGUMUS3 . Kullanıcı

Üyelik 26.01.2013
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad M** G**
Mesajlar 757
Beğeniler 283 / 200
Ticaret 12, (%100)

1 gün kalıyor hocam

Teamtofas.com

17.07.2013 17:56

#4

yakuphoca WP Sever Kullanıcı

Üyelik 11.07.2013
Yaş/Cinsiyet 43 / E
Meslek Öğretmen
Konum Hatay

Ad Soyad ** **
Mesajlar 212
Beğeniler 2 / 51
Ticaret 2, (%100)

Bunu include yöntemiyle değil de fonksiyon haline getirilmiş halini kullansak, hazır CSS ekleme işlemi varken de resmi ekleme işlemini CSS ile yapsak da sitedeki HTML kod kalabalığı artmasa iyi olmaz mı?

Bilişim Teknolojileri Hayatım
http://www.yakuphoca.com

17.07.2013 18:06

#5

Kindumina Sms Onayı Gerekli Banlı Kullanıcı

Üyelik 04.07.2013
Yaş/Cinsiyet 38 / E
Meslek bilgisayar mühendisi
Konum Ankara

Ad Soyad ** **
Mesajlar 100
Beğeniler 24 / 17
Ticaret 0, (%0)

elinize sağlık.hocam arkada bir buton kaçmış :D

17.07.2013 18:33

#6

MehmetGUMUS3 . Kullanıcı

Üyelik 26.01.2013
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad M** G**
Mesajlar 757
Beğeniler 283 / 200
Ticaret 12, (%100)

yakuphoca adlı üyeden alıntı

Bunu include yöntemiyle değil de fonksiyon haline getirilmiş halini kullansak, hazır CSS ekleme işlemi varken de resmi ekleme işlemini CSS ile yapsak da sitedeki HTML kod kalabalığı artmasa iyi olmaz mı?

o kadarını anlamıyorum hocam :)

Kindumina adlı üyeden alıntı

elinize sağlık.hocam arkada bir buton kaçmış :D

çözünürlükten dolayı olabilir. diğer çözünürlüklere göre ayarlamaya daha gitmedim. herşey yavaş yavaş oluşuyor.

Teamtofas.com

17.07.2013 18:40

#7

gokenim WM Aracı Kullanıcı

Üyelik 28.03.2013
Yaş/Cinsiyet 31 / E
Meslek Fotoğraf, Grafik, Radyoloji
Konum İstanbul Anadolu

Ad Soyad G** Ç**
Mesajlar 1896
Beğeniler 766 / 351
Ticaret 4, (%100)

Yeni yazı paylaşıldığında kendi çıkıyor yani, güzelmiş :)

Selamunaleyküm.

17.07.2013 18:48

#8

yakuphoca WP Sever Kullanıcı

Üyelik 11.07.2013
Yaş/Cinsiyet 43 / E
Meslek Öğretmen
Konum Hatay

Ad Soyad ** **
Mesajlar 212
Beğeniler 2 / 51
Ticaret 2, (%100)

Aşağıdaki kodu temanızın functions.php dosyasına uygun şekilde ekleyin.



function yakuphoca_yeniyazi() {

    global $post;

    $diff=(strtotime(date("Y-m-d H:i:s"))-strtotime($post->post_date;))/7200;

    if($diff<24) echo ' class="yeniyazi" ';

}

Ardından sitenizde başlığı gösterdiğiniz kodun içerisinde fonksiyonunuzu çağırınız. Örneğin;

şeklindeki koda aşağıdaki gibi ekleme yapın.
>
Yapmanız gereken son şey ise sitenizin style.css dosyasına aşağıdaki CSS biçimlendirmesini ekleyin.
.yeniyazi{
background: url(images/yeni.gif) no-repeat top right;
padding-right:20px
}
Kod içerisindeki images/yeni.gif ifadesi temanızdaki images klasörüne koyacağınız yeni.gif dosyasının adresini belirtir. 20px ise resim dosyanızın genişliğinden fazla bir değer almalıdır. örneğin resminizin genişliği 25px ise bu değeri 30px gibi bir değer verin.
Bu sistemde başlık kodu içerisine yeniyazi adıyla bir sınıf eklenir. CSS ile de bu sınıfı biçimlendiriyoruz. Böylece site kodlarımızda daha az HTML kullanmış oluruz.
Kodların temeli bu, kendiniz, kendi sitenize göre gerekli düzenlemeleri yapıp, kullanmalısınız.

1 kişi bu mesajı beğendi.

Bilişim Teknolojileri Hayatım
http://www.yakuphoca.com

Konu Başlığının Yanında Yeni Resmi

Üye Girişi Yap