Всякий раз, когда вы достигнете этого сайта из поисковой системы или популярных социальных закладок или сайта, дружеское приветствие будет приветствовать Вас и, возможно, предложить некоторые другие статьи, основанные на ваших ключевых слов. Это любезность РГ Приветствуйте 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
};
Определенный артикль init_timeout переменная определяет, как долго приветствие будет виден до его начала затухания и посетитель не шевелить мышь над ней. В приведенном выше примере, это 15 секунд (15000 миллисекунды). Определенный артикль таймаут значение, которое следует вы можете указать, как долго приветствие будет оставаться видимыми после мыши была над ним. В приведенном выше примере это 3 секунд.
Определенный артикль Блок Переменная указан идентификатор <Div></ DIV> раздел, который содержит фактические приветствие. По умолчанию, РГ Приветствуйте поле использует имя, указанное (# greet_block) но это может быть иначе, если вы внесли какие-либо изменения в настройки по умолчанию.
Определенный артикль _time не должны быть изменены и внутренне использоваться для отслеживания тайм-аут таймера.
Функции в сценарии, jQuery.fn.fadeThenSlide, просто исчезает приветствия и, если она не видна будет сдвиньте его с пути. Все, что следует ниже приветствие затем будет постепенно перешел на ее месте так что вы не остались с большой пустой областью.
При реализации этого сценария в отдельном файле, Убедитесь, что скрипт будет вызван с тем шаблоне. Например,, Добавить header.php файл:
После этого есть все было осуществлено, Вы можете пожелать, чтобы по умолчанию приветствие, если она была отключена до. Затем перейдите на сайт, чтобы проверить, все ли работает, как ожидалось, и в надлежащем месте. Если у вас возникли любые вопросы, чувствовать себя свободно, чтобы оставить комментарий или Свяжитесь со мной непосредственное.
Соответствующие должности:
