Php 在Wordpress网站之前添加简单的HTML登录页_Php_Html_Css_Wordpress

Php 在Wordpress网站之前添加简单的HTML登录页

php html css wordpress

Php 在Wordpress网站之前添加简单的HTML登录页,php,html,css,wordpress,Php,Html,Css,Wordpress,另一位开发人员给了我一个用Wordpress开发的web应用程序，我不是Wordpress框架方面的专家我们的Web应用程序托管在SiteGround。我试图做的是在实际的Wordpress站点加载之前，添加一个带有CSS和JS的简单HTML模板登录页。我想我可以通过在SiteGround的根文件夹中添加一个新的index.php文件来做到这一点我之所以要这样做，是因为我希望登录页的主题与应用程序的其他部分不同。我们推出这个网站太早了，我不能用我喜欢的方式Django，所以我只需要这个快速修

另一位开发人员给了我一个用Wordpress开发的web应用程序，我不是Wordpress框架方面的专家

我们的Web应用程序托管在SiteGround。我试图做的是在实际的Wordpress站点加载之前，添加一个带有CSS和JS的简单HTML模板登录页。我想我可以通过在SiteGround的根文件夹中添加一个新的index.php文件来做到这一点

我之所以要这样做，是因为我希望登录页的主题与应用程序的其他部分不同。我们推出这个网站太早了，我不能用我喜欢的方式Django，所以我只需要这个快速修复，即使发布日期有点黑，这样我就可以用更好的方式重新做这个应用程序

有什么想法吗？我想添加这样的内容，然后重定向到Wordpress站点：

创建登录页模板&为了使其与站点的其他部分不同，您应该创建不同的页眉、页脚文件，以便在登录页中不会添加默认值。 header-landing.php footer-landing.php 在自定义登录页模板中包括页眉和页脚文件

<?php
/*Template Name: Landing Page */
get_header('landing'); ?>
Put here html content of the landing page.
<?php get_footer('landing'); ?>

自定义标题文件，仅添加登录页标题上所需的文件。请参阅以下代码，以在同一主题中添加不同的标题样式。将其另存为header-landing.php

<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
      <meta charset="<?php bloginfo( 'charset' ); ?>">
      <meta name="viewport" content="width=device-width">
      <title><?php wp_title( '|', true, 'right' ); ?></title>
      <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
      <!--[if lt IE 9]>
      <script src="<?php echo get_template_directory_uri(); ?>/js/example.js"></script>
      <![endif]-->
      <?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site landing">
      <div id="main" class="site-main site-landing">

您可以使用其类登录和站点登录来隐藏或删除登录页标题上的额外css

比如说

.landing h1

你想要一个预加载程序，一个位于加载页面顶部的层，还是一个转发到实际主页的完全不同的页面？为什么不在WP customizer对话框中选择静态页面，然后根据需要设置此页面的样式？Johannes，我不这么做，因为它继承了站点其余部分使用的主题。Nathaniel，我不想要预装器。我想要一个完全不同的页面。@JohannesFilter您的示例显示了一个预加载程序，因此您应该为您的问题选择一个不同的、更正确的示例。您好，谢谢您的建议。我现在更了解这一点了。然而，当我在网站的主题中放置一个模板时，即使我将HTML代码放置在模板中，它仍然会拉取另一个模板的总体主题，即使我创建了footer-landing.php和header-landing.php并将它们保留为空。例如：Hello World这将在另一个模板的内容空间中呈现标题为的页面。我遗漏了什么吗？请看上面编辑的代码，您只能使用header-landing.php中定义的js、css，还可以使用默认主题隐藏/删除，使用landing page类使用额外的css。