最新活动:买一送一!升级会员,最高返 500 抵扣券!>>>

创建 WordPress 登陆页面:分步指南

创建 WordPress 登陆页面:分步指南 - 我爱模板网

如果您想销售商品或吸引访问者注册,WordPress 网站上的登陆页面是一个非常宝贵的工具。在这篇文章中,您将了解如何在 WordPress 中免费创建登陆页面并鼓励人们购买或注册您的服务。

我们将通过自定义第三方 WordPress 主题来创建着陆页。这是免费创建 WordPress 登陆页面的最佳方式,并为您提供最大的灵活性,但它需要一些编码知识。如果您想创建一个无需编码的登陆页面,请查看我们的其他一些帖子。

着陆页是关键页面,旨在促使用户采取行动。该操作的具体内容取决于您的业务,但可能是以下两种情况之一:

  • 买一些东西,可能是大件商品,因为您会使用产品页面来购买较小的产品。
  • 注册某项内容,可能是服务或课程的订阅,也可能是邮件列表。

您需要尽可能多地吸引此页面的流量,因为它将对您的网站非常重要。您可以通过搜索引擎优化、广告或直接营销(或者两者的结合)来做到这一点。

但是,一旦人们到达该着陆页,您就需要确保他们购买或注册。

页面的内容将成为您执行此操作的一部分 - 不仅是内容本身,还有您的布局方式。一般来说,商品越贵,您需要的文字和号召性用语就越多。

但这不仅仅是内容的问题。您还需要确保当有人登陆该页面时,他们唯一可用的选项是单击购买按钮。如果有导航菜单、某些小部件或可点击的徽标,他们就有可能点击离开以调查网站的其余部分,并且永远不会返回到着陆页。

这就是在主题中创建登陆页面的用武之地。登陆页面不会有内容之外的链接。不会有菜单,没有小部件,页眉、页脚或其他任何地方都没有可点击的链接。它通常是全宽的(因为您不需要侧边栏小部件),并且它有一个干净的布局,旨在将注意力集中在内容上。

在本教程中,我将向您展示如何为您的主题创建登陆页面模板。这包括四件事:

  • 为您的目标网页创建页面模板
  • 为没有链接的着陆页创建标头
  • 为着陆页创建一个不带链接的页脚
  • 使用模板创建目标网页

那么让我们开始吧。我将为“二十二十”主题创建此登陆页面模板,这意味着创建一个子主题,这样我就不会编辑第三方主题。

您需要什么

要学习本教程,您需要:

  • WordPress 的测试或开发安装
  • 代码编辑器
  • 已安装主题

那么让我们开始吧。

创建子主题

如果您正在开发自己的主题,则可以跳过此部分。但是,如果您使用从主题目录下载的第三方主题或从 ThemeForest 或其他来源购买的第三方主题,则需要一个子主题。

按照我们的指南创建子主题,并将新主题保存在您网站的 wp-content/themes 目录中。

创建登陆页面模板文件

现在您需要创建一个页面模板作为您的登陆页面模板。您需要复制主题中页面使用的任何模板并重命名新文件。对于许多主题来说,就是 page.php。对于二十二十,那就是singular.php。您可以使用 WordPress 模板层次结构来确定正在使用哪个模板文件。

如果您使用子主题,您可以将副本复制到子主题。如果您正在使用主主题,请将副本保存在主主题中。注意:不要在您的实时网站上执行此操作!

如果您的主题有全角页面模板,请使用它而不是 page.php,因为页面布局已经设置为没有侧边栏,并且侧边栏将有已被删除。

我已将文件命名为landing-page-template.php。不要给它一个以 page 开头的名称。如果您随后使用该名称创建页面,WordPress 会自动将模板分配给该页面。最好保持手动操作,以便您拥有更多控制权。

这是我的新 landing-page-template.php 文件的完整内容。如果您使用不同的主题,您的主题看起来会有所不同。

<?php
/**
 * The template for displaying single posts and pages.
 *
 * @link /file/tupian/20240425/
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

get_header();
?>

<main id="site-content" role="main">

    <?php

	if ( have_posts() ) {

		while ( have_posts() ) {
			the_post();

			get_template_part( \'template-parts/content\', get_post_type() );
		}
	}

	?>

</main><!-- #site-content -->

<?php get_template_part( \'template-parts/footer-menus-widgets\' ); ?>

<?php get_footer(); ?>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

wordpress怎么上传文件

2024-5-8 11:13:13

wordpress教程

wordpress打不开怎么办

2024-5-8 12:11:52

!
你也想出现在这里?立即 联系我们吧!
信息
个人中心
购物车
优惠劵
今日签到
搜索