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插件与设计 - WP教程 2 - 别再傻傻分不清了!一文读懂WordPress.com和WordPress.org的区别 - 特色图片
WP教程 2 - 别再傻傻分不清了!一文读懂WordPress.com和WordPress.org的区别
Wordpress插件与设计 - Elementor 专业教程 33 - 制作MegaMenu的步骤以及使用方法 - 特色图片
Elementor 专业教程 33 - 制作MegaMenu的步骤以及使用方法
Wordpress插件与设计 - Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法 - 特色图片
Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 27 - HTML小工具的设置和使用方法 - 特色图片
Elementor 基础教程 27 - HTML小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 7 - Slides小工具的设置和使用方法 - 特色图片
Elementor 专业教程 7 - Slides小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 20 - 标签小工具的设置和使用方法 - 特色图片
Elementor 基础教程 20 - 标签小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 25 - SoundCloud小工具的设置和使用方法 - 特色图片
Elementor 基础教程 25 - SoundCloud小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 21 - 手风琴小工具的设置和使用方法 - 特色图片
Elementor 基础教程 21 - 手风琴小工具的设置和使用方法
Wordpress插件与设计 - WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇) - 特色图片
WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇)
Wordpress插件与设计 - Elementor 基础教程 18 - 进度条小工具的设置和使用方法 - 特色图片
Elementor 基础教程 18 - 进度条小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - PR-image.webp

Elementor

建站必备插件推荐
Elementor是一款WordPress平台上的可视化页面构建器插件,无需编程即可设计网页

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Astra Theme

建站主题推荐
Astra Theme是一个快速、轻量级且高度可定制的WordPress主题,适合各种网站

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Crocoblock

建站功能插件推荐
Crocoblock是一系列高功能的Elementor附加插件,用于创建动态内容和专业级网站

访问官网
副业时代 站内使用 elementor 免费教程 横板图像 - image-2.webp

Elementor Free Widget

Elementor 免费版小工具
是设计网页时所需的基础类工具。
大约包含30多个小工具

访问课程页
副业时代 站内使用 elementor 专业教程 横板图像 - image-2.webp

Elementor Pro Widget

Elementor 专业版小工具
是面向专业熟练用户的高级设计套件。
大约包含30多个小工具

访问课程页
已阅读 文章
您还没有阅读任何文章
AI Tools Post
AI工具与服务推荐 - Creatus.ai - AI工作空间和自主团队成员平台 - 特色图片
Creatus.ai - AI原生工作空间,助力中小企业数字化转型
AI工具与服务推荐 - MyLens - AI驱动的历史探索平台 - 特色图片
MyLens - AI生成历史时间轴,激发跨界思考与创新灵感
AI工具与服务推荐 - Waifu Labs - AI二次元动漫形象生成工具 - 特色图片
Waifu Labs - AI绘制二次元美少女,魔法般的创作体验!
AI工具与服务推荐 - STUDIO - 网页设计工具 - 特色图片
STUDIO - 网页设计新革命,AI赋能创意无限
AI工具与服务推荐 - Dreamtonics - AI歌声合成软件 - 特色图片
Dreamtonics - AI助力音乐创作,激发无限想象力,打造独特作品。
AI工具与服务推荐 - Wolfram|Alpha - 计算知识引擎 - 特色图片
Wolfram|Alpha - 尖端科技与知识库,为用户提供权威、全面的计算服务
Canva Post
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片
Canva 使用教程 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍!
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Smm Post
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片
如何正确选择一款适合自己的视频编辑软件?
AI工具 分类筛选
AI Main Category checkbox