Wann immer Sie erreichen diese Website von einer Suchmaschine oder einem beliebten sozialen oder Bookmarking Website, einen freundlichen Gruß wird Sie empfangen und deuten möglicherweise ein paar andere Artikel auf Ihrer Suchbegriffe basiert. Dies ist die Höflichkeit der WP Greet Box-Plugin für WordPress, developed by Thaya Kareeson.
Die Administrations-Oberfläche für dieses Plug-in ist recht intuitiv und es wird geben dem Administrator eine Reihe von Optionen, wann und wie oft die Meldung. Zum Beispiel, Sie könnten setzen Sie ihn auf ein Gruß an die Ankunft von Google zu zeigen und für eine maximale Dauer nur.
Wenn diese Option aktiviert, ein Website-Besucher kann auch den Gruß-Box manuell schließen und damit in der Lage, die maximale Zeit, in der Verwaltung außer Kraft gesetzt.
Leider bleibt die Ansage mit der eingestellten Position so lange wie die Seite sichtbar ist oder bis der Benutzer schließt es manuell. Um zu vermeiden, die Besucher mit manuell, was sie wollen nicht zu sehen, in der Nähe, Ich habe ein Auto umgesetzt hide-Funktion.
Was es alles kann
Diese zusätzliche Funktion arbeitet nahtlos mit dem Plug-in. Nach der Begrüßung hat sich gezeigt,, es wird ein paar Sekunden warten, bevor es beginnt zu verblassen. Wenn der Besucher nicht alle Maßnahmen ergreifen,, die Begrüßung wird schließlich ganz verschwinden und der Raum, den sie verwendet werden, indem Sie den Rest der Website an seiner Stelle zurückgefordert werden. Wenn vor oder während Verblassen Der Besucher bewegt sich die Maus über den Bereich, Ein Nachlassen werden auf die normalen und den Benutzer zurückgegeben werden können, klicken Sie auf einen der Links der Begrüßung könnte zeigen, werden.
Es ist nicht anders als einige der Nachricht Ballons haben wir von Windows Vista oder Ubuntu gewöhnt — Wenn Sie nicht daran interessiert, es wird die Nachricht Ballon wird entfernt, ohne Ihre Interaktion verblassen.
Wie die Umsetzung dieses Beschlusses
Es handelt sich eher ein paar kleine Änderungen an Ihrer Website. Zunächst, die WP-Greet Box Plug-in sollte so eingestellt werden, NICHT automatisch einen Gruß (Deaktivieren Sie beide “Automatisch anzeigen Grussbotschaft auf Pfählen / Seiten”).
PHP Portion
Jetzt müssen Sie als Vorlage für die WordPress-Theme-Datei bearbeiten(mit) wo man möchte den Gruß Display. Zum Beispiel mit dieser Website, Ich bin mit dem Thema der header.php Datei. Es geht um das Einfügen ein klein wenig von PHP-Code wie folgt:
Nach Belieben, Sie können oder nicht wollen, um es in diesen beilegen <div></ Div> Aussagen, und es wird, wo man suchen Sie den Code sowie Ihre Vorlage ab.
CSS Portion
Sie können weiterhin die CSS-Stylesheet verwenden, das mit dem Plug-in (oder Ihre eigene, wenn Sie ein umgesetzt). Jedoch, Es gibt einen Eintrag, den Sie auf, spezielle für den Microsoft Internet Explorer benötigen:
#greet_block {
*background:#fff;
}
Es ist nicht besonders müssen diese Farbe (so kann es entsprechen, den Rest Ihres Thema), aber die Bedeutung ist, dass eine Hintergrundfarbe enthalten ist. Wenn diese nicht vorhanden ist, Internet Explorer werden einige seltsame Dinge, um die Begrüßung zu tun, während es nachlässt. Es ist ein bekanntes Problem.
Sie können diese in Ihrer eigenen Stylesheet oder verwenden Verwendung des Themas Stylesheet, allgemein als style.css.
JavaScript-Teil
Die meisten der Beinarbeit ist durch JavaScript getan, und es erfordert, dass jQuery ist mit Ihrem Thema geladen. Viele beliebte Themen enthalten bereits diese, aber wenn Ihnen nicht der Fall, fügen Sie einfach die folgende Zeile (vor dem wp_head(); Aussage):
<?php wp_enqueue_script('jquery'); ?>
Als nächstes können Sie entweder eine neue JavaScript-Datei oder ein vorhandenes verwenden, die mit dem Thema geladen werden, und den folgenden Code:
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);
}
);
});
Dieser Code wurde nicht hoch optimiert, so wird es für Sie einfacher zu verstehen, was geschieht, und nehmen Sie die Änderungen, wenn Sie es wünschen. Wenn du mit JavaScript unbequem in der Regel, dann der Teil unmittelbar nach derGreetbox Autohide Kommentar wird für Sie von Interesse. Insbesondere:
var _greeting_box_vars = {
init_timeout: 15000,
timeout: 3000,
block: '#greet_block',
_timer: 0
};
der init_timeout Variable gibt an, wie lange die Begrüßung sichtbar werden, bevor sie verblassen beginnt, und der Besucher hat sich nicht bewegt seine Maus über sie wird. im obigen Beispiel, Dies ist 15 Sekunden (15000 Millisekunden). der Timeout Wert, folgt können Sie festlegen, wie lange der Begrüßung bleiben sichtbar, nachdem die Maus über sie wurden. Im obigen Beispiel ist dies 3 Sekunden.
der Block Variable angegeben wird die ID des <div></ Div> Abschnitt, dass die tatsächlichen Gruß enthält. Standardmäßig, die WP-Greet-Box verwendet die bereitgestellten Namen (# greet_block) aber das kann unterschiedlich sein, wenn Sie irgendwelche Änderungen an den Standardeinstellungen.
der _time sollte nicht verändert werden und wird intern verwendet, den Überblick über die Timeout-Zähler behalten.
Eine Funktion im Skript, jQuery.fn.fadeThenSlide, einfach blendet die Begrüßung und wenn es nicht mehr sichtbar wird es Folie aus dem Weg. Alles, was unterhalb der Begrüßung folgt dann nach und nach an ihre Stelle verschoben werden, so dass Sie nicht mit einem großen leeren Bereich links sind.
Wenn Sie dieses Skript Umsetzung sind in einer separaten Datei, Achten Sie darauf, das Skript mit dem Thema der Vorlage genannt werden. Zum Beispiel, Hinzufügen, um die header.php Datei:
Nach dieser wurde allen Mitgliedstaaten umgesetzt, Vielleicht möchten Sie die Standard-Begrüßung zu aktivieren, wenn sie deaktiviert wurde, bevor. Dann besuchen Sie Ihre Website zu überprüfen, ob alles so funktioniert, wie erwartet und in die richtige Position. Wenn du auf eine Fragen, gerne, um einen Kommentar oder per Post Contact Me direkt.
In Verbindung stehende Pfosten:
