आप एक खोज इंजन या एक लोकप्रिय सामाजिक या बुकमार्क करने की वेबसाइट से जब भी इस वेबसाइट तक पहुँचने, एक दोस्ताना ग्रीटिंग आप का स्वागत करते हैं और संभवतः कुछ अन्य आपके खोज खोजशब्दों के आधार पर लेख का सुझाव देगा. इस-WordPress के लिए शिष्टाचार WP नमस्कार बॉक्स प्लग है, विकसित द्वारा Thaya Kareeson.
इस प्लग के लिए प्रशासन में काफी सहज ज्ञान युक्त अंतरफलक-है और यह प्रशासक के विकल्पों में से एक नम्बर देता हूँ कब और कितनी बार संदेश दिखाने के लिए. उदाहरण के लिए, तुम तैयार कर सकती है यह गूगल से आ रहा है उन लोगों के लिए एक ग्रीटिंग दिखाने के लिए और समय की अधिकतम राशि के लिए ही.
अगर सक्रिय, एक वेबसाइट आगंतुक को भी बधाई बॉक्स मैन्युअल रूप से घनिष्ठ और इस तरह से प्रशासन में निर्धारित समय की अधिकतम राशि को पार कर सकते है.
दुर्भाग्य से अभिवादन के रूप में के रूप में पृष्ठ दृश्य या जब तक कि उपयोगकर्ता इसे मैन्युअल रूप से बंद कर देता है, तब तक के लिए अपने निर्धारित स्थान पर ही रहेगा. करने के लिए मैन्युअल रूप से चीजें हैं जो वे नहीं देखना चाहते बंद होने से बचने के आगंतुकों, मैं क्रियान्वित किया है एक ऑटो सुविधा छिपाना.
यह क्या करता है
इस अतिरिक्त सुविधा प्लग के साथ मूल कार्य में. एक बार ग्रीटिंग दिखाया गया है, यह एक कुछ सेकंड प्रतीक्षा से पहले ही दूर नहीं हो पाती शुरू होगा. अगर आगंतुक कोई कार्रवाई नहीं, ग्रीटिंग अंततः पूरी तरह गायब हो जाएगी और यह अंतरिक्ष में अपनी जगह में वेबसाइट के बाकी फिसलने से reclaimed जाएगा इस्तेमाल किया. अगर पहले या आगंतुक लुप्त होती दौरान क्षेत्र में माउस चालें, किसी भी लुप्त होती सामान्य और उपयोगकर्ता को लौटा दी जाएगी क्लिक करें ग्रीटिंग लिंक के किसी भी हो सकता है दिखा सकते हैं.
यह संदेश में से कुछ के विपरीत नहीं है गुब्बारे हम Windows Vista या Ubuntu से आदी हो गए हैं — यदि आप कोई दिलचस्पी नहीं हो, यह संदेश गुब्बारा अपने संपर्क के बिना होगा दूर नहीं हो पाती हूँ.
यह कैसे लागू करने के लिए
यह कुछ अपनी वेबसाइट के लिए नहीं बल्कि छोटे परिवर्तन शामिल है. शुरू होने के साथ, WP नमस्कार में बॉक्स प्लग-सेट के लिए किया जाना चाहिए नहीं स्वचालित रूप से एक ग्रीटिंग प्रदर्शन (दोनों सही का निशान हटाएँ “स्वतः पदों पर बधाई संदेश शो / पन्ने”).
PHP भाग
अब तुम WordPress है विषय फ़ाइल को संपादित करने की जरूरत है टेम्पलेट(के साथ) आप को बधाई प्रदर्शन जहां चाहेंगे. इस वेबसाइट के साथ उदाहरण के लिए, मैं उपयोग कर रहा हूँ है विषय header.php फ़ाइल. यह निम्नलिखित के रूप में PHP कोड का एक छोटा सा डालने शामिल है:
अपने विवेक से कम, तुम चाहते हो सकता है या इसे इन में मिला देना नहीं <div></ Div> बयानों और जहाँ आप कोड का पता लगाने के रूप में के रूप में अच्छी तरह से अपने टेम्पलेट पर निर्भर करेगा.
सीएसएस भाग
आप सीएसएस stylesheet का प्रयोग जारी रख सकते हैं प्लग के साथ शामिल में (अपने या यदि आप एक कार्यान्वित किया है). फिर भी, वहाँ एक प्रविष्टि कि आप माइक्रोसॉफ़्ट इंटरनेट एक्सप्लोरर के लिए विशिष्ट शामिल करने की ज़रूरत होगी:
#greet_block {
*background:#fff;
}
यह विशेष रूप से यह रंग नहीं करनी होगी (इसलिए यह अपने विषय के आराम से मेल कर सकते हैं), लेकिन महत्वपूर्ण यह है कि एक पृष्ठभूमि रंग शामिल है. यदि यह वहाँ नहीं है, इंटरनेट एक्सप्लोरर ग्रीटिंग कुछ अजीब बातें करते समय यह लुप्त होती है. यह एक ज्ञात मुद्दा है.
तुम अपने stylesheet में इस जगह का उपयोग करें या इस विषय stylesheet का प्रयोग कर सकते हैं, आम तौर पर नाम style.css.
जावास्क्रिप्ट भाग
आगे बढ़ने से ज्यादातर जावास्क्रिप्ट द्वारा किया गया है कि jQuery की आवश्यकता है और अपने विषय के साथ भरी हुई है. कई लोकप्रिय विषयों में शामिल हैं पहले से ही इस, लेकिन अगर नहीं तुम्हारा, बस में निम्नलिखित पंक्ति जोड़ें (पहले wp_head(); कथन):
<?php wp_enqueue_script('jquery'); ?>
अगले या तो आप एक नया जावास्क्रिप्ट फ़ाइल या एक मौजूदा एक है कि अपने विषय के साथ लोड किया जाएगा इस्तेमाल बना सकते हैं, और निम्नलिखित कोड शामिल हैं:
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);
}
);
});
इस कोड को उच्च अनुकूलित नहीं किया गया तो यह आसान हो जाएगा के लिए तुम समझते क्या हो रहा है और कोई संशोधन यदि आप चाहें तो कर. यदि आप सामान्य में जावास्क्रिप्ट के साथ असहज महसूस कर रहे हैं, तो भाग तुरंत बादGreetbox Autohide टिप्पणी आप ब्याज की हो जाएगा. विशेष:
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
The init_timeout चर निर्दिष्ट कब तक ग्रीटिंग से पहले ही शुरू होता है और लुप्त होती आगंतुक अपने माउस इस पर नहीं जाना है दिखाई जाएगी. ऊपर के उदाहरण में, यह है 15 सेकंड (15000 मिसे). The मध्यांतर मूल्य उस प्रकार तुम कब तक ग्रीटिंग निर्दिष्ट रह दिखाई देगा सकते बाद माउस यह खत्म हो गया है. ऊपर के उदाहरण में है 3 सेकंड.
The ब्लॉक चर के निर्दिष्ट आईडी <div></ Div> अनुभाग कि वास्तविक ग्रीटिंग हैं. डिफ़ॉल्ट द्वारा, WP नमस्कार बॉक्स का नाम प्रदान का उपयोग करता है (# greet_block) लेकिन यह अलग यदि आप डिफ़ॉल्ट सेटिंग्स को किसी भी संशोधन किया जा सकता है.
The _time और बदला नहीं जाना चाहिए आंतरिक रूप से आउटः टाइमर का ट्रैक रखने के लिए किया जाता है होना.
पटकथा में एक समारोह, jQuery.fn.fadeThenSlide, बस ग्रीटिंग fades और यदि वह नहीं दिखाई इसे स्लाइड रास्ते से हट जाएगा. कुछ भी जो ग्रीटिंग के नीचे इस प्रकार तो धीरे धीरे अपनी जगह पर ले जाया जाएगा ताकि एक बड़े रिक्त क्षेत्र के साथ तुम्हें छोड़ नहीं कर रहे हैं.
यदि आप एक अलग फाइल में इस स्क्रिप्ट को लागू कर रहे हैं, सुनिश्चित करें कि स्क्रिप्ट है विषय टेम्पलेट के साथ कहा जाएगा. उदाहरण के लिए, में जोड़ें header.php फ़ाइल:
इस सब के बाद लागू किया गया है, आप को बधाई डिफ़ॉल्ट सक्षम चाहते हैं तो पहले निष्क्रिय किया गया हो सकता. तो आपकी वेबसाइट पर जाने के लिए अगर सब कुछ के रूप में काम कर रहा है और उम्मीद की जांच उचित स्थान में. यदि आप किसी भी मुद्दे में चलाने, एक या टिप्पणी पोस्ट बेझिझक मुझे संपर्क करें सीधे.
संबंधित पोस्ट:
