bloginfo ('template_url') - erzeugt ein anderes Ergebnis

Question

Ich habe eine Website und es funktioniert im Localhost-Modus. Wenn ich jedoch die Site hochlade, wird das zweite CSS nicht geladen.

Ich verwende

bloginfo('template_directory'); 

eine zweite CSS zu lesen und auch meine JS-Datei zu lesen

<link id="style_cor" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style/<?php echo $estilo_cor_variavel; ?>/style.css" type="text/css" media="screen" /> 

<script src="<?php bloginfo('template_directory'); ?>/js/site.js"></script> 

Die js Datei funktioniert, aber die CSS nicht.

Sie produzieren verschiedene Pfade.

Ich weiß nicht, warum die gleiche Funktion verschiedene Ergebnisse erzeugt.

Kann jemand helfen?

Answer 1

Sie sollten Ihr CSS oder JS nicht direkt mit den Tags <link> oder <script> hinzufügen. Stattdessen sollten Sie sie aus Ihrer functions.php in die Warteschlange stellen. Ihre Funktion könnte wie folgt aussehen:

function enqueue_scripts() { 
    wp_enqueue_style('my-custom-css', get_stylesheet_uri()); 
    wp_enqueue_script('my-custom-js', get_template_directory_uri() . '/js/script.js', array ('jquery'), 1.1, true); 
} 
add_action('wp_enqueue_scripts', ' enqueue_scripts '); 

Answer 2

verwenden

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/style.css" type="text/css" media="screen" /> 

<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/site.js"></script> 

Answer 3

Verwenden get_template_directory_uri() Funktion statt:

<script src="<?php echo get_template_directory_uri()>/js/owlcarousel/owl.carousel.js"></script>