IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 服务器搭建博客(五):WordPress搭建博客 -> 正文阅读

[开发工具]服务器搭建博客(五):WordPress搭建博客

一、 登录地址

wordpress后台管理地址:域名/wp-login.php

二、 安装插件

插件就是给我也是刚接触,就先推荐这两个,搜索,安装,启用即可。

  • Elementor Website Builder- Elementor网页生成器拥有一切:拖放式页面构建过程,像素级设计,响应式编辑,等等等等。分专业版与免费版,专业版要付费。

在这里插入图片描述
点击启用,他可能会跳转到一个elementor注册页,你可以选择关闭这个页面,不进行注册,回到控制台,你会发现多了两个菜单项——Elementor、模板。

禁用默认颜色禁用默认字体勾上,防止主题的默认值被覆盖
在这里插入图片描述

  • WP Githuber MD - 自带的编辑器不能使用Markdown语法,安装这个就可以实现

在这里插入图片描述

三、 安装主题

主题就像是网站模板,它有一些内置的样式与交互,只需要在上面修改就行

在外观-主题-安装主题,就有好多主题可以选择,我这里选择的是Astra主题

这里你看到我这里有两个相同主题,其实它们是父子主题,我启用了子主题

为什么要用子主题以及如何生成子主题参看:如何创建和自定义WordPress子主题
在这里插入图片描述

四、 主题配置

选中安装好的主题-下面会出现自定义 的按钮,点击自定义

左侧会出现这样的编辑栏,在这些编辑栏上做的操作会同步到右侧展示

但是想要在自己的网站上显示这样的效果,需要提交顶上的发布才行

在这里插入图片描述
右侧是预览效果,这是我经过一系列配置后的页面,下面会介绍
在这里插入图片描述

全局

可以在这里对全局进行一些配置,包括字体等

在这里插入图片描述

页眉生成器

就是头部导航条的位置,可以用于配置logo,导航条

左侧与右侧下面都是编辑区,对顶上展示的编辑
在这里插入图片描述

点击Site Title&Logo—设置logo、站点标题、副标题、站点图标
在这里插入图片描述
点击主菜单——设置菜单
在这里插入图片描述
在这里插入图片描述

博客

就是对我们博客外面展示字段的进行配置

发布博客

控制台-文章-写文章

上面我们安装的两个插件,都是帮助我们编辑的,

  • 使用Elementor编辑,支持拖着编辑,这里面也有很多东西,自行探索
  • 也可以直接用Markdown语法来编辑

其他配置项在右侧,包括 发布,形式,分类

在这里插入图片描述

配置博客

发布几篇博客后就可以进行配置了

Meta里字段就是配置项,我这里就配置展示了分类目录与作者,文章内容配置的是显示摘要
在这里插入图片描述
在这里插入图片描述

侧边栏

这里是设置侧边栏位置的地方
在这里插入图片描述

小工具

这里才是配置侧边栏内容的地方

在这里插入图片描述

继续点击进入,点上面的+按钮,右侧会出现添加区块栏,我是划到小工具那里,选择了这四个常用项,有好多选择,可自行搭配
在这里插入图片描述

页脚生成器

就是页面底部栏,一般用来放版权与备案信息

在这里插入图片描述

经过上面一系列操作,一个基本的博客布局就搭建出来了。

还有关于站点图标与底部备案信息展示在这篇文章
WordPress添加站点图标与底部备案信息

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-05-26 15:22:49  更:2022-05-26 15:23:13 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 14:53:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码