笔记——》wordpress(一):本地localhost构建wordpress网站

摘要

简介

wordpress用了一两个月了,现开个新的专栏来记录下学习的过程,使用中遇到的一些坑,和一些学习成果。

wordpress 是个快速建站的框架。适用于 门户网站,资讯类网站等网站,不适用后台管理系统这种跟后端强交互的网站。

同时wordpress区别于传统的静态网页,它可以实现动态更新内容,适合做内容发布,可以比喻一个博客发布平台。

只需要掌握很少的技巧,就可以实现网络内容快速采集、发布等功能。

思维导图

阅读之前,默认各位同学已了解基础的mysql、python、nginx常识。

入门wordpress,主要知识点集中在下面几个方面,本篇先了解wordpress的常用功能。

timeline 框架简介 : wordpress的常用功能了解 采集发布 : 网站内容的采集和发布 部署上线 : 正式上线运行

框架

知识点

phpEnv

wordpress是基于php开发的,本地开发,可以通过phpEnv软件集成php环境,快速运行wordpress。 phpEnv安装包的链接在此:

链接: https://pan.baidu.com/s/1XyWHtpAR-kMEEcUsH2yDTQ?pwd=1234 提取码: 1234

下载软件后运行一路傻瓜式安装,安装完成点击桌面的phpEnv图标,进入软件目录后 "启动服务"开始运行,此时php环境已经ok了:

(ps:网上很多文章都是用宝塔面板搭建的,我没用过宝塔面板,也不打算用

wordpress

官网下载地址:cn.wordpress.org/download/ 点击下载按钮进行下载压缩包

点击软件 phpEnv=》目录=》网站目录=》

此时会打开文件资源管理器,点击其中的 localhost(没有就新建),然后将wordpress的压缩包解压到localhost下

最后得到 目录如下:

此时再次点击软件 phpEnv=》启动服务=》主页,就会跳出来wordpress的登录配置页了

登录的时候要设置数据库的host、用户名和密码,设置成功程序会自动创建一个名为 wordpress的数据库,同时初始化表。然后下一步需要设置wordpress登录的账号密码,完事儿就可以打开wordpress主界面了。

wordpress左侧有功能导航区,个人觉得比较常用的功能是 页面、外观、插件 这几个功能

实践是熟悉功能最快的方法,我从快速搭建一个wordpress网站开始 来带领大家熟悉功能。

网站效果图:

上图就是一个典型的wordpress搭建的网站,实现这样一个网站,要做到以下几步

实现步骤:

1,安装插件

安装两个插件Brizy、和Blocksy Companion

点击左侧功能区

插件=》安装插件=》搜索Brizy=》点击"立即安装"

插件=》安装插件=》搜索Blocksy Companion=》点击"立即安装"

2,安装主题

如下如所示,安装这个 Blocksy 的主题

3,设置网站导航栏目

点击 文章=》分类目录=》添加分类目录

添加分类目录完成后

点击 外观=》菜单=》分类目录=》查看所有=》选择需要的分类=》添加至菜单

点击右边的保存

此时网站首页的导航栏类目就有刚才添加的分类了

如图所示

4,构建分类页面样式

按照以上步骤操作完成后,页面没有内容(如何填充内容会在下一章节说明),只有导航栏

此时我们点击左上角的 自定义=》分类

将分类结构选成 常规中的第一种布局,再点击 卡片选项,将选项配置成如下所示。

5,构建详情页面样式

按照上面的步骤来说,此时页面上应该只有导航栏 没有文章内容的。可以通过下面的操作步骤 添加一篇文章,随后 来调整文章样式。

点击 文章=》写文章=》随便写点什么=》勾选目录=》发布

发布完成后我们到网站目录下点击刚发布的文章名 就可以看到文章内容了

此时接着点左上角的 自定义=》文章详情页

按照下图配置,把文章元素都关闭,就会得到一个纯净的文章页面

此时我们回到分类界面,其实可以看到文章标题和摘要的,但前面的缩略图是没有的。如果想设置缩略图,可以点击媒体,上传文件(上传一张照片)

随后点击文章 =》编辑=》设置特色图,选择媒体库中刚上传的图片,点击 发布,就可以在分类页面看到缩略图了

到现在为止,一个网站的雏形基本上就有了。目前我们缺少内容的填充 和 部署发布(这两块会放在下一篇讲到)

6,其他配置

点到 设置=》固定链接=》,设置为朴素,如下图所示

到此为止,wordpress仪表盘工作台的 一些常用的功能应该已经了解了。消化一下,进阶功能放在下一篇继续讲

相关推荐
monkey_meng3 分钟前
【遵守孤儿规则的External trait pattern】
开发语言·后端·rust
虾球xz15 分钟前
游戏引擎学习第20天
前端·学习·游戏引擎
Estar.Lee18 分钟前
时间操作[计算时间差]免费API接口教程
android·网络·后端·网络协议·tcp/ip
我爱李星璇21 分钟前
HTML常用表格与标签
前端·html
疯狂的沙粒24 分钟前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员40 分钟前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐42 分钟前
前端图像处理(一)
前端
程序猿阿伟1 小时前
《智能指针频繁创建销毁:程序性能的“隐形杀手”》
java·开发语言·前端
疯狂的沙粒1 小时前
对 TypeScript 中函数如何更好的理解及使用?与 JavaScript 函数有哪些区别?
前端·javascript·typescript
瑞雨溪1 小时前
AJAX的基本使用
前端·javascript·ajax