个人中心
gpt4 book ai didi

php - Style.css 不适用于我的自定义 wordpress 主题

转载 作者：行者123 更新时间：2023-11-28 05:10:31 25 4
gpt4 key购买 nike

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

我已经制作了自己的自定义 wordpress 主题，它使用 Bootstrap 外部链接样式工作，但我自己的 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

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

this is my themes directory

在我的目录中有:

  • career.php
  • 页脚.php
  • header.php
  • index.php
  • 函数.php
  • 截图.png
  • 样式.css

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

最佳答案

您是否尝试回应 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">

关于php - Style.css 不适用于我的自定义 wordpress 主题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57233478/

25 4 0
文章推荐： c++ - 关于 operator new 中的静态数组
文章推荐： c++ - 无法编译此图像旋转代码
文章推荐： html - 为什么没有 或 元素？
文章推荐： javascript - 当鼠标悬停在固定位置 div 上时滚动
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com