Đây là bài viết thứ 4 trong chuỗi bài Hướng dẫn Thiết kế Website WordPress, và là bài thứ 2 trong chuỗi bài Tạo Blog cá nhân bằng WordPress.
Chúng ta sẽ học cách tạo blog cá nhân bằng Theme GeneratePress, cụ thể hơn là Template Marketer. Demo Blog: https://gpsites.co/marketer/
1. Mua tên miền và Hosting
Tên miền là địa chỉ của blog trên Internet, có dạng: themevi.com, vn-zoom.org, vnexpress.net, dantri.com.vn. Nó giống với địa chỉ của ngôi nhà.
Hosting là nơi lưu trữ toàn bộ dữ liệu của blog bao gồm bài viết, hình ảnh, video, tài liệu…Nó giống như mảnh đất để xây ngôi nhà.
Mình khuyến khích mua tên miền tại Namesilo. Đây là đại lí chính thức của ICANN, và giá tên miền .COM ở đây gần như rẻ nhất thị trường luôn, chỉ khoảng 200k/năm (rẻ hơn chỗ khác 50-100k/năm).
Và hosting bạn nên chọn ở Azdigi Thạch Phạm (Việt Nam). Do Thạch Phạm, admin Thachpham.com lập ra, với giá từ 50k/tháng (đủ cho 1 blog nhỏ rồi).
Sử dụng mã VNZOOM để được giảm 10% khi mua hosting tại Azdigi.
Và sau khi có tên miền, hosting, bạn cần trỏ tên miền về Hosting. Xem hướng dẫn:
- Hướng dẫn mua tên miền tại Namesilo
- Hướng dẫn mua Hosting tại Azdigi
- Hướng dẫn trỏ tên miền Namesilo về Azdigi
2. Cài đặt WordPress
WordPress là mã nguồn mở được 28% blog trên Internet sử dụng. Nó mang lại nhiều tính năng mạnh mẽ cho người dùng, mà không cần bất kỳ kiến thức kĩ thuật nào.
Trước khi đi vào tạo blog cá nhân, bạn cần cài đặt WordPress. Nếu sử dụng hosting ở Azdigi, hãy cài đặt WordPress theo hướng dẫn này.
Mình sẽ thực hiện trên giao diện WordPress bằng Tiếng Anh. Với blog tiếng Việt, thứ tự các mục y hệt ?
3. Cài đặt GeneratePress Theme & GP Premium
Bạn cần cài đặt Theme GeneratePress và Plugin GP Premium theo các hướng dẫn này:
4. Cài đặt Marketer Template
Truy cập vào Appearance > GeneratePress > Site Library
Kéo xuống tí, di chuột vào Marketer > Details
Get Started
Backup Options
Import Options
Đánh dấu vào I understand…. và bấm Import Content
Nếu blog của bạn đã có dữ liệu, và không muốn xóa chúng. Thì hãy bấm Skip để bỏ qua bước này nhé.
5. Header
Logo
Appearance > Customize > Layout > Primary Navigation > Navigation Logo
Menu Header
Sửa Menu: Appearance > Menus
Màu sắc menu: Appearance > Customize > Colors > Primary Navigation
Menu typography (cỡ chữ, kiểu chữ,…): Appearance > Customize > Typography > Primary Navigation
Biểu tượng tìm kiếm
Appearance > Customize > Layout > Primary Navigation > Navigation Search
Header Background
Appearance > Customize > Colors > Primary Navigation > Background Color
6. Bài viết trên Trang chủ
Giới hạn số bài viết hiển thị ở Trang chủ
Settings > Reading
Màu sắc bài viết
Tên bài viết: Appearance > Customize > Colors > Content > Blog Post Title & Blog Post Title Hover
Mô tả bài viết (Ngày, tác giả): Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover
Tóm tắt bài viết: Appearance > Customize > Colors > Content > Text
Nút Read More: Appearance > Customize > Colors > Buttons
Typography bài viết
Tên bài viết: Appearance > Customize > Typography > Headings > Heading 2 (H2)
Mô tả bài viết, tóm tắt, Read more: Appearance > Customize > Typography > Body
Giới hạn số từ trong tóm tắt
Appearance > Customize > Layout > Blog > Excerpt word count
Viền và bóng đổ cho bài viết
Appearance > Customize > Additional CSS > Dòng 01 – 06
7. Sidebar bên phải
Product Highlight
Appearance > Widgets > Right Sidebar – Text: Product Highlight
Để đổi màu nền: Appearance > Customize > Additional CSS > Lines 09 – 12
Nút: Lines 23 – 31
Recent Posts (Bài viết mới)
Appearance > Widgets
Có rất nhiều tùy chọn. Hãy thử để biết từng cái làm gì nhé!
Follow Me
Appearance > Widgets > Social Icons by WPZOOM
Copyright Text
Appearance > GeneratePress > Copyright > Activate
Sau đó đi tới Appearance > Customize > Layout > Footer > Copyright
Appearance > Menus > Footer bar – Marketer
Sau đó đi tới Appearance > Widgets > Footer Bar
9. Bài viết
Tên bài viết
Appearance > Customize > Colors > Content > Heading > Heading 1 (H1) Color
Appearance > Customize > Typography > Headings > Heading 1 (H1)
Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover
Nội dung bài viết
Appearance > Customize > Colors > Content > Text
Appearance > Customize > Typography > Body
Bình luận
Appearance > Customize > Colors > Forms
Nút đăng bình luận
Appearance > Customize > Colors > Buttons
Appearance > Customize > Typography > Buttons
10. Hướng dẫn sử dụng
Mình đã viết chuỗi bài hướng dẫn sử dụng WordPress cơ bản ở đây rồi 🙂
Nếu cần trợ giúp gì, bạn cứ bình luận bên dưới nhé.
Lược dịch từ BeaverHero.com
Cám ơn hướng dẫn của bạn, rất chi tiết. Mình cũng đang phát triển blog: chonlatot.com
Mình muốn hỏi phần: VPS 3.5$/tháng – 512MB Ram, 20GB SSD, 0.5TB băng thông, IP riêng. Xem ngay
Phía trên trang của bạn vào đâu để cài được cái này
Cám ơn bạn
Khi bạn mua xong VPS rồi, thì tiếp theo bạn cần cài công cụ quản lý (chỉ cần cài quản lý thì VPS sẽ dễ xài như hosting). Hiện tại có 2 công cụ mình xài khá ổn
1 là VPSSIM (do 1 bạn trong nước phát triển), giao diện như Menu Tivi ngày xưa. Hướng dẫn cài: https://themevi.com/cai-dat-vpssim-len-vps-vultr/
Trang chủ của vpssim: https://vpssim.vn/
Ưu điểm VPSSIM là giao diện tiếng việt, nhiều người trong nước dùng và free cho 20 website.
Nhược điểm là do 1 cá nhân phát triển, nên mình ko chắc là duy trì lâu dài, và phần bảo mật không yên tâm lắm
2 là RunCloud (1 công ty nước ngoài), giao diện đẹp và dễ xài hơn cPanel, free quản lý 01 VPS.
Hướng dẫn cài RunCloud: https://themevi.com/cai-dat-runcloud/
Hướng dẫn cài WordPress trên RunCloud: https://themevi.com/cai-dat-wordpress-tren-vps-voi-runcloud/
Ưu điểm RunCloud: nó là công ty, nên đầu tư rất nhiều vào cái này, giao diện dễ dùng, free 01 vps, free 30 gb backup, cài ko giới hạn web
Nhược điểm: không có giao diện tiếng anh, ko có SSL (bạn cần xài Cloudflare SSL, free)
Blog mình đang viết chuỗi bài về RunCloud, còn VPSSIM thì trang chủ vpssim.vn rất nhiều bài viết rồi.
Nếu bạn chưa biết cách mua VPS ở đó thì thử bài viết này: https://themevi.com/vps-gia-re-50k/
Lưu ý, nếu bạn có ý định cài RunCloud, thì ở mục Hệ điều hành, bạn cần chọn Ubuntu 16 hoặc 18 nhá.