Question

所以我以前从未使用过wordpress，而且我的兄弟说这样比较容易，然后编写脚本，所以我想我会尝试一下。现在我已经制作了一个主题并且它有效，但每当我尝试使用插件时，它都没有任何与之关联的CSS或javascript。我可能错过了一些基本的东西但是在过去的6个小时里一直困扰着我。这些是我的页眉和页脚文件：

标题

<!doctype html>
<html lang="en" class="no-js">
<head>
    <title>Salon BellaVita</title>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" type="image/ico" href="favicon.ico"/>

<!-- Latest compiled and minified CSS -->
<!--    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">-->

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,600,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css">

    <?PHP
    function theme_name_scripts() {
    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', 'theme_name_scripts' );

    ?>
    <!-- Latest compiled and minified JavaScript -->
</head>
<body>
<!-- Header ================================================== -->
<header class="clearfix header container">
    <div class="top-line navbar navbar-fixed-top">
        <div class="container">
            <ul class="top-menu left">
                <li><a href="?page_id=24"><i class="icon ion ion-email"></i>&nbsp;Mail ons</a></li>
                <li><a href="#"><i class="icon ion ion-ios7-telephone"></i>&nbsp;Tel 0181-640588</a></li>
            </ul>
            <ul class="top-menu right">
                <li>
                    <a href="https://www.facebook.com/pages/Bella-Vita/462965717112835">
                    <i class="icon ion ion-social-facebook"></i></a>
                </li>
                <li>
                    <a href="http://www.enjoygram.com/salonbellavita">
                    <i class="icon ion ion-social-instagram-outline"></i></a>
                </li>
            </ul>
        </div>
    </div>
</header>    
<!-- End Header -->

页脚

<footer>
<div class="container">
    <div class="row">
        <div class="col-md-2 text-center">
          <p class="footercenter">
          Bella Vita
          Contact informatie: <a href="mailto:someone@example.com">
          someone@example.com</a>.
          </p>
        </div>
        <div class="col-md-8 text-center">
            <ul>
                <?php wp_list_pages( $args ); ?> 
            </ul>     
        </div>
        <div class="col-md-2 text-center">
            <p class="footercenter">
                <img src="images/logo.png" alt="Salon Bellavita" width="200" height="60" />
            </p>
        </div>
   </div>
</div>

有人知道我错过了什么吗？

Answer 1

您需要在<?php wp_head(); ?>代码前添加</head>，在<?php wp_footer(); ?>代码前添加</body>。插件依赖这些标签来正确添加样式和脚本。

Wordpress错过了css和javascript文件

1 个答案: