设计一个网站不仅仅是为了美观。这也是关于从访问者登陆首页的那一刻起培养信任。根据斯坦福大学的网络可信度研究,我们知道这一点75%的消费者通过网站设计来判断一个公司的可信度。raybet电子竞技

这意味着你的网站的设计应该像你网站上的内容一样经过仔细的计划和思考。在创建一个外观专业且值得信赖的站点时,您需要考虑主题、字体组合、调色板等等。如果你的网站颜色使用不当,文字太多,或者看起来不专业,那么登陆网站的访问者很可能会反弹。

在这篇文章中,我们将走过步骤,使WordPress网站看起来很专业,因此您可以吸引和欣赏您的访客。让我们仔细看看下面的这些步骤。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

按照以下步骤,您可以创建一个自定义WordPress站点,增强您的品牌标识,并为您的访客提供卓越的体验。让我们在下面讨论它们。

步骤1:选择一个可定制的主题

安装WordPress时,将在您的网站上自动安装默认主题。乍一看,你会注意到这是一个相当的责任。

2019年WordPress默认主题的朴素主页

如果您坚持使用这个主题,您可以使用Gutenberg编辑器或其他页面生成器来定制它。在其他选项中,你可以改变按钮和链接的颜色,上传你的logo图像,添加图标到社交菜单,添加小部件出现在你的页脚。

你可以通过自定义这个默认主题来创建一个漂亮的网站。然而,有一些限制可能会阻止您尽可能地个性化您的站点。对于你的品牌来说,它可能太过简约或排版为主。它的单列布局适合内容丰富的站点,但可能不适合您的电子商务网站。

一个定制的WordPress默认主题2019的主页

有关您网站外观的更多控制,您可以选择通过数百种免费的WordPress主题WordPress主题目录或第三方市场。有了更多的颜色选项、侧边栏、背景选项、谷歌字体和可供选择的布局,你可以设计出吸引目标受众的网站,并确保它看起来独一无二。

迪瓦例如,这是一个高级主题,允许你从头开始设计和定制你网站的每个部分。在超过800个预先制作的网站布局中进行选择后,您可以将动画应用到页面上的任何元素,为图像和文本添加阴影,从数百种web字体中选择或上传您自己的,等等。下面是一个登陆页面从Divi的设计机构布局包。

来自Divi的设计代理布局包的演示登陆页

第二步:选择你的调色板

您开始自定义主题时,您将使用几乎无限制的颜色选项呈现。这并不意味着您应该尝试使用每一个。反而,挑色调色板为您的网站并坚持下去。在您的网站上的所有页面中强制执行您的颜色方案 - 以及促销材料和社交媒体内容 - 将有助于加强您的品牌意识,并在跨平台和渠道吸引和保留忠诚的受众。

但是你如何为您的网站挑选正确的颜色?作为网页设计师Ben Gremillion指出,没有一套颜色本身看起来很专业。你只需要以协调和周到的方式使用颜色。

当你为你的网站选择配色方案时,你可以从你的标志和内容中获得灵感。例如,假设你的主页上有一张照片背景。您可以从照片中选取一些阴影,并将它们添加到侧边栏、链接、标题和页脚。这是实现整个站点统一外观的好方法。

基于其主页的照片背景的站点的颜色调色板

第三步:选择字体

许多WordPress主题配有预先安装的字体,但您可以手动或插件添加自定义字体提升您的网站的外观。

那时候,互联网只能支持几种不同浏览器和设备上的字体。这意味着网站所有者的网站字体选择有限。

后来出现了网页字体,它给网页设计带来了革命性的变化。网络字体与所有类型的浏览器和设备兼容,所以无论访问者使用什么来访问你的网站,它们都会显示出来。

现在您可以从数百个字体中选择,这可能会压倒缩小您的选择。选择字体时需要考虑的两个主要因素是可读性和个性。您需要确保字体样式以及您选择的点大小,重量和颜色易于阅读桌面和移动设备。您还想选择一个引起品牌个性的字体。问问自己如何让人们在访问您的网站时感受到。

让我们看看两个谷歌字体,它们很好地搭配在一起。罗拉是由书法弯曲的灵感的衬线字体。非常适合身体副本,这是数字杂志,博客或任何专注于讲故事的其他网站的最佳选择。

主体复制使用Serif网络字体Lora

蒙特塞拉特是一种几何无衬线字体,灵感来自布宜诺斯艾利斯传统的蒙特塞拉特社区的旧海报和标志。它将使标题突出在你的主页,登陆页和博客。看看下面的Dang & Blast主页,看看它的字体。

使用Sans Serif Font Montserrat的主页

在为您的网站制作正确的印刷选择时,请帮助查看33个最好的免费字体设计师应该下载

第4步:创建自定义主页

就像它为你提供了一个默认主题一样,WordPress也会为你提供一个默认主页,它会自动显示你最新的博客文章列表。你会想花点时间用你自己的自定义主页来替换它。因为这是访问者对你的网站和你的业务的第一印象,你的主页应该介绍你的品牌,简要说明你的产品或服务,并指出这些访问者在浏览完页面后可以采取的下一步行动。

为了实现这些目标,您应该包括几个项目,包括“关于”部分、电子邮件选项表单和联系信息。一旦你创建了一个干净且有说服力的登陆页面,你就可以把它设置为你网站的主页。

在经典编辑器中,只需转到设置>阅读。单击“静态页面”,然后从下拉菜单中选择所需页面。在Gutenberg编辑器中,点击我的网站>设计>定制然后找到主页设置选项。然后,您将遵循与经典编辑器中相同的步骤。

在Gutenberg编辑器的主页设置选项卡中,您可以用自定义页面替换默认主页

第5步:自定义导航栏

您希望让访问者尽可能简单地浏览您的网站,以便它们保持更长,阅读更多您的内容。至创建一个自定义导航菜单这有助于增加你的页面浏览量和减少跳出率,你可以使用WordPress的内置菜单编辑器。

你将从选择你的菜单项开始。默认情况下,WordPress会给每个新页面分配一个标签,这个标签会很快让你的菜单变得拥挤不堪。相反,试着去想一个足够宽泛的分类来组织你所有的文章和页面。例如,你的菜单可能只包括“关于我们”、“商店”和“博客”选项卡。然后,您可以创建子菜单,当访问者悬停在父选项卡上时,子菜单将显示为下拉菜单项。这样一个有组织的导航系统将确保你的访问者有一个无缝的体验,并使你的网站看起来更专业。

要使您的网站更加用户友好,可以将搜索栏添加到导航菜单中。默认情况下,WordPress仅允许您在侧栏,页脚和其他小部件准备好区域上添加搜索部分。但是,你可以使用插件或代码片段在导航菜单中放置搜索框。这样,如果用户在你的菜单选项卡中找不到他们想要的内容,他们就可以输入关键字,快速轻松地找到它。

一个演示站点,导航菜单中有一个搜索框

第6步:上传自定义Favicon

在WordPress中,你的favicon是在访问者的浏览器标签中显示的图标,或者作为书签保存到他们的浏览器或手机上。这些图标虽小却很强大。假设你的访问者在浏览器中打开了12个标签页。你的图标将确保你的网站脱颖而出,这样访问者可以迅速回到你的内容。

图标也可以增强你的品牌形象。想想看,如果你的logo是你的favicon,而不是WordPress给页面分配的那种难以描述的默认图像,那会是多么令人难忘啊。

在“浏览器”选项卡中显示“默认默认”映像的站点

如果您还没有徽标,请不要担心。使用Canva和Online Logo Maker等工具,您不需要聘请徽标设计师或花费创建一个高质量,专业的标志

一旦你对你的logo感到满意,你就可以把它上传到你的网站上。如果你有4.3或更高版本的WordPress,那么你可以使用内置的站点图标功能来设置你的图标。否则,你可以手动设置它

步骤7:自定义页脚

WordPress会自动在你的网站上添加一个标签页脚,上面写着“为WordPress提供动力”。这个默认的页脚会降低你的品牌形象,让你的网站看起来不专业。

为了确保网站上的每一寸土地都支持您的品牌,您可以创建一个自定义页脚,其中包括您的logo、版权声明和您的隐私政策的链接。这些资源将reybet雷竞技下载帮助网站访问者识别并信任你的品牌。这是一个自定义页脚,它比默认页脚更有效地反映了品牌的个性。

自定义页脚,比默认页脚更有效地反映品牌的个性

有几种用于自定义页脚的方法。您可以更改主题设置,更新页脚窗口小部件,使用插件,修改页脚Whp代码,或使用插件使用主题构建器。

要获得一步一步的指导,请查看如何编辑或删除WordPress网站上的品牌页脚

按照上述步骤,您可以制定战略设计选择,反映您业务的目的和品牌。这将有助于提高您网站的可信度,吸引更多访客,并加强您的品牌标识。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

最初发表于2019年11月22日11:14:46,2019年11月22日更新

话题:

WordPress网站