Кожны раз, калі вы дасягне гэтага сайта з пошукавай сістэмы або папулярных сацыяльных закладак або сайта, Сяброўскі прывітанне будзе вітаць Вас і, магчыма, прапанаваць некаторыя іншыя артыкулы, заснаваныя на вашых ключавых слоў. Гэта ласку РГ Вітайце Box убудова для WordPress, распрацаванай Thaya Kareeson.
Інтэрфейс адміністравання для гэтага плагіна з'яўляецца дастаткова интуитивным, і гэта дасць адміністратар шэраг варыянтаў, калі і як часта паказваць паведамленні. Напрыклад, Вы можаце ўсталяваць яго, каб паказаць прывітанне тых, хто прыбывае з Google і максімальную колькасць часу, толькі.
Калі уключаны, Наведвальнік сайта можа таксама закрыць акна прывітання ўручную і тым самым могуць адмяніць максімальную колькасць часу, устаноўленых у адміністрацыю.
Да жаль, прывітанне будзе заставацца на сваім месцы для набору тых часоў, пакуль старонка бачная або пакуль карыстальнік не закрые яго ўручную. Каб пазбегнуць наведвальнікам даводзілася ўручную цесныя рэчы, якія яны не хочуць бачыць, Я укараніў функцыю Auto Hide.
Што яна робіць
Гэтыя дадатковыя функцыі бездакорна працуе з плагіна. Пасля прывітання была паказана, ён будзе чакаць некалькі секунд, перш чым яна пачынае згасаць. Калі наведвальнік не прадпрымаць ніякіх дзеянняў, Прывітанне ў канчатковым рахунку знікнуць, і месца, якое ён будзе выкарыстоўвацца меліяраваных скользящая астатняй сайт на сваім месцы. Калі да або падчас паступовага наведвальнік рухаецца паказальнік мышы на вобласць, любой Fading будуць вернутыя ў нармальны рэжым і карыстальнік можа націснуць любую са спасылак прывітанне могуць быць паказаны.
Гэта не адрозненне ад некаторых паведамленняў шароў мы прывыклі з Windows Vista або Ubuntu — Калі вы не зацікаўлены, яна будзе паведамленні шара паступова знікнуць без вашага ўзаемадзеяння.
Як ажыццявіць гэта
Яна ўключае ў сябе некалькі невялікіх зменаў, а на ваш сайт. Пачнем з таго, РГ Вітайце Box падлучальныя модуль павінен быць усталяваны ў НЕ аўтаматычна адлюстроўваць прывітанне (Здыміце абодва “Аўтаматычнае паказаць прывітанне ад пасады / Раз”).
PHP Порцыя
Цяпер вам трэба адрэдагаваць файл тэму Wordpress ў шаблоне(С) дзе б вы хацелі, каб адлюстраваць прывітанне. Напрыклад, з гэтага сайта, Я карыстаюся тым's header.php файл. Яна ўключае ўстаўкі малюсенькі кавалак кода PHP наступным:
На ваша меркаванне, Вы можаце ці не хочам, каб заключыць яго ў гэтых <Div></ DIV> Заявы і гэта будзе залежаць ад таго, дзе вы знайдзіце кодэкса, а таксама шаблон.
CSS Порцыя
Вы можаце працягваць выкарыстоўваць табліцы стыляў CSS ўключыць з плагіна (або ваш уласны, калі вы рэалізавалі адзін). Аднак, ёсць яшчэ адна запіс, якую неабходна будзе ўключаць у сябе канкрэтныя для Microsoft Internet Explorer:
#greet_block {
*background:#fff;
}
Гэта асабліва не павінна быць гэтага колеру (таму яна не можа параўнацца з астатняй вашай тэме), Але важна тое, што ўваходзіць колер фону. Калі гэтага не існуе, Internet Explorer будзе рабіць нейкія дзіўныя рэчы прывітання падчас яго выцветание. Гэта вядомая праблема.
Вы можаце размясціць гэта ў вашых уласных стыляў або выкарыстанне выкарыстанне стыляў's Theme, цэлым імем style.css.
JavaScript часткі
Большасць патрабуе беготня робіцца JavaScript і яна патрабуе, каб Jquery загружаецца з вашай тэме. Многія папулярныя тэмы ўжо ўключаныя ў, але калі ў вас не, Проста дадайце наступныя радкі (да wp_head(); зацвярджэнне):
<?php wp_enqueue_script('jquery'); ?>
Далей вы можаце альбо стварыць новы JavaScript файла або выкарыстоўваць ўжо існуючую, якая будзе загружацца з тым, і ўключаюць у сябе наступныя коды:
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);
}
);
});
Гэты код не былі аптымізаваныя так будзе прасцей зразумець што адбываецца, і рабіць якія-небудзь змены, калі вы хочаце. Калі вы дрэнна знаёмыя з JavaScript ў цэлым, Затым часткі адразу ж пасля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> падзел, які змяшчае фактычныя прывітанне. Па змоўчванні, РГ Вітайце поле выкарыстоўвае імя, названае (# Greet_block) але гэта можа быць інакш, калі вы ўнеслі якія-небудзь змены ў наладкі па змоўчванні.
The _time не павінны быць зменены і ўнутранае выкарыстоўвацца для адсочвання тайм-аўт таймер.
Функцыі ў сцэнарыі, jQuery.fn.fadeThenSlide, проста знікае прывітання і, калі яна не бачная будзе сдвиньте яго з шляху. Усё, што варта ніжэй прывітанне затым будзе паступова перайшоў на яе месцы так што вы не засталіся з вялікай пустой вобласцю.
Пры рэалізацыі гэтага сцэнару ў асобным файле, Пераканайцеся, што скрыпт будзе выкліканы з тым шаблоне. Напрыклад,, Дадаць header.php файл:
Пасля гэтага ёсць усё было ажыццёўлена, Вы можаце пажадаць, каб па змоўчванні прывітанне, калі яна была адключаная да. Затым перайдзіце на сайт, каб праверыць, ці ўсё працуе, як чакалася, і ў належным месцы. Калі ў вас узніклі любыя пытанні, адчуваць сябе свабодна, каб пакінуць каментар або Звяжыцеся са мной непасрэдны.
Адпаведныя пасады:
