如何用wordpress搭建自己的博客

909729il

如果你…看不懂html和css代码,也不懂的设计,但是想要搭建一个自己的博客。太好了!这篇文章就是为你准备的!wordpress作为目前世界上比较流行的一个搭建网站平台,提供了非常友好的界面,让大家不用会编程,东点点西点点,就能做一个属于自己的小网站!平台提供了免费的模板,有钱可以搭建很漂亮的博客,没钱也可以搭建基本功能齐全的博客~让我们一起来看看吧!

首先,让我来介绍一下网站的一些基本情况。网站如果我们把它看做一个房子的话,有两个重要的组成成分,房子本身+你的地址。你装修好了家是没有办法请朋友来玩的,还需要给你朋友你家的地址。这个房子就是主机服务提供商,这个地址就是你的网址。如果你想要拥有一个网站,一分钱都不投入,不太可能。你想想,你自己的网站里有那么多文字,图片,甚至还有视频,咱们这些东西如果不保存在本地,得找个地方托管呀~托管的话就会产生托管费,有些主机服务提供商愿意提供一些免费的空间,你也能找到一些免费的域名。但是免费托管的空间有限,免费的域名也会长得比较奇怪。

主机服务提供商有很多。wordpress本身也提供免费的空间和免费的地址!所以我们就用wordpress本身的主机服务吧~

搭建基本网站只要三步

我们可以开始啦!搭建网站一共分为三步。

①首先用需要一个邮箱,在网站https://wordpress.com/zh-cn/ 注册一个新账号。

啊当然,你可以用我的友情链接建立博客,这样你和我都可以得到25刀的credit~

https://wordpress.com/refer-a-friend/oEMv0rbhl6vjbeXR8Xjy/

②接下里你就需要选地址了,你可以输入自己喜欢的名字,比如我在下图输入了myblog,然后你会看到下面有一个免费的字样,wordpress.com提供了一个免费的地址,这个地址是myblog717780397.wordpress.com,免费的地址就是这样,因为很多人可能都想用同一个名字,那名字重复了怎么办呢就是会在后面加一长串数字做区分,所以长得很奇怪。如果你先要一个简约漂亮的地址,那么就要付费。但是不一定在这里购买,有很多其他的能够购买地址的网站,但基本上一个漂亮的网站名,每年要花费10刀上下。

如果你在别的地方买了域名,那么在这一步,你就在右侧选择【使用我自己的域】,这样的话就可以把你购买的地址安在你的博客上了。

③最后一步就是选择套餐。如果你资金有限,那么我们就从免费版开始!(如果想要把博客装修很美,那么就需要商务版,因为只有business plan才会包含插件功能…这个我们之后再说)套餐随时都可以升级,所以不要担心~

当我们点击【从免费站点开始】之后,你就会看到下面的界面,请大家点击开始构建,我们从这里直接选择现成的模板!(千万不要选成从头开始….那个不是给小白的,是给成熟的建设者使用的)

哈!接下来我们就能看到一坨主题列表~既然我们要搭建博客,那就选择左边的这个博客主题。然后你就可以看到好多美美的模板~

哇,我觉得geologist-cream这个模板还不错,我就选择它来建站吧,点击【使用geologist-cream开始咋打造站点】我们就立刻在自己的网站里应用了这个模板。

然后我们眼前就会出现一个这样的界面↓

请看左下角↑,这里有一个简单的欢迎小指南。不要跳过,点击 try it out!来观看这个非常易懂的说明。

我来简单再总结下这个小指引的内容。在wordpress里面,所有的部分都是模块化,这样可以非常方便大家来做自由的调整。一段文字,一个标题,都可以视作一个单独的模块,你想要把这个标题换一下位置,拖动这个标题模块,移走就行啦~

简单装扮你的网站

好了,我们有了一个基本的模板。现在就可以来做网站的基本设置了。

①起名字

给自己的主页起个名字吧。左上角可以直接输入网站名。比如我这个网站的名字就叫【小触手的试验站】,后面紧接着可以写一个副标题,当然你也可以不写。然后最前面有个小方块是上传logo的。这个图片呢最好是个透明背景的文件(比如PNG格式),有很多网站都提供免费的图标,这个我就不多解释了,大家随便整个就行。或者留空也不是不可以。

②打造网站基本结构

现在我们可以看到这个模板就只有一页。这一页里模板里有提供三个假日记。也就是说这是一个单页的网站,我们如果想要给自己的网站添加一些菜单呢?比如说我想要给自己的博客做三个分区

  • 欢迎界面
  • 我的日记
  • 自我介绍

这就需要我们去仪表盘操作啦!

请点击左上角这个【W】的图标,会点开一个侧边踩点,我们可以看到上面有一个小按钮叫仪表盘。点击【仪表盘】,进入我们眼花缭乱的复杂控制台~

别怕!我们直接找到页面(page)选项,然后点击右边的小按钮,添加新页面。

哇!模板页面又一次弹出来啦!我们非常需要一个首页介绍,模板库里正好有。那么我们就选择【首页】,然后你可以在这里面浏览你觉得合适的页面作为首页。我看上了一个带作品集介绍的首页!点击

然后我们就可以在这个模板上做修改了。这些模块都是可以调整的,大家自己玩耍即可。

我把下面的模块都删除了,只保留了第一行。这个首页界面就做完了。在发布之前,请大家把右侧的这个固定连接小标题点开,我们要把里面的URL中文别名,改成英文,这里我改成了home,因为如果是中文的话,浏览器里会形成一坨很长的地址,不太利于我们分享自己的页面,所以改成简短的英文就很好,当然你不改也不会影响啥就是了。

改完页面地址后我们点击发布,一个新的首页就做好了!

接下来我们需要把这个新的页面,添加到导航栏里,并且要把这个页面设置成为我们的首页。这些操作需要我们重新退回仪表盘,然后在左侧的菜单中,往下看,有个外观(apperance)的选项,我们对网页外观进行更改,就是在这里的自定义模式下进行

在自定义里面,你可以更改菜单排序,网站logo,网站名等等各种设置。请记住这个修改的路径。当你以后需要添加新的页面或者是要对网站内容进行修改的时候,就要来这里。大家可以在这里都随便看看,东戳戳西戳戳熟悉一下

我们进入自定义之后,在左边的主页设置里,把刚才做好的静态页面设置为我们的主页。

然后我们可以就可以去搞目录了。

主页设置的上方就是菜单~我们直接点击菜单。新建一个菜单,随便起个名字。然后把我们仅有的两个网页添加进来。如下图。顺序是可以调整的,按住就可以移动。拍好顺序后,请大家点击保存。我们的基本网站结构就做好了。

现在我们做好了一个有两个页面的网站,第一个页面是首页。然后第二个页面是我们的日记合集。下面我们就可以写新日记了~

③写第一篇日记

回到仪表盘,我们在右上角点击【撰写】,会自动打开撰写新日记的界面。这个界面就非常简单。和豆瓣写日记或者是其他平台写日记的界面是类似的。有一个写标题的位置,然后你可以在里面填写内容,添加链接等等。

具体的功能请看下面的演示视频

(国内观看地址 https://www.ixigua.com/7074778650725319199?logTag=30f9df61b5ec308465eb

在我们仪表盘的设置里面,我们有两个地方需要注意,在【讨论设置】里面,默认文章设置中,把【尝试通知文章中链接的博客】和【允许其他博客的链接和引用通告】关闭,否则别人复制了你的链接你就会不停收到邮件通知,即使是你自己引用也这样,烦得很。

另外一个就是下评论不要选择全部经人工批准,而是选择【评论者先前须有评论通过了审核】,也就是说,只审核大家的第一次留言,之后再留言,就可以自动显示了。这样可以很好的避免垃圾和不友善留言。

觉得很混乱,头大也米有关系。如果你觉得设置看起来太复杂了,那就先不要去理会他。因为当你遇到问题的时候,自然就会回来找设置啦!慢慢摸索就好。

④搭建日记分类目录

当我们写了很多日记之后,也做了一些分类。如果我们想让这些分类显示在导航栏。我们可以在外观的自定义模板中的【菜单】里进行修改,我们把分类的类别,直接拖拽过来,放在一级菜单下即可。

之后我们就能在页面中看到我们的博客下方,出现了一个小小的箭头,把鼠标放在上面就能看到我们的小目录了。

⑤给日记创建可以跳转的目录吧!

如果购买付费版本,会有更好的选择。免费版本的目录创建,wordpress本身提供了一个非常好用的HTML anchor,可以用这个实现~

我先来解释一下什么是锚点(anchor),我们都知道在文章里如果给文字加上网页超链接,就可以跳转到对应的网页,但是如果我们把这个超链接的位置,定位在文章内部,那么就可以实现文章内部的跳转了。

没错,如果我们想要建立一个可以跳转文章内部标题的目录,只要对标题设置上一个标记,然后我们把超链接连到这个标记上就行了。这个标记就是锚点(anchor)。而wordpress里面,标题会自动有可以填写锚点的位置,就在我们的日记右侧,设置(点齿轮⚙️标志)最下面的高级功能里。

请看下面的视频演示(国内小伙伴无法观看的,请看西瓜视频,点我跳转

当然,这里视频显示的是教给大家特定内容跳转的方式!并不局限于目录本身。如果只是目录的话!worpdress里有一个现成的table功能就可以自动帮你做出目录

具体使用方法如下,当你在编辑日记的时候,会看到有一个添加区块的小标志,点击这个小加号

然后你会看到有一个下拉菜单弹出来。在这个搜索框里输入table,选择第二个选项(内容的表格)。你的日记里就会自动根据标题生成一个可以自动跳转的小目录。是不是很方便呢?

关于日记的其他功能。请看我的示范博客里的这篇文章
https://xiaoshushoudeshifan.wordpress.com/2022/03/14/mulu/

wordpress的更多功能,大家请自己多多探索吧~~~

免费博客和付费博客的区别

免费的博客模板选择比较少,如果不会自己写代码的话…模板并不好修改。只能在现有的功能下去做一些装饰。而且免费的博客模板很多功能是不提供的。下面是不同版本之间的区别,在仪表盘中也可以查看。

免费版就有点类似于【自求多福】型房子,没有任何社区服务功能,你也没有办法给房屋买保险。付费版本则提供了更多的功能和安全性。

有点闲钱?让我们来大肆装修吧!

如果有一定闲钱的话,就可以使用付费版本了!想要在不会代码的情况下把网站装修好看,很多功能需要使用wordpress的插件。而开启这个插件的最低条件是购买商业计划。当然我觉得一般人可能确实不需要商业计划,但是我真的没有办法忍受普通模板,而且我有非常想要实现的功能。不会代码的我要怎么办呢?自然是购买别人已经做的可以更改的更好的看的模版~用钱去换时间😓

总之有一个目前大家都觉得还不错的插件叫elementor,这个插件有免费版本,免费版本有很多实用的功能,收费版本elementor pro功能会更多一些。官网:https://elementor.com/

在它们的网站里,有提供非常棒的教程 https://elementor.com/academy/。只看官网教程就足够了(比如第一个教程就是建立一个博客)

官网教程是从安装开始,包括wordpress要怎么设置,然后从0教你如果去设置模版,如何做一些很棒的效果。当你想要添加一些教程里暂时没有讲到的内容的时候,在官网的搜索栏中,直接搜索关键词,就能找到相关文章介绍。

但是搜索的时候,你需要知道一些网站中常用的英文表达方式。比如我们如果想要做一个可以固定显示在电脑屏幕上的目录,但是我希望它能够在一定范围内随着人的视线移动。完全固定位置是fixed,而随着某种规则移动则是sticky。

而文章目录则是content(不是menu,不是index,是content),为啥不能用index,区别如下。

The content page is at the beginning of a book and lists out the chapters and subchapters of the book sequentially. The index is at the end of a book and lists out the different topics and keywords in the book alphabetically.

https://pediaa.com/difference-between-index-and-contents/

所以我需要搜sticky content,就能立刻找到相关教程。

=-=总之就是这样,如果不懂英文的话,可能在搜索教程上会有一定的难度。但是用谷歌总是能搜到解决方案的~即使英文单词拿不准,在搜的过程中也会看到正确的单词~我的网站就是用wordpress+elemntor pro制作的,还安装了很多额外的插件。

如果你想能读懂一些code

我们不是去学编程,我们只要读懂一些代码,知道标签是什么意思,就能很大程度上扩展我们的装饰风格。这里有一个免费的笔记可以查看。看完HTML和CSS部分就足够了,基本html和css就能读懂了~当你看到别人提供代码之后,你就知道要怎么去复制他们了。是的我们只要拿来主义就好哈哈哈哈。

https://btholt.github.io/intro-to-web-dev-v2/

↑这是我修过的一个INTRO TO WEB DEV的小课,但是我没上完,因为我只是需要看一下如何读标签(tags)罢了。这个是付费课程,但是老师把笔记全部公开了,方便没钱的朋友也能学到知识,其实我觉得这个笔记已经涵盖了课上讲过的一切内容,完全不需要听课,因为他上课也就是讲解笔记罢了。

笔记重点查看这几个章节就行了。就能够在插件辅助下华丽DIY博客啦~

常用插件

介绍一下我自己装修博客的时候,用到的一些插件。插件的安装方法很简单,在仪表盘列表里,有一个【插件】选项,在里面直接搜索,然后安装就可以了。

DX-auto-save-images

这个插件的功能是,复制图片的时候,自动添加到自己的网站的媒体库。因为有的时候我需要把我豆瓣日记搬运一下,但是因为豆瓣的图片是存在豆瓣上,如果豆瓣挂了,那么我的图片也没有办法正常显示了。所以需要这个插件,在你执行复制功能的时候,自动把图片给你传到自己的媒体库里。

Elementor 和Elementor Pro

要使用elementor pro功能,你需要安装基本的elementor插件。基础班免费,pro付费

Insert Headers and Footers

这个是可以方便你在网页架构里面添加一些别的代码(如果你不知道怎么修改你的网站代码的话)

Wp Maximum Upload File Size

这个是可以帮助你自动压缩上传的图片。在上传一些艺术图片做装饰的时候,我有时候懒得修改会直接上传原图,这个插件就自动会帮我把很大的原图缩小一下再用。其实就是PHOTOSHOP一个预处理的动作~

Comment Reply Email Notification

这个是可以允许别人收到你的回复的时候,接收邮件通知~(但我现在不用这个了,我用下面这个wpDiscuz

wpDiscuz

你可以看我的博客的评论区,这种“装饰”就是这个免费插件带来的。非常方便~

MailPoet

可以让其他人订阅你的博客,免费的容量是1000个用户

Central Color Palette

强烈推荐这个插件,改变你网站默认的主题色板,对于俺这种很重视颜色效果的人很重要。

主题市场

最后一个不是插件,而是主题贩售市场 https://creativemarket.com/

在这里你可以买到现成的wordpress适用的网站模板,直接导入自己的网站就可以直接对上面的内容做修改,而且价格也很划算。建议先购买credit,会有一定的折扣。

还有一些wordpress自带的插件我就不介绍了,自带的插件是一开始就有的。比如帮你阻挡垃圾留言的Akismet Anti-Spam 等等

其他选择

如果你在加拿大,想要其他的傻瓜建站一体化服务,可以参考squarespace(有超级漂亮的设计/但不是免费的)和godaddy (这个是我本地朋友很多都选择的)这两个网站,都是装修+网站全包的。省心省力。

如果你想要现成的一些博客社区和替代豆瓣广播和日记功能,请参考下面的这个日记

长毛象(Mastodon) 和 Matters食用指南

大概就是这样。要说为什么需要建立一个属于自己的博客,我觉得至少对于我来说,我想有一个完全的属于自己的中文平台,我不想让我的文字被阉割,我的画被平台删除。同时我也希望拥有绝对的维护我自己博客氛围的能力(→我可以删选评论以及禁封不友好言论的IP)。我的精神家园由我自己创建就好啦(*^▽^*)

创意插图1

软体动物

这里生活着一只软体动物,偶尔会走出它的壳,科学地探索这个世界~

文章小目录

订阅评论
提醒

7 评论
内联反馈
查看所有评论

请问可否在我的教程文底部链接您此条?谢谢。

请问自己的wordpress主页免费版可以通过代码设置像onenote一样在任意位置插入图片并调节大小吗?谢谢~

好滴,谢谢~~

你好,想请问一下,是如何确保自己的网站域名是可以在国内打开的呢?我在namecheap上买了一个.com的domain,我也搜了不少资料(也许我搜的方向不对),也没有得到答案QAQ

7
0
希望看到您的想法,请您发表评论x

手机快捷菜单