{"id":14,"date":"2021-07-22T03:46:41","date_gmt":"2021-07-21T20:46:41","guid":{"rendered":"https:\/\/dhanabhon.com\/?p=14"},"modified":"2024-10-02T16:39:30","modified_gmt":"2024-10-02T09:39:30","slug":"my-website-migration","status":"publish","type":"post","link":"https:\/\/dhanabhon.com\/en\/my-website-migration\/","title":{"rendered":"Migrating the Entire Website System Notes"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-1024x536.png\" alt=\"Ref: https:\/\/unsplash.com\/photos\/ZjX-z2Q5zrk\" class=\"wp-image-106\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-1024x536.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-300x157.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-768x402.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-360x189.png 360w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-24x13.png 24w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-36x19.png 36w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed-48x25.png 48w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-featured-image-compressed.png 1199w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After not updating the website's content for a long time, I took the opportunity to share a little of my experience. In moving the entire system, including both the domain name and server, into the new system, I will share it in case anyone is interested and can follow along. However, in this article, I will not go into much detail.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"domain\">Domain<\/h2>\n\n\n\n<p>Let's start with the domain name first. thanaphon.com and thanaphon.com have been moved to this website (dhanabhon.com). I will redirect you to this website. I have registered the domain name with Cloudflare and will point the DNS Server to the Cloudflare CDN for a wide range of benefits, which are available for free. It is recommended to use it. <a rel=\"noreferrer noopener\" href=\"https:\/\/www.cloudflare.com\/en-ca\/\" data-type=\"URL\" data-id=\"https:\/\/www.cloudflare.com\/en-ca\/\" target=\"_blank\">CloudFlare <\/a>and will point a DSN Server to the Cloudflare CDN for a wide range of benefits for free. It is recommended to use it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"website\">Website<\/h2>\n\n\n\n<p>As for the website system on this site, I use a popular CMS like <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/\" target=\"_blank\">WordPress<\/a> because it meets the needs of most users and doesn't require time spent writing code. With just one click, you've got your website up and running. However, I may need to understand the system a little bit. So, the next thing I need is a server that is compatible with WordPress and allows the website to run quickly and efficiently.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress\">WordPress<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"660\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/screenshot-seedwebs-1024x660.png\" alt=\"seedwebs.com\" class=\"wp-image-91\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/screenshot-seedwebs-1024x660.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/screenshot-seedwebs-300x193.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/screenshot-seedwebs-768x495.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/screenshot-seedwebs.png 1121w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The WordPress system on this site uses <a rel=\"noreferrer noopener\" href=\"https:\/\/seedwebs.com\/package\/plant\/\" data-type=\"URL\" data-id=\"https:\/\/seedwebs.com\/package\/plant\/\" target=\"_blank\">Plant<\/a> , a theme developed by Thai people. I have supported the theme since the company launched the first version of the Seed theme, probably in early 2016, when it was launched at a price of 1,600 baht and used the <a href=\"https:\/\/seedthemes.com\/\" data-type=\"URL\" data-id=\"https:\/\/seedthemes.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">seedthemes.com<\/a> website name. Since then, the new name has been changed to <a rel=\"noreferrer noopener\" href=\"https:\/\/seedwebs.com\/\" data-type=\"URL\" data-id=\"https:\/\/seedwebs.com\/\" target=\"_blank\">seedwebs.com<\/a> As I am a pioneer customer, I received a special promotion for a lifetime license at 8,000 baht. I did not hesitate to immediately decide to support them. The plug-ins that are currently being used (at the time of writing this blog) are as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kirki Customizer Framework (Attached to the Plant theme)<\/li>\n\n\n\n<li>Smart Slider 3 Pro (Attached to the Plant theme)<\/li>\n\n\n\n<li>One Click Demo Import (Attached to the Plant theme)<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed Cache<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/post-smtp\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/post-smtp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Post SMTP<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/minimal-coming-soon-maintenance-mode\/\" target=\"_blank\" rel=\"noreferrer noopener\">Minimal Coming Soon &amp; Maintenance Mode<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/seed-fonts\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/seed-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Seed Fonts<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Revisions Control<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/google-authenticator\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/google-authenticator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Authenticator<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-dark-mode\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Dark Mode<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-reading-progress\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/wp-reading-progress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Reading Progress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-statistics\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/plugins\/wp-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Statistics<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"server\">Server<\/h2>\n\n\n\n<p>For the server system, I will be using Vultr's VPS Cloud Server. Why did I choose to use a VPS? Simply put, firstly, you must have the freedom to experiment with various website development approaches, whether you want to try Node.js, PHP Framework, or any other front-end framework that requires hosting. Secondly, you need speed, especially for WordPress. Thirdly, I'm a bit disappointed with Shared Hosting. Often, it's not very stable with WordPress. Previously, I used <a rel=\"noreferrer noopener\" href=\"https:\/\/www.namecheap.com\" data-type=\"URL\" data-id=\"https:\/\/www.namecheap.com\" target=\"_blank\">namecheap.com<\/a> Shared Hosting. It has many advantages (but it's not too fast, lol). Lastly, I wanted to practice and gain knowledge about various systems as well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vultr\">Vultr<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/www.vultr.com\/\" type=\"URL\" id=\"https:\/\/www.vultr.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vultr<\/a> website offers several products to choose from. I will choose to use their Cloud Compute or VPS (Virtual Private Server) products. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-choose-server-1024x307.png\" alt=\"\" class=\"wp-image-93\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-choose-server-1024x307.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-choose-server-300x90.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-choose-server-768x230.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-choose-server.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I chose a server system location near Thailand, such as Singapore, because this website has Thai language content, and most people who access it are likely to be Thai.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-location-1024x576.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-location-1024x576.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-location-300x169.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-location-768x432.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-location.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, select the operating system you want to use. Vultr has Marketplace Apps for us to choose from, which are pre-configured images that come with a built-in operating system. And of course, this website uses WordPress. I will choose to use an image named <a href=\"https:\/\/cyberpanel.net\/get-started-with-cyberpanel\/\">CyberPanel,<\/a> which comes with the Ubuntu 20.04 operating system and <a href=\"https:\/\/openlitespeed.org\/\" data-type=\"URL\" data-id=\"https:\/\/openlitespeed.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">OpenLiteSpeed <\/a>for WordPress pre-installed. I can attest that the web setup process can be quite challenging (it slipped and broke my head, lol). The important thing is that a Control Panel named CyberPanel has been pre-installed for us (the Image name is the name of the Control Panel itself), which will make it much easier for us to manage the website's system. I chose to use this image because I rarely use command line commands on Linux to set things up. With this image, you just need to use this command: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sudo apt-get update &amp;&amp; sudo apt-get upgrade<\/code><\/pre>\n\n\n\n<p>That's it. Haha. Other than that, you just need to click and navigate through the Control Panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-type-1024x560.png\" alt=\"\" class=\"wp-image-96\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-type-1024x560.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-type-300x164.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-type-768x420.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-type.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Finally, choose the size of the server. I select the smallest option, $5\/mo, which is a $5 monthly fee based on actual usage. This assumes that in 1 month, we use the server for a few days and then press STOP on the server. At the end of the month, Vultr will not collect $5 but will charge according to the hours that we actually use, which is $0.007\/h or $0.007 per hour. If we use the server for the full month, the cost will not exceed $5. However, if we press STOP on the server for the whole month, there will still be expenses every month. I can't remember the exact amount, but it's definitely not more than $1 per month. So, if you don't use the server, please destroy the instance. This way, there will be no cost in the following month.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-size-1024x507.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-size-1024x507.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-size-300x149.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-size-768x381.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-vultr-server-size.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0e2a\u0e23-\u0e1b\">Conclusion<\/h2>\n\n\n\n<p>I tested the page loading speed using Google's <a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" data-type=\"URL\" data-id=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\">PageSpeed<\/a> as a speedometer. According to the picture, the result shown was measured while the website had content for only this post.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights-1024x477.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights-1024x477.png 1024w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights-300x140.png 300w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights-768x358.png 768w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights-1536x715.png 1536w, https:\/\/dhanabhon.com\/wp-content\/uploads\/2022\/01\/my-website-migration-page-speed-insights.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you are interested in this method, try to follow it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Free $100 Credit<\/h2>\n\n\n\n<p>For those who want to get a free credit of 100 USD, you must sign up through<a rel=\"noreferrer noopener\" href=\"https:\/\/www.vultr.com\/?ref=9061832-8H\" data-type=\"URL\" data-id=\"https:\/\/www.vultr.com\/?ref=9061832-8H\" target=\"_blank\">this link only<\/a> However, you will receive the credit only after trying out Vultr's platform and paying 35 USD before the billing cycle. So, you will actually get a free credit of 100 USD, which means you get 65 USD for free (100 USD - 35 USD). The author will also receive a referral fee of 35 USD, or put, 'Give $100, Get $35' as per the campaign name of the referral program from Vultr <\/p>\n\n\n\n<p>Once you receive the free credit of 100 USD, you must use it within 14 days, or the credit will expire.<\/p>\n\n\n\n<p>Readers can also recommend their own link to others, and they will receive a free credit of 35 USD for each successful referral.<\/p>\n\n\n\n<p>If you don't want to spend 35 USD but just want to try out Vultr's platform, you can still use<a rel=\"noreferrer noopener\" href=\"https:\/\/www.vultr.com\/?ref=7003956\" data-type=\"URL\" data-id=\"https:\/\/www.vultr.com\/?ref=7003956\" target=\"_blank\">this link<\/a>for signing up, and likewise, the author will receive a credit of 10 USD. However, the credit will be granted to the author only when the reader makes a minimum payment of 10 USD, but the reader won't receive any free credit.<\/p>\n\n\n\n<p>Latest Update 4 August 2023 (Referal Program)<\/p>","protected":false},"excerpt":{"rendered":"<p>I'd like to share a little experience in migrating the entire website system. How will it be? Let's see.<\/p>","protected":false},"author":1,"featured_media":106,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_wp_rev_ctl_limit":""},"categories":[12],"tags":[13,14,3],"class_list":["post-14","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","tag-cloud-server","tag-vps","tag-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/posts\/14\/revisions\/628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/media\/106"}],"wp:attachment":[{"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/categories?post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhanabhon.com\/en\/wp-json\/wp\/v2\/tags?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}