3. 发布第一篇博客文章

3. 发布第一篇文章

在前面的文章中,我们首先介绍了1. 购买云服务器和域名的基本操作,然后又成功2. 搭建最简单的博客网站,如果你还没完成上面这些操作,请提前点击查看。

这篇文章我们首先熟悉下网站的后台界面,并撰写发布属于自己的第一篇文章。

3.1 熟悉WordPress后台界面

WordPress是一个博客软件,我们往里面写文章,插入图片,放音乐,它负责把这些信息通过网页的形式发布到互联网上。后台就是这个博客软件的管理台,在这里我们控制这个网站长什么样,发布什么信息,实现什么功能等等。WordPress网站后台很容易上手,开始吧!

3.1.1 仪表盘

我们通过yanshi.jiqianhanre.com/wp-admin(记得将yanshi.jiqianhanre.com换成你自己的域名)登录网站后台,进入仪表盘。左上角会提示WordPress可用更新,因为近期WordPress.org经常拒绝中国境内服务器的访问,所以通常更新会失败,相信过一阵子会解决这个问题。也可以多试几次。这里我们就不演示了。此外,也可以自行搜索教程手动更新。

仪表盘展示了和网站活动相关的主要信息,但其实都没什么用,因为我们的网站刚建立,没什么人观看,也不会有什么留言活动,所以可以把这些栏目都关闭。通过页面右上角显示选项控制栏目的关闭和显示。

wordpress后台-仪表盘-首页

3.1.2 文章

文章也是我们写博客文章的地方,我们点击进入可以看到WordPress自动生成的Hello World文章。我们点击文章夏芳的移至回收站,将这篇自动生成的文章删除。

wordpress后台-文章

3.1.3 媒体

顾名思义就是我们上传媒体文件的地方,我们可以上传图片、视频、音频等等,当然这个主要是用来管理我们的媒体文件使用,一般我们写文章的时候,都是在文章撰写页面直接上传图片,而不是特意到这个媒体页面上传。

wordpress后台上传媒体文件

3.1.4 页面

页面,一般用来做主页,欢迎页,关于页,联系页等主要的页面,搭配网页构建器(site builder)可以实现许多特别的网页布置,我们在4. 个性化自己的网站里面会有相关介绍。

页面区别于文章的地方,在于我们一般分享生活写的是文章,只是写一些文字,插入一些图片,不会特别设置文章的布局。而页面作为主要的展示页,会专门设计一下,比如多布局一些按钮,动效什么的。

wordpress后台-页面

3.1.5 评论

没什么可说的。就是我们写的文章如果有网友评论了,就会显示在这里,方便我们回复,管理留言。

3.1.6 外观

外观。网站的外观由主题控制,它决定了我们网站长什么样子,主要颜色、次要颜色是什么,主要的布局思路是什么。现在网站安装的是默认的二零一九年WordPress主题(),点击自定义,会跳转到主题的设置页面。WordPress有很大的生态,设计主题是一门很大的生意,国外有专门出售主题的网站,当然也有很多优秀的主题提供免费版本。同样我们在4. 个性化自己的网站中会有详细的说明如何通过安装主题,让网站更加美观和现代化。

wordpress后台-外观-主题

3.1.7 插件

这里就是控制我们安装插件的地方。插件,是为了增加或调整WordPress网站的功能。有许多软件开发人员通过写插件出售来盈利。和主题一样,插件也是一门很大的生意,优秀的插件(比如能可视化构建网站的Elementor,能加快网站速度的WP Rocket等等)有许多用户愿意为其付费。在4. 个性化自己的网站中,我们会通过Elementor以及其他插件,实现网站的个性化定制。

3.1.8 用户,工具与设置

这几个栏目都没啥好说的,以后也基本不会用到,有时间的自己瞎点点熟悉一下就好了。

wordpress后台-用户-工具-设置

3.2 发布第一篇文章

现在我们开始发布属于自己的第一篇文章。这一节,我们希望发表一篇包含段落文字、图片、音乐的文章,简单演示下大家可以在文章中发表什么内容。最终的效果如下所示:

撰写第一篇文章-文章效果

我们进入网站后台,在左侧栏目中点击文章>写文章,我准备了一个word文档,里面放了所有的文字,方便我们加快展示的速度,下面我们分别介绍插入标题、文本、图片、音频、引用语、视频等的功能。

写标题

进入后台我们点击文章>写文章,中间出现一个白板,这就是我们编辑文章的地方。我们输入标题“撰写我的第一篇文章”,按回车

wordpress写文章-标题

添加段落

紧接着我们添加段落

wordpress写文章-段落

插入图片

我们插入一张图片,这里通过左边的带圈+添加,我们在文章里面添加除文字外的其他内容时,主要使用的就是这个加号,他可以为网页添加音频,按钮,视频,代码等等。

wordpress写文章-插入图片

插入音乐

我们点击左边的加号,在弹出的区块选择框中选择音频,这个选择框请熟悉一下它的元素布局,便于以后熟练操作。我这里直接在最常用的栏目下面有显示音频,你们因为第一次操作可能会在其他栏目中,找一下就好了。

wordpress写文章-插入音乐

插入引用语

写文章的时候,我们通常会引用一些名言名句,别人的文章段落,或者新闻报道,这里使用引用就是比较美观的样式。

wordpress写文章-插入引用语

插入视频

有时候我们看到有趣的视频或者演讲,想将其放在我们的文章里面,我们通常会插入视频。因为视频的尺寸较大而我们网站的带宽又不支持流畅播放视频,一般我们不会把视频放在自己的服务器上。我们通常插入一些专门的视频网站的视频链接,比如国内的bilibili,和国外的Youtube,这里分享下如何从bilibili中插入我们喜欢的视频,我们从bilibili找到自己想要的视频,点击视频下方的分享箭头按钮,复制嵌入代码即可。比如牛叔的这个解说视频https://www.bilibili.com/video/av36990730,复制出来的代码是

<iframe src="//player.bilibili.com/player.html?aid=36990730&cid=64992765&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

代码的意思就是我们插入一段frame区块,用来播放这个地址的视频。

这个代码因为没有指定区块的宽度和高度,直接插入到wordpress文章中视频的显示区域会比较小,我们在<iframe后面加入宽度和高度的设定:

width=100% height=500

意思是宽度设置为100%区块允许的宽度,高度设置为500px(像素点)。我们将这个代码插入文章中,整个流程的动画演示如下:

wordpress写文章-插入视频

添加按钮

最后,我们演示下如何添加按钮,实现页面跳转的功能。

wordpress写文章-添加按钮

3.3 将文章url从中文改成拼音形式

如果我们此时点击右上角发布按钮,并点击查看文章,我们会发现目前的网站url是中文网址,这样的网址的统一性不太好,我们将其改成英文。

wordpress文章网址是中文

 

下面我们动画演示下如何将网址url更改成英文:

wordpress写文章-更改url为英文

3.4 总结

这篇文章里,我们详细介绍了WordPress管理后台的各项功能,并动画演示了如何在WordPress后台发布文章,包括插入文字、图片、视频、音频、按钮等功能,文章最后发布在我的第一篇文章里面,大家可以随时点击查看文章,照着写一篇自己的文章。

至此,如果我们纯粹需要一个简单的博客网站来记录生活,现在的WordPress功能已经足够满足需求了。通过这三篇文章,我们完成了:

普通人从0到1 如何搭建个人网站

1. 购买云服务器和域名

2. 搭建最简单的博客网站

3. 发布第一篇博客文章

如果你对自己的网站有更高的要求,希望它的颜色、字体、按钮效果、页面布局设计不一样,甚至希望设计高大上的外贸网站,那么我们一起进去第四篇的练习:4. 个性化自己的网站

本篇文章最终效果

撰写第一篇文章-展示效果

【本文原始地址-几千寒热】https://jiqianhanre.com/jian-wangzhan/fabu-blog-wenzhang.html

3人评论了“3. 发布第一篇博客文章”

发表评论

电子邮件地址不会被公开。 必填项已用*标注