笔记——》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仪表盘工作台的 一些常用的功能应该已经了解了。消化一下,进阶功能放在下一篇继续讲

相关推荐
碳苯4 分钟前
【rCore OS 开源操作系统】Rust 枚举与模式匹配
开发语言·人工智能·后端·rust·操作系统·os
kylinxjd20 分钟前
spring boot发送邮件
java·spring boot·后端·发送email邮件
汪子熙29 分钟前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Envyᥫᩣ37 分钟前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
2401_857439694 小时前
Spring Boot新闻推荐系统:用户体验优化
spring boot·后端·ux
进击的女IT5 小时前
SpringBoot上传图片实现本地存储以及实现直接上传阿里云OSS
java·spring boot·后端
Мартин.5 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
一 乐6 小时前
学籍管理平台|在线学籍管理平台系统|基于Springboot+VUE的在线学籍管理平台系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习
昨天;明天。今天。6 小时前
案例-表白墙简单实现
前端·javascript·css
数云界6 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端