LORDİZ.COM - PAYLAŞMAK GÜZELDİR! | DESTEKLERİNİZ İÇİN TEŞEKKÜRLER!
İletişim | Hakkımda | Gizlilik Politikası | Privacy Policy
Minnetle, Sevgiyle Anıyoruz!
Yazıya Yorum Gönder!

Wordpress'e Eklenti Kullanmadan Bilgi Notu, Uyarı ve Duyuru Ekleme - web-master

Birkaç aydır şikayet mailleri alıyorum.. Lordiz.com‘un kardeş siteleri Teknotv.net‘in adlarını kullanarak, hatta siteleri göstererek telefon satışı yapmaya çalışanlar, “çekilişle hediye kazandınız” diyerek aradıkları kişileri dolandırmaya çalışanlar varmış. Hep aklımdaydı web sitesi girişlerine uyarı notları eklemek, vakit bulamıyordum ve nihayetinde o işi hallettik. Şimdi sıra bu dolandırıcılarda. 

Asıl konumuza gelirsek; Teknotv‘ye uyarı notu eklemeye çalıştığımda fark ettim, elimde hazır bir kalıp yokmuş, aslında Lordiz.com’da olması gerekirdi. Biraz uğraşıp sorunu eklentisiz halledince bu yöntemi sizlerle de paylaşmak istedim. Sitenize sadece bir not, uyarı yada duyuru eklemek istediğinizde boşuna eklenti kullanmayın, kod oluşturmakla vakit kaybetmeyin..

Nasıl Yapıyoruz?

Aşağıdaki kodları kendinize göre düzenliyor, index.php, single.php, page.php yada header.php‘de uygun bir konuma ekliyoruz.

<div class="note note-note"><div class="note-heading"><i class="fa fa-file-text-o"></i></div>
<ul><li>DİKKAT!: ADIMIZI KULLANARAK; ÜRÜN SATIŞI YAPAN, KAMPANYA DÜZENLEDİĞİNİ SÖYLEYEN, ÇEKİLİŞ SONUCU HEDİYE KAZANDINIZ DİYEN DOLANDIRICILARA LÜTFEN İTİBAR ETMEYİN!. </li>
</ul></div>

Ardından aşağıdaki css kodlarını kendimize göre düzenleyip, style.css dosyasında uygun konuma ekliyoruz.

.note-note {
border-color: #fedb75;
background-color: #fff3d0;
font-family: sans-serif;
}
.note {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 60px;
margin-top: 5px;
border: 1px solid #efef29;
position: relative;
font-weight: bold;
line-height: normal;
}
.note i {
font-size: 20px;
color: white !important;
}
.note-note .note-heading {
background-color: #fdc110;
box-sizing: border-box;
}
.note-heading {
padding: 5px;
background: white;
position: absolute;
left: 10px;
border-radius: 40%;
width: 30px;
height: 30px;
box-shadow: 0 2px 3px -1px rgba(0,0,0,0.1);
text-align: center;
}

Sonuç olarak şöyle bir not, uyarı yada duyuru kutunuz oluveriyor.

Wordpress'e Eklenti Kullanmadan Bilgi Notu, Uyarı ve Duyuru Ekleme - web-master

İsterseniz buna li eklemeleri ile listeli gösterimde yapabilirsiniz fakat sayfada çok yer kaplar.

Bu işi kodlar ile yapamam diyorsanız, bir maniniz varsa, aşağıdaki eklentilerden birini de kullanabilirsiniz.

>> WordPress Notification Bar
>> Alert Notice Boxes
>> Popups

Yazıyı beğendiyseniz Facebook, Twitter ve Linkedin üzerinde paylaşabilir, sitemizi sık kullanılanlarınıza (Ctrl+D) ekleyebilirsiniz! Teşekkür ederim!

facebook share
twittershare
linkedin share


Bu yazı 17 Kasım 2018 tarihinde yayımlanmıştır.


Üyeliksiz Yorum Bırak

Sorularınıza gelen cevapları görmek için sayfayı CTRL+D tuşları ile Yer İmlerine eklemeyi unutmayın.


2008 © 2019