Question

我在我的主题文件夹中添加了一个名为login.php的新模板。

以下是login.php的代码：

<?php
/**
 * Template Name: login
 * Description: login page
 * @package Backyard Cures
 */
?>

<?php get_header(); ?>

@import url("./wp-content/themes/backyard-cures/style.css")

<div class="all-content">
<div class="all-content-container">    
    <?php wp_login_form(); ?>
    <?php get_sidebar(); ?>
    <?php wp_footer(); ?>

我有两个问题，也许是相关的。

1）当我打开登录页面时，chrome开发人员不会注册all-content和all-content-container div。

2）当我尝试使用style.css设置login.php中的元素样式时，这些更改不会显示。实际上，Chrome开发人员似乎根本没有注册任何CSS。

提前致谢

Answer 1

@import仅在css文件中使用时才有效。要在您的网页上添加css，您需要执行以下操作：

<link rel="stylesheet" type="text/css" href="./wp-content/themes/backyard-cures/style.css"/>

Answer 2

通常@import仅在您在css文件中使用时才有效。要在您的网页中加入css，您需要将其包括在内：

<link rel="stylesheet" type="text/css" href="./wp-content/themes/backyard-cures/style.css"/>

您可以在http://gajjar.me/1tkqiLg

了解有关@import的更多信息

我希望这会有所帮助。

Answer 3

你是说你的CSS文件没有加载？如果是这样，请尝试bloginfo。这将动态创建模板目录的引用。

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

它是一个方便的小WP API http://codex.wordpress.org/Function_Reference/bloginfo

Answer 4

将您的导入css更改为
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/style.css" />
别忘了关闭你的div </div>

style.css不影响新的页面模板

4 个答案: