Her bir arama motoru veya popüler sosyal veya Bookmarking web sitesinden bu kaynaktan ulaştınız, dost bir tebrik ve ağırlayacak muhtemelen birkaç makale arama anahtar kelimelere dayanarak öneririz. Bu nezaket WP Greet Kutu eklentisi WordPress için ise, tarafından geliştirilmiştir Thaya Kareeson.
Bu eklenti için yönetim arayüzü oldukça kolay ve onun yöneticisi seçeneklerin numarasını verir ne zaman ve ne sıklıkla mesaj göstermek için. Örneğin, sen bu Google'dan gelen bir tebrik göstermek için zaman ve azami miktar için belirlenmiş olabilir sadece.
Eğer etkinleştirilmiş, Bir web sitesi ziyaretçi de el ve böylece zaman yönetiminde belirlenen azami miktar geçersiz kılmak için güçlü tebrik kutusunu kapatmak yapabiliyor.
Ne yazık ki tebrik olarak sayfa veya görünür kadar kullanıcı manuel olarak kapatır sürece yönelik ayarlamak yerde kalacak. Ziyaretçiler el şeylerden görmek istemiyorum kapatmak zorunda kalmamak için, Ben bir otomatik özelliği gizlemek geliştirdik.
Ne yapar
Bu ek özellik sorunsuz plug-in ile çalışır. Bir kez tebrik kanıtlanmıştır, önce fade away başlar birkaç saniye bekler. Eğer ziyaretçi herhangi bir işlem yok, tebrik sonunda tamamen ve onun yerine web sitesinin diğer kaydırarak geri olacaktır kullanılan alan kaybolur. Eğer önce veya ziyaretçinin solmaya sırasında alanda fare hamle, herhangi bir solma ve kullanıcı normal herhangi tebrik bağlantıları gösteren olabilir tıklayabilirsiniz iade edilecektir.
Bazı mesajın farklı değil biz Windows Vista veya ubuntu dan alışmış balonlar — Eğer ilgi değilseniz, Bu mesajı balon uzakta senin etkileşimi olmadan fade olacak olacak.
Nasıl uygulanması
Bu web sitenize birkaç oldukça küçük değişiklikler içerir. Öncelikle, WP Greet Kutu plug-in olarak ayarlanmalıdır NOT otomatik olarak bir tebrik ekran (Uncheck hem “Otomatik yazılarda tebrik mesajı göster / Sayfalar”).
PHP Porsiyon
Şimdi WordPress tema dosya düzenlemek için şablon gerekir(ile) Burada tebrik göstermek istiyorum. Bu web sitesinin Örneğin, Kullanıyorum tema's header.php dosya. Bu aşağıdaki gibi PHP kod küçük bir bit ekleyerek karıştırmak:
Nasıl isterseniz, Bu içinde içine istemiyor olabilir veya <div></ Div> ifadeler ve nereye yanı sıra kodu bulun şablonunuzu bağlıdır.
CSS Porsiyon
Sen CSS stil kullanmaya devam edebilirsiniz fişi ile birlikte-in (veya kendi Eğer bir uygulamaya sahip). Bununla birlikte, orada bir giriş, Microsoft Internet Explorer için özel eklemeniz gerekecek's:
#greet_block {
*background:#fff;
}
Özellikle bu renk olmak zorunda değildir (bu nedenle temanın geri kalanı maç olabilir), ama önemli bir arka plan rengini dahil olduğu. Bu olmadığına göre, Iken solma Internet Explorer tebrik için biraz garip şeyler yapacağız. Bu bilinen bir sorunun.
Kendi sitil burası veya tema's stil kullanan, genellikle adlı style.css.
JavaScript porsiyon
Ayak işi çoğu JavaScript tarafından yapılır ve bu jQuery gerektirir tema ile yüklenir. Pek çok popüler konular zaten bu dahil, ama eğer senin değildir, sadece aşağıdaki satırı ekleyin (önce wp_head(); açıklama):
<?php wp_enqueue_script('jquery'); ?>
Daha sonra ya dosya ya da varolan bir sizin tema ile yüklenecek kullanmak yeni bir JavaScript oluşturabilirsiniz, ve aşağıdaki kodu dahil:
jQuery(document).ready(function( $ ){
/* Greetbox Autohide */
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
jQuery.fn.fadeThenSlide = function() {
return this.fadeTo(4500, 0).slideUp(500);
};
if (!$(_greeting_box_vars.block).css("display") !== "none") {
_greeting_box_vars._timer = setTimeout("jQuery(function($){$('"+_greeting_box_vars.block+"').fadeThenSlide()});", _greeting_box_vars.init_timeout);
}
$(_greeting_box_vars.block).hover(
function () {
if ($(this).css("opacity") !== "0") {
// It's not sliding yet, so give the user a chance to extend his period.
clearTimeout(_greeting_box_vars._timer);
$(_greeting_box_vars.block).stop().stop().fadeTo(300,1);
}
},
function () {
_greeting_box_vars._timer = setTimeout("jQuery(function($){$('"+_greeting_box_vars.block+"').fadeThenSlide()});", _greeting_box_vars.timeout);
}
);
});
Bu kod çok optimize edilmedi bu yüzden bunun için size neler olup bittiğini ve eğer isterseniz herhangi bir değişiklik yapmak anlamak daha kolay olacak. Eğer JavaScript ile genel olarak rahatsızsanız, o bölümü hemen aşağıdakiGreetbox Autohide Yorum size ilgi olacak. Özellikle:
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
The init_timeout değişken önce ve solmaya başlar ziyaretçinin üzerindeki fareyi henüz ne kadar tebrik görünür olacaktır belirtir. Yukarıdaki örnekte, bu 15 saniye (15000 milisaniye). The zaman aşımı değer, ne kadar görünür kalacak tebrik belirtebilirsiniz şöyle sonra fare bitti oldu. Yukarıdaki örnekte bu 3 saniye.
The blok değişken ve kimliği belirlenen <div></ Div> bölümü gerçek tebrik içerir. Varsayılan, WP Greet Kutusu sağlanan adını kullanır (# greet_block) ama bu eğer varsayılan ayarlar üzerinde değişiklik yapmış farklı olabilir.
The _time ve değiştirilmemesi gerektiğini dahili zaman aşımı çekim izlemek için kullanılır.
Komut bir fonksiyonu, jQuery.fn.fadeThenSlide, sadece fades tebrik ve eğer artık yoldan dışarı slayt görünür olduğunu. Böylece büyük bir boş alanı sol olmayan herhangi bir şey tebrik altında sonra yavaş yavaş yerine taşınacak takip.
Eğer ayrı bir dosya Bu komut uyguladıklarını, emin script tema's şablonu çağrılır yapmak. Örneğin, ekle header.php dosya:
Bundan sonra tüm uygulamaya konmuştur, Eğer daha önce devre dışı bırakıldı varsayılan tebrik etkinleştirmek isteyebilirsiniz. O zaman eğer her şey ve beklenen çalıştığını kontrol etmek için web sitenizi ziyaret uygun konumda. Herhangi bir sorunları run into, Yorum veya gönderme çekinmeyin Contact Me doğrudan.
İlgili Yayınlar:
