【#2:Amazon Lightsail】AmazonLightsail+WordPressでサイトを立ち上げてみた(最小構成で完了)
起初
我们将继续进行使用WordPress构建博客网站的工作, 这是前一章的延续。
前一章在这里:
https://qiita.com/sasdos_engee/items/1bb2d9e8fbb204cfb980 的内容在中文自然语言中的一种可能表述为:
目录
1. 瞧一瞧实例
2. 登录WordPress管理员界面
3. 尝试进行WordPress各种设置
4. 查看普通用户界面
5. 分类和测试发布
6. 想要将分类作为页面元素展示!!!!!
7. 结束
试着查看实例


看起来,最便宜的计划是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


cat ./bitnami_credentials
WordPressのデフォルトユーザー/パスまで、取得できたのでWordPressを触っていきましょう。
登录WordPress的管理界面
让我们使用1中获得的Aipass进行登录。
http://XXX.XXX.XXX.XXX/wp-login.php

这样就装好了呢!(回想一下机制和步骤,相当容易啊 orz)
那么,先不讨论具体设置,我们来调整WordPress的功能,以满足最基本的博客需求。
尝试进行各种WordPress设置
由于WordPress有很多参考网站,所以我们可以根据易懂的网站进行最基本的设置。
巴足部.com:https://bazubu.com/category/wordpress/wordpress基本设置
1. 把日本語化
请把UI语言设为日语吧。哈哈,除了Intellij我只习惯英语界面。
您可以在“图导航 > 设置 > 网站语言”进行设置更改。

2. 设定 “导航 > 设定”
请进行以下设置:
– 网站标题
– 宣传口号
– 时区
特に、サイトタイトルや、キャッチフレーズはSEO対策の1つに効いてくると思うが、
そこは別のタイミングで学習していくことにする。 (一旦仮置き)
3. 投稿设置 “GloNavi > 投稿设置”
看了参考网站,好像不需要进行太多设置。
唯一更新情報サービスの設定は、SEO効いてきそうだなと見えたけど、
解説内容見る限り、確かに集客できるコンテンツを作ってしまえば、さほど関係ない部分だなと…。
少しでも、自サイトへの導線を伸ばしたり、 被リンク数増やしたい場合は設定してもOKて感じかなと。
因此,這次我們略過。
4. 選擇「導航系統 > 顯示設定」。
这里看起来暂时没有问题。

ただ、一番下の「検索エンジンでの表示」については、一旦チェックをつけておく。
あとでページ更新すれば、自ずとgoogle側でクロールしてくれると思うが、
なんか気分的にきちんと作り終えてインデックスして欲しいw
5. 討论设置:“导航栏 > 讨论设置”
基本上,就像自己的网站与其他网站的更新通知设置和评论设置之类的设置。
一次性设置为所偏好的设置。
6. 永久链接设置:“全局导航 > 永久链接设置”
这里可以说是一个所谓的,每个页面的URL设计页面。
我曾经在学习SEO的过程中,通过稍微了解,分析了大型餐饮和美容类网站的URL设计等经验。然而,考虑到内容特征的URL设计等方面可能会产生各种效果,所以最好仔细考虑。我打算在学习SEO时,把这部分内容单独拿出来讲。(不限于WordPress)
作为初期设置,这样应该差不多吧。
我们来看一下客户端的界面。
4. 我来看一下一般用户界面。 (Wǒ .)
好的!(因为没有设置域名,所以直接输入IP地址w)

默认模板基本上能够显示出来了呢。感觉和我想象中的不太一样,先来找一个看起来不错的免费模板吧。先借用以下的免费模板吧!(居然能够免费做到这么好的SEO优化…如果不考虑域名得分等因素的话,可能比那些大型网站要强大得多呢…?)
请以中文进行重新表述:
这是一个可下载的网站,网址是https://thk.kanzae.net/wp/dl/。
在GloNav上,点击外观,选择添加主题,然后选择上传主题,即可上传上述网站的模板。
(也可以通过FTP上传到服务器)
…念念不忘进行激活后……!!!

这是一个很结实的模板呢orz。
如果进行定制的话,应该会变成有色彩的页面呢!(虽然我的设计能力是零呢,哈哈)
5. 分类+测试发布
虽然在SEO策略、域名设置和设计方面,仍然有很多地方需要改进,
但作为学习产出的工作空间,还差一步。
分类,如果可以进行测试投稿,那么就可以一次通过。
所以,只剩最后一步了。
1.カテゴリ分け(テスト投稿)
これは、投稿時にカテゴリ分けができるようなので、
テスト投稿と一緒に試行する。
「グロナビ > 投稿 > 新規カテゴリを追加」 で、カテゴリの定義ができそう。
親カテゴリ等も設定できるようなので、希望通りのイメージ。

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

通过提交按钮… de…)

哦!分类已经完成了!!
我想在侧边栏或者右边栏上放置一个分类列表。。。。。
再撑一下。
6. 我想将分类信息作为页面元素展示!!!!!
一応パンくずリストもあるし、以下のようにカテゴリを意識したURLでページ生成もできてる。
http://176.34.37.122/category/test/ 只需要一种选项
然后,只需要将这个页面按照这个分类整理好。
那么,我们努力让分类显示出来吧。
とにかくWordPress色々触りまくってみたら、汎用的に色々なことができすぎる。。。
正直、リッチな画面だったり、js使った複雑な構成や、SPA構成のサイトじゃない場合は、
WordPressで事足りすぎるな…と実感しました。
尝试了一些不同的事情后,似乎可以使用以下两个选项来实现我想做的事情。
1. 将大分类添加到导航菜单中:「导航菜单 > 外观 > 菜单」
在这里,您可以定义菜单。
这个”菜单”元素可以应用于导航栏,也可以应用于页脚链接,
因为它的页面结构调整非常直观,所以很容易上手。
这次,我们将在页面顶部的全局导航部分设置各个代表性的类别作为例子。

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

尝试在侧边栏显示类别层级”导航 > 外观 > 菜单”。
下図にあるような左のウィジェット要素を、適用したい右側の部品にドラッグ&ドロップすると、
要素が追加できちゃいます。

ということで、やりたいことは最小構成で満たしたい部分は完了!
尽管以下没有域名,看起来很糟糕,但请点击我网站的链接!
http://176.34.37.122/ 只需提供一种原生的中文改写选项:
http://176.34.37.122/
7. 最后
通过这个,我们已经完成了一个最简单的博客网站,可以进行分类管理并按照分类发布文章!虽然还有一些有待完善的地方,并需要进行进一步的打磨,但我们已经可以以此为基础,同时与Twitter和Qiita集成,进行学习和输出了。真是遗憾!
在第一次接触WordPress、Lightsail以及在Qiita上发布文章的情况下,
我认为即使包括撰写文章所需的时间,也可以在大约7个小时内完成建设。
当你熟悉了之后,老实说,我觉得只要30分钟,就能够构建到这个程度,
所以,即使要付出低成本,也可以尝试轻松地创建自己的网站,你觉得怎么样呢?
接下来,我们打算基于这个网站,与Qiita进行合作,来分享各个技术领域和管理学习的内容。