Javascript 将自定义主页上载到Wordpress

我终于为我的网站创建了完美的闪屏/登录页/主页，不管你怎么称呼它

---

但是，现在我被困在如何将这个设计上传到WordPress上。因为js、css图像等位于单独的文件和文件夹中，而不是内联的。那么，实际上我如何上传这个自定义html（landingpage.html），它只检索我创建的指定css/javascript/fonts/images/等，而不是站点上的css/javascript/fonts/images/等

Verry simpel，只需创建名为

splash home.php的文件

，在该文件中添加以下内容：

<?php
  /**
   * Template name: splash-home
   */
   get_header();
?>
<!-- Your custom HTML, CSS, JS here -->
<?php get_footer(); ?>

然后在你的WP管理员进入页面，在右边你有一个名为“默认模板”的选项，选择你的自定义启动模板

---

您还可以打开主题文件夹中的

page.php

，复制粘贴HTML

将所有资产（如js、css）移动到“闪屏”文件夹中。并将html文件放在最上面的文件夹中，如：

• landing.html
• 闪屏

将html文件扩展名更改为php。比如landing.php

在landing.php的顶部添加以下代码：

<?php
  /**
   * Template name: Landing page
   */

?>

将所有文件上载到活动WordPress主题文件夹。您将上传如下内容：

• landing.php
• 启动屏幕（资产文件夹）

---

创建WordPress页面名称Home或任何您想要的内容，并设置自定义模板。你准备好出发了

不幸的是，它没有起作用。网站已经全部损坏，并采用了网站的css，而不是我制作的css。原因可能是您添加了get_header（）；在模板中。不要添加get_头（）；我有很多JS/css，如果把它放在一个文件里会很混乱（相信我已经试过了）。然而，在进一步检查之后，似乎该文件从站点获取CSS/JS并覆盖了我的自定义代码。