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 专业教程 6 - Login小工具的设置和使用方法 - 特色图片
Elementor 专业教程 6 - Login小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 2 - Post小工具的设置和使用方法 样式标签篇 - 特色图片
Elementor 通用教程 3 - 小工具样式标签的通用设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 7 - 分割线小工具的设置和使用方法 - 特色图片
Elementor 基础教程 7 - 分割线小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 17 - Review小工具的设置和使用方法 - 特色图片
Elementor 专业教程 17 - Review小工具的设置和使用方法
Wordpress插件与设计 - Crocoblock 通用教程 1 - 购买或订阅Jet插件和在WP中激活插件的方法 - 特色图片
Crocoblock 通用教程 1 - 购买或订阅Jet插件和在WP中激活插件的方法
Wordpress插件与设计 - WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题 - 特色图片
WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题
Wordpress插件与设计 - WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性 - 特色图片
WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性
Wordpress插件与设计 - Elementor 基础教程 26 - 简码小工具的设置和使用方法 - 特色图片
Elementor 基础教程 26 - 简码小工具的设置和使用方法
Wordpress插件与设计 - Elementor 通用教程 5 - 如何拷贝和粘贴不同网站的设计元素 - 特色图片
Elementor 通用教程 5 - 如何拷贝和粘贴不同网站的设计元素
Wordpress插件与设计 - Elementor 基础教程 19 - 证明小工具的设置和使用方法 - 特色图片
Elementor 基础教程 19 - 证明小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Twin - AI生产力平台 - 特色图片
Twin - 智能AI助手,让你永不再做重复性工作
AI工具与服务推荐 - 千图设计室 - AI设计助手 - 特色图片
千图设计室 - 一体化AI设计助手,满足你的所有设计需求
AI工具与服务推荐 - Elements of AI - 免费AI在线课程 - 特色图片
Elements of AI - 揭开人工智能的神秘面纱,开启AI学习新旅程!
AI工具与服务推荐 - Quizgecko - AI问题生成工具 - 特色图片
Quizgecko - 专业的AI问题生成专家,让个性化学习更加高效
AI工具与服务推荐 - 墨宝 - AI英文写作助手 - 特色图片
WritingPal - 哈佛团队精心打造,留学文书写作不再难!
AI工具与服务推荐 - Icons8 - AI创意设计资源平台 - 特色图片
Icons8 - 设计资源与AI工具一站集,全方位驱动创意和效率
Canva Post
Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片
Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片
Canva新手指南7 - 掌握Canva Mockup功能!轻松打造完美合成图像
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Smm Post
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
AI工具 分类筛选
AI Main Category checkbox