javascript - How to Link a Script In WordPress -
my script doesn't work in wordpress. i'm trying convert html page wordpress theme.. ive got css linked..
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" />
but script doesn't connect..
<script type="text/javascript" src="min/myjs.js"></script>
i tried same , using <?php bloginfo('template_directory'); ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/min/myjs.js"></script>
help?
don't include scripts , stylesheets way. use wp_enqueue_scripts. assuming custom theme, add code functions.php file.
add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' ); function theme_scripts_styles() { // enqueue scripts , styles here }
in function use wp_enqueue_script , wp_enqueue_style queue files (should obvious use based on file type!)
also bloginfo( 'template_directory' ) not best practice.
use get_stylesheet_directory_uri(), or get_template_directory_uri() parent themes. can drop _uri part server paths.
so looks like
add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' ); function theme_scripts_styles() { wp_enqueue_style( 'my-styles', get_stylesheet_directory_uri() . '/min/mycss.css', array(), '1.0', 'all' ); wp_enqueue_script( 'my-scripts', get_stylesheet_directory_uri() . '/min/myjs.js', array(), '1.0', true ); }
be sure read codex on enqueue functions know parameters do.
Comments
Post a Comment