Wordpress插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片

WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面!

WordPress作为一个内容管理系统,安装后默认会将最新发布的博客文章按时间倒序排列,显示在网站首页。这种“新闻式”的展示方式尤其适合在线杂志或个人博客网站。好处在于,每当发布新文章时,系统会自动展示最新内容到首页。

但是,如果你要搭建的网站是用于公司官网或在线商店,那么默认的“新闻式”的展示方式就不合适了。你需要一个能够突出业务重点以及突出产品或服务特色的首页。

所以,你需要创建和设置一个自定义的静态首页,以摆脱默认的“新闻式”布局。只有这样,你才能更有效地展示企业品牌,业务内容,产品特点能信息,从而吸引访客并提高网站的转化率。

本篇教程将简单说明,如何搭建和切换自定义静态首页的方法。

1. 自定义首页的准备工作

在开始设置自定义静态首页之前,我们需进行一些前期的的准备工作。

首先,你需要创建两个全新的页面。第一个页面是用于网站首页的页面。创建的页面可以是一张空白的页面,方便后需编辑使用。 第二个页面是用于博客文章的页面。该页面可保持原有的博客首页形式或者可以自定排版和编辑后,按时间顺序列出所有已发布的博客文章。

为了方便后续操作的便捷性,建议为创建的页面起一些比较直观且易于理解的名字,如“Home”,“Blog”等。

2.编辑首页的方式

创建首页页面后,接下来我们需要编辑首页上的内容。刚创建的页面起初是一个空白页面,因此需要对首页的内容进行排版和编辑。

关于首页的排版和设计,可根据自身需求而定即可。例如,你可以将其设计成具有丰富内容、能吸引用户关注的企业官网首页或在线销售着陆页。

对于页面的编辑,WordPress提供了两种主要的编辑方式。

  • 用古腾堡编辑器搭建网页:古腾堡编辑器为页面构建提供了强大的区块系统,利用这些功能,你可以灵活运用段落、图像、视频、按钮等各式内容区块,构建一个功能完备的静态页面。
  • 用第三方页面搭建插件:如Elementor,Divi,Beaver Builder等工具来搭建。

无论你选择哪种方式,你可以选择自身比较擅长的方式进行即可。关于编辑主页的详细操作,由于制作主页的目的和构建方式等不同,在本教程中不会进行详细的讲解。

3. 在设置静态首页

创建好自定义首页后,你需要将其设为静态首页。

设为静态首页主要有两种方法,一种是通过WordPress后台设置,另一种则是在自定义编辑模式中设置。

在WordPress后台设置静态首页

  1. 依次点击“设置” – “阅读”按钮,进入阅读设置页面。
  2. 在阅读设置页面中,找到“您的主页显示”选项,将其从“您的最新文章”切换为“一个静态页面”。
  3. 在下拉菜单中选择已制作的“Home”页面作为主页,而将文章页设置为“Blog”页面。
  4. 点击“保存更改”,保存设置。

在自定义编辑模式中设置静态首页

  1. 点击“外观” – “自定义”按钮,进入实时阅览模式。
  2. 在实时阅览模式的左侧菜单栏中,点选“主页设置”选项。
  3. 进入主页设置界面后,指定主页和文章页所对应的页面。
  4. 点击顶部的”发布“,保存设置。

需要注意的是,如果“Blog”页面按照你编辑的样式进行展示,那么在设置文章页时,无需选择“Blog”页,保持默认选择状态即可。编辑好的页面只需导入到导航菜单栏,在导航菜单中点击”Blog“页面就可以用你的编辑样式来展示文章内容。

4. 要点总结

通过本教程,可以了解到WordPress默认博客式首页的局限性,以及自定义静态首页的必要性和可行性。

以下是本期教程的要点总结:

  • 学习了自定义首页的基本步骤,包括准备新页面,启用静态首页,以及内容编辑和美化。
  • WordPress为自定义首页提供了直观易懂的设置流程,初学者也能轻松上手。
  • 使用古腾堡编辑器或第三方插件,可构建出内容丰富、视觉效果出众的静态首页
  • 自定义首页有助于塑造网站的独特形象,并提升品牌认知度。

创建和维护自定义首页时,需要注意以下几点:

  • 综合考虑首页页面内容。包括内容规划、版式设计、交互优化等
  • 需要突出首页上的核心内容。
  • 引导访客深入到网站的其他重要页面
  • 利用区块的排列组合,创造最佳视觉效果和浏览体验
  • 在实践中不断思考和改善以上各点

WordPress的自定义首页功能为网站个性化展示提供了广阔的可能性。只需巧妙利用此功能,并配合精心策划的内容设计和视觉优化,相信你能够打造出一个令人印象深刻的网站首页,从而提升网站的影响力和转化率。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

快速 搜索
相关 文章
Wordpress插件与设计 - Elementor 专业教程 12 - Price Table小工具的设置和使用方法 - 特色图片
Elementor 专业教程 12 - Price Table小工具的...
Wordpress插件与设计 - Elementor 专业教程 33 - 制作MegaMenu的步骤以及使用方法 - 特色图片
Elementor 专业教程 33 - 制作MegaMenu的步骤以...
Wordpress插件与设计 - WP教程 1 - 为什么WordPress是小白建站的不二之选? - 特色图片
WP教程 1 - 为什么WordPress是小白建站的不二之...
Wordpress插件与设计 - WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性 - 特色图片
WP教程 23 - 使用媒体区块,创建出色的多媒体页...
Wordpress插件与设计 - WP教程 2 - 别再傻傻分不清了!一文读懂WordPress.com和WordPress.org的区别 - 特色图片
WP教程 2 - 别再傻傻分不清了!一文读懂WordPre...
Wordpress插件与设计 - JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法 -特色图片
JetEngine 使用教程 2 - Custom Taxonomies的制...
google-sheets-to-wordpress-table-sync-plugin tumnail
告别手动更新?如何用Google Sheets打造动态数...
Wordpress插件与设计 - Elementor 专业教程 24 - Facebook Embed小工具的设置和使用方法 - 特色图片
Elementor 专业教程 24 - Facebook Embed小工具...
Wordpress插件与设计 - WP教程 19 - 从选择主题到自定义设置,小白也能轻松掌握 - 特色图片
WP教程 19 - 从选择主题到自定义设置,小白也能...
Wordpress插件与设计 - Elementor 基础教程 11 - 图像框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 11 - 图像框小工具的设置和...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

从关键词到内容优化,提升博客流量的SE...

WP教程 与设计
Wordpress插件与设计 - Elementor 基础教程 3 - 标题小工具的设置和使用方法 - 特色图片

Elementor 基础教程 3 - 标题小工具的...

Wordpress插件与设计 - Elementor 基础教程 16 - 图标列表小工具的设置和使用方法 - 特色图片

Elementor 基础教程 16 - 图标列表小工...

Wordpress插件与设计 - Elementor 基础教程 8 - 间隔小工具的设置和使用方法 - 特色图片

Elementor 基础教程 8 - 间隔小工具的...

Wordpress插件与设计 - Elementor 通用教程 4 - 高级标签的设置和使用方法 - 特色图片

Elementor 通用教程 4 - 高级标签的设...

Wordpress插件与设计 - Elementor 专业教程 33 - Query的设置和使用方法 - 特色图片

Elementor 专业教程 33 - Query的设置...

Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片

WP教程 16 - 一步步教你如何创建诱人的...

AI工具 与服务
AI工具与服务推荐 - DreamUp - AI图像生成平台 - 特色图片

DreamUp - AI图像生成器,几秒钟内制作...

AI工具与服务推荐 - Beezy - AI浏览器插件工具 - 特色图片

Beezy - 小而美的采集工具,如虎添翼的...

AI工具与服务推荐 - Pebblely - AI产品摄影工具 - 特色图片

Pebblely - 几秒生成产品展示图,电商...

AI工具与服务推荐 - EPIK - AI写真编辑工具 - 特色图片

EPIK - AI复古照相馆,为您定制专属怀...

AI工具与服务推荐 - Speedwrite - AI写作工具 - 特色图片

Speedwrite - 写作神器,秒变文字达人...

AI工具与服务推荐 - Speechify - 文本转语音AI应用 - 特色图片

Speechify - AI动听朗读,让阅读时间减...

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片

Canva新手指南1 - 全面解析Canva文本框...

Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片

Canva 相关教程 1 - 未来的设计在这里...

Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片

Canva新手指南7 - 掌握Canva Mockup功...

Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片

Canva 使用教程 9 - 如何巧妙地利用建...

Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片

Canva新手指南8 - 提升设计效率!使用...

Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片

Canva 相关教程 2 - Canva免费版与付费...

社媒运营 与营销
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片

从零到一!创建YouTube频道并上传视频...

社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片

新手必看!解锁YouTube视频广告投放优...

社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片

从0到10万!12个实用技巧快速提升YouTu...

社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片

YouTube运营全攻略:从零到一打造你的油...

社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片

一文带你解析海外版小红书Lemon8!Z世...

社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片

缩略图设计终极指南,打造吸睛的视频门...

AI工具 分类筛选
AI Main Category checkbox