【#2:Amazon Lightsail】AmazonLightsail+WordPressでサイトを立ち上げてみた(最小構成で完了)

起初

我们将继续进行使用WordPress构建博客网站的工作, 这是前一章的延续。

前一章在这里:

https://qiita.com/sasdos_engee/items/1bb2d9e8fbb204cfb980 的内容在中文自然语言中的一种可能表述为:

目录

1. 瞧一瞧实例
2. 登录WordPress管理员界面
3. 尝试进行WordPress各种设置
4. 查看普通用户界面
5. 分类和测试发布
6. 想要将分类作为页面元素展示!!!!!
7. 结束

试着查看实例

スクリーンショット 2020-07-17 22.10.41.png
スクリーンショット 2020-07-17 22.08.56.png

看起来,最便宜的计划是Ubuntu,这是没有错误的。

我对「Bitnami」一事非常好奇。
我在以下地方进行了一番调查。

公式链接:https://bitnami.com/
「BitNami」是什么:https://www.internetacademy.jp/it/programming/php/wordpress-customized-bitnami.html
市场技术实验室:https://www.marketechlabo.com/bitnami-multi-packages/

WordPressみたいなCMSツール + 各種ミドルウェア(MySql等のようなWordPress+αで必要なツール)をパッケージで提供してくれるソフトウェア!!といった感じです。
調べてみた感じ、AWSやGoogle、Azureで使われているようですし、 
EC2やLightsailのように 「WordPressも一緒に構築してしまいたい」って時に利用されてるんですね。

由于每个中间件的安装方式不同,所以如果要在一个实例中实现多种功能,需要一定的知识。

我只需要在Lightsail的一个实例中构建WordPress+α,所以这已经足够了!虽然不能用于大型项目,但对个人学习和本地学习非常合适。 (我真切地感受到,现在不再需要逐个安装,逐个设置了。)


…と脱線しましたが、無事インスタンス内には入れました。

http://XXX.XXX.XXX.XXX/bitnami/index.html
http://XXX.XXX.XXX.XXX/bitnami/index.html

スクリーンショット 2020-07-17 22.58.08.png
スクリーンショット 2020-07-17 22.53.00.png
cat ./bitnami_credentials

WordPressのデフォルトユーザー/パスまで、取得できたのでWordPressを触っていきましょう。

登录WordPress的管理界面

让我们使用1中获得的Aipass进行登录。

http://XXX.XXX.XXX.XXX/wp-login.php

スクリーンショット 2020-07-17 23.05.52.png

这样就装好了呢!(回想一下机制和步骤,相当容易啊 orz)

那么,先不讨论具体设置,我们来调整WordPress的功能,以满足最基本的博客需求。

尝试进行各种WordPress设置

由于WordPress有很多参考网站,所以我们可以根据易懂的网站进行最基本的设置。

巴足部.com:https://bazubu.com/category/wordpress/wordpress基本设置

1. 把日本語化

请把UI语言设为日语吧。哈哈,除了Intellij我只习惯英语界面。
您可以在“图导航 > 设置 > 网站语言”进行设置更改。

スクリーンショット 2020-07-17 23.20.14.png
2. 设定 “导航 > 设定”

请进行以下设置:
– 网站标题
– 宣传口号
– 时区

特に、サイトタイトルや、キャッチフレーズはSEO対策の1つに効いてくると思うが、
そこは別のタイミングで学習していくことにする。 (一旦仮置き)

3. 投稿设置 “GloNavi > 投稿设置”

看了参考网站,好像不需要进行太多设置。

唯一更新情報サービスの設定は、SEO効いてきそうだなと見えたけど、
解説内容見る限り、確かに集客できるコンテンツを作ってしまえば、さほど関係ない部分だなと…。
少しでも、自サイトへの導線を伸ばしたり、 被リンク数増やしたい場合は設定してもOKて感じかなと。

因此,這次我們略過。

4. 選擇「導航系統 > 顯示設定」。

这里看起来暂时没有问题。

スクリーンショット 2020-07-17 23.39.48.png

ただ、一番下の「検索エンジンでの表示」については、一旦チェックをつけておく。
あとでページ更新すれば、自ずとgoogle側でクロールしてくれると思うが、
なんか気分的にきちんと作り終えてインデックスして欲しいw

5. 討论设置:“导航栏 > 讨论设置”

基本上,就像自己的网站与其他网站的更新通知设置和评论设置之类的设置。
一次性设置为所偏好的设置。

6. 永久链接设置:“全局导航 > 永久链接设置”

这里可以说是一个所谓的,每个页面的URL设计页面。

我曾经在学习SEO的过程中,通过稍微了解,分析了大型餐饮和美容类网站的URL设计等经验。然而,考虑到内容特征的URL设计等方面可能会产生各种效果,所以最好仔细考虑。我打算在学习SEO时,把这部分内容单独拿出来讲。(不限于WordPress)

作为初期设置,这样应该差不多吧。
我们来看一下客户端的界面。

4. 我来看一下一般用户界面。 (Wǒ .)

好的!(因为没有设置域名,所以直接输入IP地址w)

スクリーンショット 2020-07-17 23.53.42.png

默认模板基本上能够显示出来了呢。感觉和我想象中的不太一样,先来找一个看起来不错的免费模板吧。先借用以下的免费模板吧!(居然能够免费做到这么好的SEO优化…如果不考虑域名得分等因素的话,可能比那些大型网站要强大得多呢…?)

请以中文进行重新表述:

这是一个可下载的网站,网址是https://thk.kanzae.net/wp/dl/。

在GloNav上,点击外观,选择添加主题,然后选择上传主题,即可上传上述网站的模板。
(也可以通过FTP上传到服务器)

…念念不忘进行激活后……!!!

スクリーンショット 2020-07-18 0.05.47.png

这是一个很结实的模板呢orz。
如果进行定制的话,应该会变成有色彩的页面呢!(虽然我的设计能力是零呢,哈哈)

5. 分类+测试发布

虽然在SEO策略、域名设置和设计方面,仍然有很多地方需要改进,
但作为学习产出的工作空间,还差一步。

分类,如果可以进行测试投稿,那么就可以一次通过。
所以,只剩最后一步了。

1.カテゴリ分け(テスト投稿)

これは、投稿時にカテゴリ分けができるようなので、
テスト投稿と一緒に試行する。

「グロナビ > 投稿 > 新規カテゴリを追加」 で、カテゴリの定義ができそう。
親カテゴリ等も設定できるようなので、希望通りのイメージ。

スクリーンショット 2020-07-18 0.16.03.png

次は、投稿。
いやぁ…canonical属性とかも、ぜーんぶコーティングしなくてできるんだ….。
今まで知らなかったことを知れてよかった。 (大半の人は知ってたのかな)
と共に、普段こういうページをテンプレでなく、デザイン作ってくれてるVD,WDさんには感謝だ。

スクリーンショット 2020-07-18 0.21.24.png

通过提交按钮… de…)

スクリーンショット 2020-07-18 0.24.56.png

哦!分类已经完成了!!
我想在侧边栏或者右边栏上放置一个分类列表。。。。。

再撑一下。

6. 我想将分类信息作为页面元素展示!!!!!

一応パンくずリストもあるし、以下のようにカテゴリを意識したURLでページ生成もできてる。

http://176.34.37.122/category/test/ 只需要一种选项

然后,只需要将这个页面按照这个分类整理好。

那么,我们努力让分类显示出来吧。

とにかくWordPress色々触りまくってみたら、汎用的に色々なことができすぎる。。。
正直、リッチな画面だったり、js使った複雑な構成や、SPA構成のサイトじゃない場合は、
WordPressで事足りすぎるな…と実感しました。

尝试了一些不同的事情后,似乎可以使用以下两个选项来实现我想做的事情。

1. 将大分类添加到导航菜单中:「导航菜单 > 外观 > 菜单」

在这里,您可以定义菜单。
这个”菜单”元素可以应用于导航栏,也可以应用于页脚链接,
因为它的页面结构调整非常直观,所以很容易上手。

这次,我们将在页面顶部的全局导航部分设置各个代表性的类别作为例子。

スクリーンショット 2020-07-18 1.02.20.png

如下所示,在事前进行家族层次结构意识的基础上,创建并安排分类元素在屏幕的右侧…嗯…笑。
太简单了,逗笑了呢。
甚至不需要查看解释网站,直观地就能使用,这表明用户界面设计也很直观,我开始喜欢WordPress了w

スクリーンショット 2020-07-18 1.07.50.png
尝试在侧边栏显示类别层级”导航 > 外观 > 菜单”。

下図にあるような左のウィジェット要素を、適用したい右側の部品にドラッグ&ドロップすると、
要素が追加できちゃいます。

スクリーンショット 2020-07-18 1.07.33.png

ということで、やりたいことは最小構成で満たしたい部分は完了!

尽管以下没有域名,看起来很糟糕,但请点击我网站的链接!

http://176.34.37.122/ 只需提供一种原生的中文改写选项:

http://176.34.37.122/

7. 最后

通过这个,我们已经完成了一个最简单的博客网站,可以进行分类管理并按照分类发布文章!虽然还有一些有待完善的地方,并需要进行进一步的打磨,但我们已经可以以此为基础,同时与Twitter和Qiita集成,进行学习和输出了。真是遗憾!

在第一次接触WordPress、Lightsail以及在Qiita上发布文章的情况下,
我认为即使包括撰写文章所需的时间,也可以在大约7个小时内完成建设。

当你熟悉了之后,老实说,我觉得只要30分钟,就能够构建到这个程度,
所以,即使要付出低成本,也可以尝试轻松地创建自己的网站,你觉得怎么样呢?

接下来,我们打算基于这个网站,与Qiita进行合作,来分享各个技术领域和管理学习的内容。

bannerAds