Question

我获得了另一位开发人员在Wordpress中开发的Web应用程序，而且我不是Wordpress的专家作为框架。

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

我想这样做的原因是因为我希望着陆页的主题与应用的其他部分不同。我们很快就推出了这个网站，让我以我喜欢的方式（Django）这样做，所以我只需要这个快速修复（即使它有点hacky）的发布日期，这样我就可以重新执行应用程序了更好的方式。

有什么想法吗？我想添加这样的内容，然后重定向到Wordpress网站：https://html5up.net/landed

Answer 1

创建目标网页模板＆amp;为了使其与网站的其他部分不同，您应该创建不同的页眉，页脚文件，以便在登录页面中不会添加默认值。报头landing.php 页脚，landing.php 包括标题和＆amp;自定义目标网页模板中的页脚文件。

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

自定义您的头文件，只添加登陆页面标题所需的那些文件。请参阅beloe代码，以在同一主题中添加不同的标题样式。将其保存为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">

您可以使用其类＆＃34;登陆＆＃34;在目标网页标题上隐藏或删除额外的CSS和＃34;网站着陆＆＃34;。

例如 .landing h1

在Wordpress网站之前添加一个简单的HTML着陆页

1 个答案: