Kai jūs pasieksite šį tinklapį iš paieškos ar populiarių socialinių ar žymėjimas svetainėje, draugiškas sveikinimo bus pasveikinti Jus, ir galbūt pasiūlyti keli kiti gaminiai pagal jūsų paieškos raktažodžius. Tai yra mandagumo WP Pozdrówcie langelis plug-in for WordPress, sukūrė Thaya Kareeson.
Administravimo sąsaja šiam plug-in yra gana intuityvus ir jis duos administratorius variantų skaičiaus, kada ir kaip dažnai rodyti žinutę. Pavyzdžiui, galite nustatyti, kad jis rodo Sveikinimas tiems atvykstantiems iš "Google" ir didžiausia suma laiko tik.
Įjungus, svetainės lankytojas taip pat gali uždaryti sveikinimo langelį rankiniu būdu, ir taip galėtų nepaisyti maksimalus laikas, nustatyti administravimo.
Deja sveikinimo liks jo nustatytą vietą tol, kol puslapis yra matomas arba kol vartotojas uždaro rankiniu būdu. Siekiant išvengti lankytojų būtinybės rankiniu būdu uždaryti dalykų, kad jie nenori matyti, Aš įgyvendinti Auto Slėpti.
Kas ji
Ši papildoma funkcija veikia patikimai bendradarbiauja su plug-in. Po sveikinimo buvo rodomas, bus palaukti keletą sekundžių, kol ji pradeda užgesti. Jei lankytojas nesiima jokių veiksmų, Sveikinimų galiausiai visiškai išnyksta ir erdvėje ji bus naudojama regeneruotų stumdami į savo poilsio vietą svetainės. Jeigu iki arba per išblukimo lankytojas pajudina pelę virš rajone, bet išblukimo bus normalizuojasi ir vartotojas gali spustelėti bet Nuorodos sveikinimo gali būti rodomi.
Tai ne skirtingai nuo kai kurių žinutę balionai turime priprasti prie "Windows Vista ar Ubuntu — Jei nesate suinteresuotas, it'll žinutę balionu bus išnyks be jūsų sąveika.
Kaip įgyvendinti
Jis apima keletą nedidelių pakeitimų, o į savo svetainę. Pradėdamas, WP Pozdrówcie langelis plug-in, turėtų būti nustatytas NĖRA automatiškai rodomi Sveikinimas (Nuimkite abu “Automatiškai rodo Sveikinimas žinutę Žinutės / Puslapiai”).
PHP portion
Dabar jums reikia redaguoti WordPress tema bylos Šablonas(su) kur norėtumėte, kad būtų rodomas sveikinimo. Pavyzdžiui, su šiuo tinklapiu, Aš naudoju teminius Header.php failas. Tai reiškia, įterpiant Odrobineczkę PHP kodas, kaip šie:
Savo nuožiūra, Jums gali ar negali nori pridėti jį per šių <div></ P> pareiškimų ir ji bus priklausys nuo to, kur rasti kodas taip pat savo šabloną.
CSS portion
Galite toliau naudoti CSS stilių kartu su plug-in (arba savo, jei įdiegėte vienas). Tačiau, Yra vienas, kad jums reikia įtraukti konkrečias Microsoft Internet Explorer:
#greet_block {
*background:#fff;
}
Ji nėra ypač turi būti tokios spalvos (kad ji galėtų suderinti savo temą poilsis), bet svarbu, kad fono spalva yra įtrauktas. Jei tai ne ten, Internet Explorer ką nors keistų dalykų Sveikinimas o tai blukimas. Tai žinoma problema.
Galite įdėti šią nuorodą į savo stilių arba naudojimą tema's stilių, paprastai vadinamas style.css.
JavaScript dalis
Dauguma legwork daroma naudojant JavaScript ir ji reikalauja, kad jQuery yra pakrautas su savo tema. Dauguma populiarių temų jau įtraukti šią, bet jei tavo nėra, tiesiog pridėkite šią eilutę (iki wp_head(); sakinys):
<?php wp_enqueue_script('jquery'); ?>
Toliau galite sukurti naują failą JavaScript arba naudoti esamą kad bus įkeltas jūsų tema, ir įtraukti šį kodą:
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);
}
);
});
Šis kodas nebuvo labai optimizuota taip, tai bus jums lengviau suprasti, kas vyksta, ir padaryti bet kokius pakeitimus, jei norite. Jei esate susirūpinę JavaScript apskritai, tada dalis iš karto poGreetbox Autohide komentaras bus jums įdomūs. Tiksliau:
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
The init_timeout kintamasis nurodo, kaip ilgai sveikinimo bus matomas prieš pradedant jį išblukimo ir lankytojas nebuvo perkelti savo pele per jį. Pirmiau pateiktame pavyzdyje, Tai 15 sekundžių (15000 milisekundžių). The timeout vertę, taip, galite nurodyti, kaip ilgai sveikinimo liks matomas po pele, buvo virš jo. Pirmiau pateiktame pavyzdyje tai yra 3 sekundžių.
The blokas kintamasis nurodo tapatybės <div></ P> skyrių, kuriame faktinė Sveikinimas. Pagal nutylėjimą, WP Pozdrówcie langelis naudojamas numatytas pavadinimas (# greet_block) tačiau tai gali būti kitoks, jei turite pateikti bet kokius nustatymus.
The _time netur ÷ tų būti pakeista ir viduje naudojamų sekti timeout laikmatis.
Scenarijaus funkcija, jQuery.fn.fadeThenSlide, tiesiog išsisklaido sveikinimo ir jei ji nėra matoma bus pastumti jį iš kelio. Viskas, kas nurodyta toliau sveikinimo bus palaipsniui perkelti į savo vietą, todėl jums nėra paliktas didelis tuščias plotas.
Jei esate įgyvendinti šį scenarijų į atskirą failą, Įsitikinkite, kad scenarijus bus vadinama su tema šabloną. pavyzdžiui, Pridėti į Header.php failas:
Po to jau visi buvo įgyvendinta, galite įjungti numatytąją pasisveikinimo jei ji buvo išjungta, prieš. Tada apsilankykite svetainėje patikrinti, jei viskas veikia taip, kaip tikėtasi, ir į tinkamą vietą. Jei paleisti į visus klausimus, Feel free to post a comment arba Susisiekite su manimi tiesiogiai.
Susijusios Žinutės:
