【问题标题】:Style.css doesn't work on my custom wordpress themesStyle.css 不适用于我的自定义 wordpress 主题
【发布时间】:2019-12-05 14:12:26
【问题描述】:

我是 wordpress 的新手,我知道有很多关于我的问题的答案,但是,即使我已经尝试了很多,但无论我做什么,它仍然不起作用。

我已经制作了自己的自定义 wordpress 主题,它使用引导外部链接样式工作,但我自己的 style.css 不适用。只是为了确保我已经将它包含在我的 header.php 中。我使用本教程制作它converting-html-sites-to-wordpress-sites

这是我的 header.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>walabi</title>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <link href="https://fonts.googleapis.com/css?family=Niconne&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Nunito&display=swap" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>css/style.css">

    <!-- Bootstrap core CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

    <!-- Material Design Bootstrap -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/css/mdb.min.css" rel="stylesheet">

    <!-- Cache Control -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="refresh" content="600">

</head>
<body>
    <!-- Header Start -->
    <nav id="paham-nav" class="navbar navbar-expand-lg fixed-top scrolling-navbar">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"><i class="fas fa-chevron-down" style="color: aliceblue"></i></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav ml-auto nav-flex-icons">
                <li class="nav-item">
                    <a class="nav-link" href="index.php">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="career.php">Career</a>
                </li>
            </ul>
        </div>    
    </nav>
    <!-- Header End -->

这是我的function.php(首先这个function.php是如何工作的?当我什至没有声明它时)

<?php
//Definir le répertoire du thème
define("THEME_DIR", get_template_directory_uri());

//Enlever le générateur de tags meta pour la sécurité (les gents ne peuvent pas voir quelle version WP)
remove_action('wp_head', 'wp_generator');


// ENQUEUE STYLES
function enqueue_styles() {

    /* Main CSS */
    wp_register_style( 'style', THEME_DIR . '/style.css', array(), '1', 'all');
    wp_enqueue_style( 'style' );

}
add_action( 'wp_enqueue_scripts', 'enqueue_styles' );
?>

这是我尝试的一些答案:

style-css-in-wordpress-doesnt-work-after-adding-header-php-file

style-css-not-loading-in-wordpress-theme

style-css-not-working-in-wordpress

只是为了确保这是我的目录:

在我的目录中有:

  • career.php
  • footer.php
  • header.php
  • index.php
  • function.php
  • screenshot.png
  • style.css

有人可以帮我解决这个问题吗?从昨天开始我仍然无法解决这个问题

【问题讨论】:

    标签: php html css wordpress


    【解决方案1】:

    看看你的这一行:

     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>css/style.css">
    

    bloginfo('stylesheet_url') 样式表本身的完整 URL,包括文件路径和名称。所以你不需要附加css/style.css 到它!就这样吧

     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
    

    注意:样式表应该在主题目录中,而不是在单独的“css”目录中才能正常工作。

    【讨论】:

    • 谢谢你,终于像魅力一样工作了,所以这意味着&lt;?php bloginfo('stylesheet_url'); ?&gt;这已经是style.css的完整路径了?我不知道这一点,我的意思是一些正确的答案指向最后添加更多路径。再次非常感谢你^.^
    【解决方案2】:

    您是否检查过源代码并查看页面上是否正在调用样式表?如果是这样,请尝试单击或将链接粘贴到另一个选项卡并确保它加载,如果没有,请尝试将它尝试加载 CSS 的路径与实际路径进行比较。

    您也可以右键单击页面并单击检查,然后转到网络选项卡并重新加载该页面,它应该会告诉您该样式表是正在加载还是加载失败。

    当你这样做时让我知道,我会回来看看你是否需要更多帮助。

    【讨论】:

    • 谢谢你的回答,我试试这个,当我重新加载它时,style.css 没有加载或失败并且它不在网络中列出,你可以在这个链接中检查它@987654321 @
    • 当我再次看到它时,style.css 在那里但状态失败
    • 所以你的样式表路径就是问题所在。你是通过 FTP 上传到哪里的,还是放在服务器上的?
    • 样式表似乎正试图从站点的根路径中拉出。尝试将 "" 替换为 ""
    • 不要把 /public_html/ 放在那里。这是不正确的,如果您不小心,可能会导致安全问题。删除它,然后重试。
    【解决方案3】:

    您是否尝试过回应 bloginfo('stylesheet_url') ? 也许函数没有返回任何东西或错误的路径。

    为了测试,也可以直接把css文件的路径放在HTML上。

     <!-- Custom CSS -->
            <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>css/style.css">
    
    
     <!-- Custom CSS -->
            <link rel="stylesheet" href="PATH_TO_CUSTOM_CSS/css/style.css">
    

    【讨论】:

    • 首先感谢您的回答。不,我不想回应它,它更像是 style.css 在我的代码中没有任何影响
    • 我认为 css 的路径不起作用,如果函数 bloginfo() 的回声没有返回任何东西,那就是你的 function.php 如果没关系,你可以直接开发你的 css硬编码字符串...
    • 您当然需要检查您的页面 ;)
    • 正如@foreverlogic 告诉我的那样,我已经检查了这只是片刻的时间,看来我的style.css 无法加载,您可以在pahamify.000webhostapp.com 中查看
    • 是的,您的 bloginfo() 函数不会返回任何内容。实际上它搜索 pahamify.000webhostapp.com/style.css
    【解决方案4】:

    在functions.php上试试这个

    function enqueue_styles() {
    
        /* Main CSS */
        wp_register_style( 'style', THEME_DIR . '/style.css', array(), '1', 'all');
        wp_register_style( 'bootstrap', 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css');
        wp_register_style( 'material', 'https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/css/mdb.min.css');
    
    add_action( 'wp_enqueue_scripts', 'enqueue_styles' );
        wp_enqueue_style( 'style' );
    
    }
    

    【讨论】:

    • 首先感谢您的回答,但是当我尝试此代码但没有任何反应时,它仍然是一样的
    猜你喜欢
    • 1970-01-01
    • 2021-01-16
    • 2014-12-08
    • 2017-05-11
    • 1970-01-01
    • 1970-01-01
    • 2021-01-29
    • 2015-04-20
    • 2020-06-09
    相关资源
    最近更新 更多