Schöne Schriftrolle zu WordPress

Ich konvertiere html5 zu WordPress Theme. Ich möchte benutzerdefinierte Bildlauf für WordPress verwenden. Der Code

DEPENDENCIES Es ist ein Plugin für das jQuery-Framework. Sie müssen jquery in Ihre Skripte aufnehmen.

ich werde benützen

Wird es nur so funktionieren? Was ist mit dem unteren Code?

 $(document).ready( function() { $("html").niceScroll(); } ); 

BEISPIELE 1. Einfacher Modus, es formatiert Dokument Scrollbar (HTML-Element bevorzugt):

Wo kann ich das eingeben, damit es funktioniert?

Nach dem Einreihen, brauche ich es noch einmal, um in header.php hinzuzufügen. Erklärung ist hilfreich.

Wie verwende ich diesen Code?

 var seq = 0; $(document).ready(function() { $("html").niceScroll({styler:"fb",cursorcolor:"#000"}); $("#mainlogo img").eq(1).hide(); function goSeq() { var nxt = (seq+1)%2; $("#mainlogo img").eq(seq).fadeIn(2000); $("#mainlogo img").eq(nxt).fadeOut(2000); seq = nxt; setTimeout(goSeq,2500); }; goSeq(); $(window).load(function(){ setTimeout(function(){ $("#gmbox div").animate({'top':60},1500,"easeOutElastic"); },1500); }); function trackLink(link, category, action) { try { _gaq.push(['_trackEvent', 'tracklink' ,'click',link.href ]); setTimeout('document.location = "' + link.href + '"', 100) }catch(err){} } $('[rel="outbound"]').click(function(e){ try { _gaq.push(['_trackEvent','outbound','click',this.href]); }catch(err){} }); }); 

Solutions Collecting From Web of "Schöne Schriftrolle zu WordPress"

WordPress führt jquery im noconflicts-Modus aus, was bedeutet, dass Sie entweder Ihren JS-Code mit dem jQuery-functionsaufruf schreiben müssen

 $(document).ready( function() { jQuery("html").niceScroll(); } ); 

oder die folgende Syntax, die $ definiert

 $(document).ready( function($) { $("html").niceScroll(); } ); 

In WordPress könnten Sie das Skript auch in den Header einfügen.

Aber als die beste Praxis. Speichern Sie Ihre Datei als script.js und rufen Sie Ihr Skript mit auf

 < ?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?> 

in functionen.php

$ handle = Name, alles was du willst.

$ src = wo die Datei ist.

$ deps = Abhängigkeiten, Ihr Skript hängt von jQuery ab. Also lade die jQuery zuerst als deinen Code.

$ ver = Version Ihres Codes

$ in _footer = default ist falsch, es bedeutet, dass der Code in den Header eingefügt wird.

Der Code für Sie, fügen Sie in functions.php

 if ( ! function_exists( 'your_enqueue' ) ) : function your_enqueue(){ wp_enqueue_script(' name ', get_template_directory_uri(). '/script.js' , array('jquery')), '1.0', false); } endif; add_action('wp_enqueue_scripts', 'your_enqueue'); 

Was ich oben geschrieben habe, ist eine der besten Methoden, um ein JavaScript hinzuzufügen, das vom WordPress-Team empfohlen wird.

Bitte beziehen Sie sich auf,

  1. http://codex.wordpress.org/Function_Reference/wp_enqueue_script
  2. http://codex.wordpress.org/Function_Reference/get_template_directory_uri