用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

上上周在飞哥邀请下,在上海分享了《Wordpress从入门到放弃这个话题,没想到大家很感兴趣,我把分享的内容在这里展开说明下:

现场人头攒动,飞哥人气好旺!

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

进入正文:

Waring:本教程是重点把WP的重要插件带大家走一遍,并非很细节的操作指南,但提到的都是重点。细节的教程网上很多,请大家根据本文关键词进行检索。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

在2023年7月我加入飞哥群从2023年7月开始在业余时间连续3个月时间我操刀了30个网站。包括静态的展示站点:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

动态查询站点:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

音频站点:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

AI工具导航站:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

还有我最开始练手用的 mistral 大模型资讯站点:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

上手WP的痛点在于

过于丰富的插件生态和超级多的概念

使他变得臃肿和复杂学习曲线越来越陡峭

快速入门wordpress 必须记住下面这句话:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

所以本文重点介绍在每个特定的场景应该用什么插件,应该如何配置(大量截图)!建议收藏!

WP基础概念1分钟

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

需要重点介绍的是theme,page,shortcode:

theme 主题控制了一个页面的布局 和 视觉的框架(具体视觉是可以调整的)。

page 对比 post ,是可以动静结合的一个页面,可以穿插所有插件(通过组件 或者 shortcode 整合进页面)。一般我们发布文章都是发布post。

shortcode 可以被任意的页面任意的插件整合,非常的灵活。大部分好插件都支持生成 shortcode。

block 为一个页面上的一个局部(包含多个组件widget)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

进一步进入正题(点题 标题的2小时是以下这些所有环节):

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

域名 服务器

  • 域名:nameliso,namecheap

  • 服务器:hostinger  不完美但初期够用

    • 方便/自动备份/弹性升级/免费邮箱/CDN加速-结合wp插件

    • 如果资源很多 谨慎选择hostinger-web hosting套餐 他们的硬盘300G 无法升级!

    • 他的DNS不太行,建议换成其他的如CF 国内访问会块不少(后台编辑体验更高)。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

如果偷懒直接用hostinger的ai服务 其实5分钟就可以生成一个站点,但是为了后期维护方便,使用最具性价比的插件还是建议按照本教程进行安装推荐的插件。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

kadance 是推荐新手用的主体。他有ai建站的流程 点点点一路点就能生成专业美观的插件。

可以点击查看官方的视频介绍:

如何安全的让tb店主进后台安装?

  • 用Dologin插件生成登录一次就失效的链接。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

必须设置 Settings-Permalinks

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

主题的全局样式控制入口

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

开始建站 美化篇

  • 购买我推荐的套餐之后会有starter templates 入门很合适的模板库

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

这些模板基本够用了,覆盖了大部分的场景:

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

软件类的也不少

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

深度定制页面(重点 ,使用elementor)

  • 网页编辑器 拖拉拽 编辑页面

  • Elementor 灵活强大但慢 略有学习门槛 (搭配Elementskit Pro更佳) 查看效果

  • Gutenberg WP原生/快/简单 类似编辑公众号

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

最近刚升级。。。

他的缺点是慢,但是比起他带来的效率一开始可以忽略这个缺陷!

推荐搭配ElementsKit

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

多语言的重要性是 能让网站流量快速的在几周内翻3-5倍:用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

多语言 用TranslatePress。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

速度是用户体验的关键,也是Google 排名算法中,很关键的一点。无代码可以优化到100%。

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

优化需要的插件和配置:

  • 站点最后删除所有非必要插件

  • Imagify or Converter for Media 图片大小优化 Webp

  • Litespeed- Cache Cache& CDN打开(和hostinger搭配)

  • 如果服务器不是hostinger,可以用WP Rocket

  • Elementor-Setting-有Peformance标签选项打开

  • Index WP MySQL For Speed 启动high-performance keys

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)

注意:PPT中的示例站点 其中有部分已经被GG HCU算法惩罚 不作为SEO的参考

想获取PPT可以后台发送 wordpress

用WordPress 2小时无代码建站超完整教程(新手向,超多细节预警!)