首页 文章

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

提问于
浏览 次
-1

我得到了另一个开发人员在Wordpress中开发的Web应用程序，我不是Wordpress的专家作为框架 .

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

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

有任何想法吗？我想添加这样的东西，然后重定向到Wordpress网站：https://html5up.net/landed

php html css wordpress

1 回答

  • 1

    创建着陆页模板并使其与网站的其他部分不同，您应创建不同的页眉，页脚文件，以便在着陆页中不会添加默认值 . 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'); ?>

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

    您可以使用“登陆”和“网站登陆”类在目标网页 Headers 上隐藏或删除额外的CSS .

    例如.landing h1

    回复于

相关问题