js-dateien und css-dateien zu wordpress hinzufügen

Question 1

Ich bin neu bei WordPress.. Ich habe mein Thema namens “Hase” installiert. Jetzt möchte ich einige Javascript-Dateien sowie CSS-Dateien in die index.php-Seite einfügen. Aber ich finde nicht die gewünschte Ausgabe.

Folgendes ist der Code, den ich geschrieben habe..

    <?php get_header(); ?>
    // Some content
    <?php get_footer(); ?>
<!-- JQuery libs
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- js jQuery wait for images Plugin ====================== -->
<script src="<?php%20bloginfo(template_directory%20);%20?>/javascripts/jquery.waitforimages.js"></script>
<!-- js jQuery flexslider Plugin ====================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/jquery.flexslider-min.js"></script>
<!-- jQuery Cycle Plugin ====================================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/jquery.cycle.all.js"></script>
<!-- jQuery Cycle Plugin ====================================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/jquery.fullscreen-min.js"></script>
<!-- js jQuery jcarousellite Plugin ====================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/jcarousellite_1.0.1.min.js"></script>

<!-- js Fancybox Plugin ================================= -->
<link rel="stylesheet" href="<?php%20bloginfo(template_directory);%20?>/javascripts/fancyBox-2/jquery.fancybox.css">
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/fancyBox-2/jquery.fancybox.pack.js"></script>
<!--fancybox helpers-->

<link rel="stylesheet" href="<?php%20bloginfo(template_directory);%20?>/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.css"/>
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.js"></script>
<!-- js jQuery qtip plugin ====================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/jquery.qtip-1.0.0-rc3.min.js"></script>
<!-- toTop ====================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/goToTop.js"></script>
<!-- js jQuery my own functions ====================== -->
<script src="<?php%20bloginfo(template_url);%20?>/javascripts/functions.js"></script>


<!-- <script src="javascripts/jquery.tweet.js"></script> -->

<!-- JS twitter scripts ================================== -->
<script src="http://twitter.com/javascripts/blogger.js"></script>
<script src="http://twitter.com/statuses/user_timeline/EnvatoWebDesign.json?callback=twitterCallback2&amp;count=5"></script>

    <!-- End Document
    ================================================== -->
    </body>

    </html>

Ist mein Weg richtig?? Wenn nicht dann korrigiert mich bitte..

Vielen Dank im Voraus

Question 2

In Ihren Kommentaren beziehen Sie sich möglicherweise darauf diese Richtlinien von Yahoo. Es gibt jedoch ein paar Vorbehalte zu dieser Regel. Am wichtigsten ist, dass Google Analytics es vorzieht, dass das Snippet innerhalb von platziert wird <head> Abschnitt und erlaubt Ihnen nicht, Analytics für die Webmaster-Tools-Authentifizierung zu verwenden, es sei denn, das Snippet befindet sich im Kopf.

Noch wichtiger ist, dass Sie Ihre JS- und CSS-Dateien auf diese Weise nicht direkt in Ihre Designvorlagen einfügen möchten. Es funktioniert, aber es ist sehr un-WordPress-y.

Der „richtige“ Weg, zusätzliche Skripte und Stile in ein WordPress-Theme einzubinden, ist die Verwendung der wp_enqueue_script() und wp_enqueue_style() Funktionen innerhalb eines Hooks in functions.php, etwa so:

function my_custom_styles_function() {
wp_enqueue_style( 'my-style', get_stylesheet_directory() . DS . 'javascript' . DS . 'my-plugin' . DS . 'my-plugin-style.css', array(), '1.0' );
    ...
}
add_action('wp_enqueue_scripts', 'my_custom_styles_function');

WordPress hat tatsächlich jQuery standardmäßig enthalten, allerdings ohne die $ Abkürzung eingerichtet. Sie können jQuery von WordPress verwenden und alle Ihre benutzerdefinierten Skripte damit starten jQuery(...); anstatt $(...); Dies kann jedoch bei einigen Plugins zu Problemen führen. Wenn Sie Ihre eigene Version von jquery einbinden möchten, sollten Sie zuerst verwenden wp_dequeue_style() zu aus der Warteschlange nehmen die “eingebaute” jQuery.

Schließlich, wenn Sie tun möchten Sie Skripte in die Fußzeile einbinden, die wp_enqueue_script() Funktion hat ein Flag, $in_footer um bestimmte Skripte in die Fußzeile zu verschieben.

Question 3

Die Antwort von @qccreative ist die richtige. Sie sollten alle js/css-Dateien, die Sie benötigen, mithilfe der Datei functions.php, die Sie in Ihrem Design haben müssen, in Ihre Seite einfügen. Wenn Sie es nicht haben, erstellen Sie einfach eines und erstellen Sie eine Funktion zum Importieren Ihrer Dateien, genau wie in der obigen Antwort.

Sie können sogar verwalten, auf welcher Seite Sie Ihre Skripte laden möchten.

Außerdem ist dies der sicherste Weg, den WP bietet, um Skripte auf organisierte Weise einzubinden.

Dieser Hook, den WordPress bereitstellt, WP_ENQUEQUE_SCRIPTS, ist eine Funktion, die die Skripte innerhalb Ihrer Aktion zur Site hinzufügt.

hier noch ein beispiel:

function load_javascript_files(){

      wp_register_script( 'jquery-accordion', get_template_directory_uri() . '/js/jquery.accordion.js', array('jquery'),true );
      wp_enqueue_script('jquery-accordion'); 
  }

 add_action('wp_enqueue_scripts', 'load_javascript_files');

Viel Glück Kumpel

Question 4

Aus dem von Ihnen eingegebenen Code würden Sie eine erstellen header.php Datei in Ihrem Themenordner und fügen Sie das JS dort ein. Ein Beispiel wäre wie folgt:

    `<!DOCTYPE html>
    <html>
    <head>
    <title><?php bloginfo( 'name' ); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script src="https://stackoverflow.com/questions/14279709/<?php%20bloginfo("template_url' ); ?>/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script src="https://stackoverflow.com/questions/14279709/<?php%20bloginfo("template_url' ); ?>/jQuery-validate.js" type="text/javascript"></script>

<link rel="stylesheet" href="https://stackoverflow.com/questions/14279709/<?php%20bloginfo("template_url' ); ?>/style.css" type="text/css" />            
<?php wp_head(); ?>
</head>
<body>

Question 5

/**
 * Proper way to enqueue scripts and styles.
 */

    function custom_links() {
        wp_enqueue_style( 'style-name', get_stylesheet_uri() );
        wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'custom_links' );

Wenn Sie Ihre CSS-Datei verknüpfen müssen, können Sie sie verwenden wp_enqueue_style und wenn Sie verlinktes JavaScript benötigen, können Sie es verwenden wp_enqueue_script.

wp_enqueue_scripts Dies ist Arbeit auf der Frontend-Seite von WordPress.

admin_enqueue_scripts Dies funktioniert auf der Backend-Seite von WordPress.

Ich hoffe, es ist Hilfe für alle Menschen.