如何在WordPress page.php中加載style.css根目錄，內容爲single.php

Question

我正在製作一個WordPress主題。但我有一個問題。 style.css樣式表不在page.php內容中加載。當我在wp編輯器中編輯帖子並添加<div class=w3-red"> <button class="w3-btn w3-red">以及更多相關代碼時。當我發佈帖子時，他們沒有在前臺展示。我認爲WordPress不支持wp編輯器的頁面樣式自定義選項。我還在header.php中添加了自己的style.css。

我在我的web根目錄下使用w3.css樣式表。 style.css

<div class="w3-card w3-red"> Hello </div> 

此代碼未在前端加載。

Answer 1

請參閱this link

或

只要把你的樣式表（style.css文件）在目錄wp-content\themes\[YOUR_THEME]\css\。 然後，您可以通過簡單地將代碼（主題header.php文件）鏈接到樣式表。

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

Answer 2

當你創建一個主題，它必須是在同一文件夾作爲的index.php

在你的頭上

使用加載款式您的style.css：如果

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

您樣式表是在CSS文件夾加載它使用此：

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/folder/name.css"> 

Answer 3

另一種方式是訪問圖像使用CSS文件位置作爲參考點，例如，

的.class名{

背景圖像：URL（ 「../圖像/文件名」）; //上一級，然後圖像文件夾

background-image：url（「../../ images-directory-02/images/file-name」）; //向上兩級，然後在

兩個文件夾}