Question

我正在使用wordpress建立一个网站。这是我第一个使用它的项目。我正在寻找一种为网站的每个页面创建自定义CSS的方法，因为我的页面截然不同。我不想将所有内容放入主题的styles.css中。我知道我可以做类似的事情：

function initScriptsAndStyles()
{
    if ( is_post( 'home' ) )
    {
        wp_enqueue_style( 'style', get_template_directory_uri() . '/css/home.css');
    }
}
add_action( 'wp_enqueue_scripts', 'initScriptsAndStyles' );

但是我也不想在每个帖子中都这样，您将永远担心没有机构会更改名称或其他内容。我发现有人说它可以动态插入，但是我不知道这样做的方法，也没有找到任何可以逐步解释的教程。

有人可以帮助我吗？

干杯！

Answer 1

您可以创建不同的页眉，不同的页脚以及完全不同的样式和JS文件，并将它们包含在任何需要的地方。您可以为每个页面创建外观不同的模板。

在主题目录中，创建一个空的php页面，即page-home.php。

在页面的开头，输入以下内容：

<?php
/**
 * Template Name: My Custom Home Pgae
 */

 get_header();
?>

然后用HTML / PHP编写所有代码

最后，添加这样的页脚：

<?php get_footer(); ?>

现在转到您的wordpress仪表板，然后单击Pages。添加一个新页面，并在右侧（“发布”按钮附近），您会看到一个为页面分配模板的选项。您将在此处看到“测试”，因为您已将该模板名称分配给page-home.php

为您分配该模板页面，您的页面将反映您分配的代码。

对于CSS，您甚至可以摆脱整个style.css

您可以创建一个文件或文件夹，以将css文件保留在主题文件夹中，并将其包含在wordpress随附的header.php文件中。

在Wordpress上为每个页面自定义CSS和JS

1 个答案: