WordPress新闻博客网站搭建视频教程（适用零基础的新手）

Wordpress网站制作教程1个月前更新 windy有风

13 0 0

今天的视频里，我会教你如何用 WordPress，快速搭建一个专业的新闻或杂志类网站！本教程会用到一个非常强大的免费主题，提供了超多自定义功能，非常适合创建新闻网站、杂志网站或者博客网站，轻松实现专业外观。

教程是全程手把手的讲解，简单易懂，适合小白操作。

►Hostinger 注册网站主机域名
➜https://bit.ly/3BysRqP

►向有风咨询，加入我的知识星球圈子：
➜https://t.zsxq.com/16QP9JP8b

本期用到的工具：
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►本期用到的wordpress主题模板下载
➜https://blazethemes.com/theme/digital-newspaper-free/

►Fiverr 新手可以从这个广告联盟开始学会赚钱
➜https://bit.ly/3XaZIL1

►Semrush 网站数据分析
➜https://bit.ly/4azZtNQ

►申请google广告联盟（网站成熟以后，再去申请才容易通过）
➜https://adsense.google.com/intl/zh-CN_cn/start/

► 图标下载站
➜https://fontawesome.com/

用到的插件：
复制文章插件：Yoast Duplicate Post
google广告插件：Ad Inserter – Ad Manager & AdSense Ads

免费图片素材站：
https://www.pexels.com/
https://pixabay.com/
https://unsplash.com/

AI生成图片：
►midjourney
➜https://www.midjourney.com/

► leonardo AI生成图片
➜https://bit.ly/3yTr0LO

► midjourney+ChatGPT 账号合租平台、账号购买
➜https://nf.video/C1dxn

►办一张国外银行卡（可用于ChatGPT会员升级）
➜https://bewildcard.com/i/19YC7OIQ

►本期视频所有文字信息
➜https://aiyoufeng.com/wordpress-news

►chatGPT
➜https://chatgpt.com/

➜升级到GPT4会员教程：
https://www.youtube.com/watch?v=64SkKkPTAg4

►阿里云.中国网站服务器租用
➜https://bit.ly/3V1GiGY

1、先看看我们最终的网站会有哪些功能

顶部导航栏：
- 带有吸引眼球的配色方案，可以轻松改成你的品牌颜色。
主导航区域：
- 包含 Logo、菜单链接、搜索功能（搜索功能对博客类网站非常重要）。
- 还有一个侧边栏菜单，可以展示作者信息或者其他附加功能。
新闻滑块：
- 自动播放的新闻头条轮播图（可以自由选择开启或关闭自动播放）。
中间内容区：
- 专业横幅区域：比如一个主新闻轮播图。
- 左侧可以设置最新新闻垂直滑块，右侧可以展示热门新闻。
文章归档区：
- 包括最近发布、精选文章和所有文章的分类列表。
简洁的页脚：
- 页脚包含有用的信息，比如联系方式、版权声明等等。

这些功能不仅局限于一个固定的首页设计！

我会教你如何制作其他风格的首页布局，比如：

这种经典风格
或者这种现代设计
甚至这种有趣的布局

你可以自由选择，随心打造你想要的效果！

博客文章页功能

当用户点击任意文章时，会跳转到该篇文章的详细页面。在这里，我会教你如何撰写一篇高质量、适合SEO优化的博客文章，包括：

博客标题
作者名称
分类标签
特色图片
主内容区域
侧边栏等

还可以设置文章评论功能，让读者互动起来。

在单篇文章页面，访问者还能在不同的位置看到广告展示，比如这样的布局。接着，我会教你如何创建分类页面。比如点击“科技”分类，就会只显示与科技相关的文章内容。

多布局自由定制

所有我刚才展示的布局，你都可以轻松地通过几个点击重新排列！这个免费主题提供了超多自定义选项，可以根据你的需求自由更改。

另外，我们还会添加深色模式和浅色模式的切换功能。没错，这些全部功能，只用 WordPress 和一个免费主题就能实现！

适合完全零基础的初学者

如果你从来没做过网站，那也完全不用担心！本教程专为零基础用户设计，手把手教会你如何操作。

记得点个赞，这样以后可以在你的 YouTube “点赞视频”里轻松找到它。

搭建网站的四个简单步骤

获取你的域名和网站主机
- 我会为分享一个便宜稳定又安全的虚拟主机服务器
安装 WordPress

第2步：获取域名和网站主机

我们先从第一个步骤开始：获取你的域名和网站主机。

什么是域名？

域名其实就是你网站的地址。

比如：

Facebook 的域名是 facebook.com
Amazon 的域名是 amazon.com
我自己的域名是 https://aiyoufeng.com/ 类似地，你也需要一个独一无二的网站地址，比如 你的网站名.com。

什么是网站主机？

网站主机就是用来存储你网站数据的空间。

网站上的所有图片、文字都会存储在你自己的主机上。

拥有自己的主机意味着没有限制！
你可以随意运行广告、上传内容，安装任何主题和插件。
你将完全掌控你的网站。

如何获取免费域名和主机？

点击视频下方描述中的链接。跟着有风一起来实操下

为什么选择 Hostinger？

在我看来，Hostinger 是目前性价比最高、速度最快的主机服务商。

他们的 Trustpilot 评价 非常优秀，很多用户对他们的速度、价格和客户支持都不错。
如果你正在寻找一款既实惠又稳定的主机服务，Hostinger 是一个非常好的选择！

3、购买主机及wordpress安装

现在我们已经进入了管理面板（Dashboard），这里是你掌控整个网站的核心。无论是设计网站、添加功能、发布博客还是管理评论，都将在这里完成。

整理后台界面，优化使用体验

首先，我们来做一些基础设置并清理后台界面。

关闭通知和提示：默认情况下会有很多通知和提醒弹出来。可以直接点击右上角的“关闭”按钮，或者点击“屏幕选项”，取消勾选不需要的内容。清理之后，后台看起来会更简洁，不会有干扰。

熟悉后台功能选项

让我们快速了解一下左侧菜单的主要功能：

文章（Posts）：
- 这里可以管理所有博客文章。
- 默认会有一个“Hello World”示例文章，点击垃圾桶图标即可删除。
- 点击“添加新文章（Add New Post）”，可以进入一个编辑页面，在这里添加标题、内容等。
媒体库（Media）：
- 用来管理网站上的所有文件，比如图片、视频、PDF等。
页面（Pages）：
- 默认有两个页面：隐私政策和示例页面。
- 你可以添加新的页面，比如“主页（Home）”“关于我们（About）”或“博客（Blog）”等。
评论（Comments）：
- 在这里管理网站上的所有评论，可以选择批准、删除或标记为垃圾评论。
外观（Appearance）：
- 这里可以管理网站的主题。
- 默认会有一些主题，比如 2024、2023 等，目前激活的是 2024 主题。
- 打开网站前端页面（点击网站标题->在新标签页中打开），可以看到当前主题的效果。
- 激活其他主题，比如 2022，只需点击“激活”按钮并刷新前端页面，即可看到全新风格。

安装新主题

获取免费主题：
- 在“外观”->“主题”中点击“添加新主题”，可以进入 WordPress 的主题商店，在这里搜索并安装数千种免费主题。
- 但我们不打算使用默认商店的主题，而是从其他网站下载。
下载主题：https://blazethemes.com/theme/digital-newspaper-free/

如果你想免费获取主题，只需要下载免费版本就可以了。点击“下载”后，你会得到一个名为 Digital Newspaper 的压缩文件，将它保存在你的文件夹中。

回到 WordPress 上传主题

上传主题：
- 返回 WordPress 的后台，进入主题商店页面。
- 点击“上传主题（Upload Theme）”，因为我们需要上传刚下载的主题文件。
- 点击“选择文件（Choose File）”，找到刚才下载的 Digital Newspaper 压缩文件。
- 选中文件后，点击“打开（Open）”，然后点击“立即安装（Install Now）”。
激活主题：
- 安装完成后，你会看到提示，现在点击“激活（Activate）”按钮。
- 激活后，可能会有一些通知或提示弹出，你可以关闭它们，让界面更简洁。
- 现在，你可以看到Digital Newspaper 已经是我们当前激活的主题了。
查看前端效果：
- 打开网站前端页面并刷新，可以看到网站的整体布局已经变化为主题提供的样式。
- 但是在主区域你会发现“没有内容”提示，因为我们的网站还没有任何文章或内容。

清理插件

管理插件：
- 回到后台，点击“插件（Plugins）”。
- 默认情况下，WordPress 会安装一些预设插件，但这些不是我们需要的。
- 选择全部插件，点击“批量操作（Bulk Actions）”下拉菜单，选择“停用（Deactivate）”，然后点击“应用（Apply）”停用所有插件。
- 再次选择全部插件，选择“删除（Delete）”，点击“应用（Apply）”，确认删除所有不需要的插件。

设置用户资料

编辑个人资料：
- 在后台左侧菜单中，将鼠标悬停在“用户（Users）”上，然后点击“个人资料（Profile）”。
- 在这里你可以自定义仪表盘的颜色主题，比如默认、浅色、深色等。不过这些颜色只有管理员自己能看到，你可以选择保留默认设置。
设置语言：
- 在语言选项中，可以选择适合的语言。如果你的团队需要其他语言支持，这里可以调整。
更新个人信息：
- 设置“名字（First Name）”和“姓氏（Last Name）”，比如填写“名字：Taimur”“姓氏：Nishat”。
- 在“显示名称（Display Name）”中，可以选择组合后的显示样式，比如“姓名 + 姓氏”。
- 这个显示名称会出现在文章的作者位置。
更改密码：
- 如果需要更新密码，点击“设置新密码（Set New Password）”，系统会建议一个强密码，你也可以输入自己的密码。
- 即使密码强度提示为“中等（Medium）”，只要你觉得可以接受即可。
保存设置：
- 滚动到页面底部，点击“更新资料（Update Profile）”按钮，保存所有更改。

4、发布文章

设置基本信息

进入设置：
- 在后台悬停到“设置”，然后点击“常规”。
修改站点标题和标语：
- 站点标题：填写你的网站名称，例如 “Digital Newspaper”。
- 标语：可以填写一些有意义的内容，比如 “California最佳新闻网站”。这样不仅有利于SEO，还可以吸引用户的注意。
设置站点图标（Favicon）：
- 站点图标是显示在浏览器标签页上的小图标。例如，像 Facebook 的小图标。
- 暂时我们会在主题自定义中详细设置这一项。
时区和日期时间格式：
- 根据你的地区选择正确的时区。
- 设置日期和时间格式，选择你喜欢的显示方式。
- 保存更改。

讨论设置

评论管理：
- 点击“设置” > “讨论”。
- 找到“评论出现前”部分，将“评论作者必须有之前通过的评论”取消勾选。
- 滚动到底部，保存更改。

永久链接设置

选择正确的永久链接结构：
- 点击“设置” > “固定链接”。
- 推荐选择“文章名”结构，这样你的文章链接会像这样：http://你的域名.com/文章名。
- 如果选择其他结构，比如“日期和名称”，链接可能会带有很多复杂的数字和符号，看起来不专业。
保存更改：
- 滚动到底部，点击“保存更改”。

创建新文章

进入文章编辑器：
- 在后台点击“文章” > “添加新文章”。
- 进入文章编辑页面。
编辑标题和正文：
- 在标题框中输入文章标题，比如“今天的头条新闻”。
- 在正文编辑区域输入内容，可以像使用 Google Docs 一样简单操作。
- 文本可以加粗、斜体或插入超链接。
设置段落和标题：
- 点击段落标志，可以将段落转换为标题（如 h3, h4）。
- 设置对齐方式：左对齐、右对齐或居中。
添加小工具和模块：
- 点击编辑器左上角的“+”图标，可以添加各种模块，比如段落、图片、标题或引用。
- 点击顶部工具栏的“/”图标，可以打开完整的小工具菜单，包括图片库、音频、媒体和文字等。
使用预设模板：
- 在“模式”选项卡中，你可以看到一些预设模板，比如横幅、特色画廊、标题。
- 选择一个模板，比如“横幅”，它会直接添加到页面中。
- 你可以修改其中的内容，比如调整大小到 50%，更改背景颜色或图片等。

添加封面与内容样式

选择封面组件：
- 点击页面中的“+”图标，然后搜索“Cover”（封面）。
- 选择“Cover”组件后，可以上传图片或选择颜色作为背景。
设置背景颜色或图片：
- 如果想使用纯色背景，例如橙色，直接点击颜色选项。
- 如果想上传图片，选择“上传”按钮，上传你的背景图。
添加文字到封面：
- 在封面组件中输入你需要的文字。
- 文字输入完成后，可以在右侧设置文字样式。
调整文字颜色：
- 在右侧工具栏中，找到“文字颜色”选项。
- 选择颜色，例如白色，或者输入自定义颜色代码。
设置文字背景：
- 在文字的背景部分，也可以选择添加背景颜色。
- 选择背景颜色后，文字会更加突出。

编辑文章内容

添加标题：
- 在编辑器顶部输入文章标题，例如“今日头条：精彩的新闻内容”。
添加段落：
- 点击正文区域，默认是段落模式，你可以直接粘贴或输入内容。
- 如果需要特殊的段落样式，可以点击右侧工具栏中的“字体设置”选项，选择“大写首字母”样式（Drop Cap）。
添加引用：
- 点击“+”图标，搜索“Quote”（引用）。
- 在引用框中粘贴或输入引用内容。
- 如果需要添加引用来源，点击右侧的“引用图标”或“作者名”，输入作者名字或出处。
添加背景文字：
- 添加一个新的段落。
- 点击“+”图标，搜索“Cover”。
- 上传一张图片或选择纯色背景。
- 在背景上输入文字，并设置文字颜色为白色或其他颜色。

编辑背景颜色和图片

清除背景颜色：
- 如果不想要背景颜色，可以点击右侧的样式选项（Styles），选择“清除”或“清除背景颜色”（Clear），这样背景颜色就会被移除。
添加段落和设置文本样式：
- 点击“+”图标，选择“段落”（Paragraph），然后输入你想要的文本内容。
- 调整文本对齐方式，例如将文本对齐到中心位置。
- 点击右侧工具栏的“文字颜色”，将文字颜色改为白色。
添加背景图片：
- 选择整个小部件（Widget），在右侧的样式选项中点击“添加媒体”（Add Media）。
- 你可以直接从媒体库中选择图片，也可以从本地上传图片。

上传图片资源

获取资源文件：AI生成图片：
►midjourney
➜https://www.midjourney.com/
► leonardo AI生成图片
➜https://bit.ly/3yTr0LO
► midjourney+ChatGPT 账号合租平台、账号购买
➜https://nf.video/C1dxn
► 办一张国外银行卡（可用于ChatGPT会员升级）
➜https://bewildcard.com/i/19YC7OIQ
特斯拉超级工厂
Tesla Superfactory
GPT提示：
请根据我的主题，你来帮我生成prompt，我会用这个prompt在AI图片生成工具里面生成封面图片，每次生成5个不同创意风格的prompt，可以吗
设置背景图片：
- 在媒体库中选择一张图片，点击“选择”（Select）。
- 该图片将作为小部件的背景图片。

调整背景叠加和透明度

调整背景叠加颜色：
- 在右侧的样式设置中，可以选择叠加颜色。
- 选择“黑色”或其他颜色，根据需求调整叠加效果。
控制叠加透明度：
- 使用透明度滑块调整叠加层的强度，建议设置为50%左右，让背景图片更清晰但仍有叠加效果。

预览更新后的内容

保存并刷新前端：
- 在WordPress编辑页面点击保存。
- 切换到前端页面并刷新，可以查看更新后的效果。
检查整体样式：
- 确保背景图片、文本颜色和叠加层的效果符合预期。
- 如果需要，可以返回编辑器继续微调。

重复上面的步骤再发几篇文章：Yoast Duplicate Post 复制文章插件

GPT提示：

请帮我写5个关于汽车行业的新闻标题，要不同的主题，需要是真实的新闻

5、增加小工具

A、sidebar边栏加以下工具：

social 社交

图片

Carousel Posts 轮播

B、left sidebar

Digital Newspaper : Posts Grid

然后首页》自定义记他显示出来。

—颜色、

—global>Sidebar Options>• **Frontpage Sidebar Layouts选第一个。 —**global>preloader 载入动画 **—**global>**Website Layout 网站布局 —**global>**Animation / Hover Effects 动画效果 —**global>**Social Icons —**global>Buttons

**—**global>Scroll To Top

截图： GPT提示词“ 我想把回到顶部的颜色改成绿色

C、site identity 站点标识：设置LOGO

D、Category Colors 类目颜色

E、Typography 排版 F、页眉图片 G、Top Header

H、Main Banner I、Blog / Archive / Single