Ori de câte ori aţi ajunge la acest site-ul de la un motor de căutare sau un site web popular sociale sau de marcare, un mesaj de salut prietenos va vă urez bun venit şi, eventual, sugerează o câteva alte articole pe baza cuvintelor cheie dvs. de căutare. Acest lucru este politeţe WP Salută Box plug-in pentru WordPress, Developed by Thaya Kareeson.
Interfaţa de administrare pentru acest plug-in este destul de intuitiv şi va da administratorul un număr de opţiuni de când şi cât de des pentru a arăta mesajul. De exemplu,, aţi putea stabili să arate, un salut celor care sosesc de la Google şi pentru o sumă maximă de timp doar.
Dacă este activat, un vizitator site-ul este de asemenea, posibilitatea de a închide caseta de salut manual şi, astfel, posibilitatea de a trece peste perioada maximă de timp stabilit în administrarea.
Din păcate, mesajul de salut va rămâne la sediul acesteia stabilite pentru atâta timp cât pagina este vizibilă sau până când utilizatorul închide manual. Pentru a evita vizitatorii având pentru a închide manual lucruri pe care nu doresc să vadă, I-am pus în aplicare un auto ascunde caracteristică.
Ceea ce face
Această caracteristică suplimentară funcţionează perfect cu plug-in -. Odată ce mesajul de salut a fost demonstrată, aceasta va aşteptaţi câteva secunde înainte de a începe să se estompeze. În cazul în care vizitatorul nu ia nicio acţiune, salut va dispărea în cele din urmă cu totul şi spaţiul este utilizat va fi revendicate de către alunecare restul site-ului în locul său. În cazul în care, înainte sau în timpul decolorare vizitatorul mută cursorul peste zona de, orice decolorare va fi revenit la normal, iar utilizatorul poate faceţi clic pe oricare din link-urile de salut ar putea fi Rezultate.
Nu e spre deosebire de unele din mesajul baloane ne-am obişnuit să de la Windows Vista sau Ubuntu — dacă nu sunteţi interesat de, itll balonul mesajul va dispărea fără intervenţia dvs..
Cum să o pună în aplicare
Ea implică un cateva destul de mici modificări la site-ul dvs.. Pentru a începe cu, WP Salută Box plug-in-ar trebui să fie setat la NOT afişa în mod automat un mesaj de salut (Uncheck ambele “Va afişa automat mesajul de salut pe posturi / Pages”).
PHP Portion
Acum, trebuie să editaţi fişierul de WordPress temă de şablon(Cu) în cazul în care doriţi să afişaţi salut. De exemplu, cu acest site-ul, I sînt folosire tema's header.php dosar. Ea implică inserarea un pic de cod PHP după cum urmează:
La alegerea dvs., vă pot sau nu doresc să anexaţi acesta, în aceste <span></ Div> declaraţii şi va depinde de unde aţi localizaţi codul, precum şi şablonul dvs..
CSS Portion
Puteţi continua să folosească foaia de stil CSS incluse cu plug-in - (sau propriul dumneavoastră dacă au pus în aplicare un). Oricum, acolo 'unul de înscriere, care va trebui să includă specifice pentru Microsoft Internet Explorer:
#greet_block {
*background:#fff;
}
Ea nu trebuie să fie deosebit de această culoare (astfel încât poate potrivi cu restul de tema), dar important este ca o culoare de fundal este inclusă. Dacă acest lucru nu este acolo, Internet Explorer se va face unele lucruri ciudate la salut în timp ce acesta este decolorare. Este o problemă cunoscută.
Puteţi plasa acest din foaia de stil propriu sau de utilizare foaia de stil tema's, , în general, numit style.css.
Porţie JavaScript
Cele mai multe dintre legwork se face prin JavaScript şi se impune ca jQuery este încărcat cu tema dvs.. Multe teme populare deja includ acest, dar dacă a ta nu se, pur şi simplu adăugaţi următoarea linie de (înainte de a wp_head(); afirmaţie):
<?php wp_enqueue_script('jquery'); ?>
Înainte de a putea crea fie o JavaScript fişier nou sau de a folosi unul deja existent, care va fi încărcat cu tema dvs., şi să includă cod următoarele:
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);
}
);
});
Acest cod nu a fost foarte optimizat, astfel va fi mai uşor pentru tine de a înţelege ce se întâmplă şi a face orice modificări, dacă doriţi. Dacă nu vă convine cu JavaScript, în general,, apoi porţiunea care urmează imediat dupăGreetbox Autohide comentariu va fi de interes pentru tine. În mod specific:
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
De init_timeout variabilă arată cât de mult timp de salut vor fi vizibile înainte de a începe decolorare şi vizitatorul nu şi-a muta mouse-ul lui peste el. în exemplul de mai sus, Acest lucru este 15 secundă (15000 milliseconds). De Timeout Valoarea pe care urmează aveţi posibilitatea să specificaţi cât de mult timp de salut va rămâne vizibilă după mouse-ul a fost peste el. În exemplul de mai sus, acest lucru este 3 secundă.
De bloca variabilă specificat ID-ul de <span></ Div> secţiune care conţine mesajul de salut real. În mod implicit, WP Salută Box foloseşte numele oferit (greet_block #) dar acest lucru poate fi diferită în cazul în care le-aţi făcut orice modificări la setările implicite.
De _time nu ar trebui să fie schimbat şi pe plan intern este folosit pentru a urmări timer-timeout.
O funcţie în script-ul, jQuery.fn.fadeThenSlide, pur şi simplu dispare felicitare şi în cazul în care nu mai este vizibil va aluneca-o din drum. Orice lucru care urmează mai jos mesajul de salut va fi apoi treptat sa mutat în locul acestuia, astfel încât să nu se lasă cu o suprafata mare gol.
Dacă sunteţi de punere în aplicare acest script într-un dosar separat, asiguraţi-vă că script-ul va fi numit cu tema de şablon. De exemplu,, adăuga la header.php dosar:
După ce acest lucru a fost pus în aplicare toate, poate doriţi să activaţi implicit de salut, dacă a fost dezactivat înainte de. Apoi, vizitaţi site-ul dvs. pentru a verifica dacă totul funcţionează cum se aşteaptă şi în locaţia corectă. Dacă executaţi în orice probleme de, simţiţi-vă liber pentru a posta un comentariu sau Contactaţi-mă directă.
Related Posts:
