Tạo Blog cá nhân bằng WordPress với Tasty Template

Đây là bài viết thứ 3 trong chuỗi bài Hướng dẫn Thiết kế Website WordPress, và là bài đầu 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 Tasty. Demo Blog: https://gpsites.co/tasty/

tasty-screenshot-min

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:

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 Tasty Template

Truy cập vào Appearance > GeneratePress > Site Library

generatepress-tasty-1-min

Kéo xuống tí, di chuột vào Tasty > Details

generatepress-tasty-2-min

Bấm Get Started

generatepress-tasty-3-min

Bấm tiếp Backup Options

generatepress-tasty-4-min

Bấm tiếp Import Options

generatepress-tasty-5-min

Đá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é.

generatepress-tasty-6-min

Cài đặt thành công!

generatepress-tasty-7-min

5. Đổi tên Blog

generatepress-tasty-8-min

Appearance > Customize > Site Identity > Gõ tiêu đề mới > Publish

generatepress-tasty-9-min

6. Menu

Sửa Menu

Appearance > Menus

generatepress-tasty-12-min

Xem thêm: Hướng dẫn tạo và thêm các mục vào Menu

Xóa mục Menu

Nếu muốn xóa mục nào đó, bấm vào mũi tên đen bên phải > Remove

generatepress-tasty-13-min

Đổi icon mạng xã hội

Bấm vào mũi tên đen bên phải tên mạng xã hội (Facebook, Instagram…) > Bấm vào Icon

generatepress-tasty-14-min

Chọn Icon mới và bấm Select

generatepress-tasty-15-min

Bật/Tắt Tìm kiếm

generatepress-tasty-16-min

Appearance > Customize > Layout > Primary Navigation > Navigation Search

generatepress-tasty-17-min

Sửa màu sắc và Typography

Appearance > Customize > Colors > Primary Navigation

Appearance > Customize > Typography > Primary Navigation

Typography là cỡ chữ, font chữ, độ đậm nhạt của chữ.

7. Bài viết ở Trang chủ

Tổng quan

Appearance > Customize > Layout

Có rất nhiều tùy chọn, bạn nên thử từng cái để biết chúng có tác dụng gì nhé!

generatepress-tasty-18-min

Màu sắc (Tên bài, Thông tin bài, Tóm tắt…)

Appearance > Customize > Colors > Content.

Bạn có thể tùy chỉnh Tên bài viết, Thông tin bài viết (ngày tháng, tác giả, chuyên mục, thẻ).

generatepress-tasty-19-2

8. Cột bên phải

About Me

generatepress-tasty-20-min

Appearance > Widgets > Right Sidebar – Text: About Me

generatepress-tasty-21-min

Newsletter (bên dưới About Me)

Phần này để cho người đọc đăng ký theo dõi. Và khi có bài viết mới, bạn có thể gửi đồng loạt qua email cho những người theo dõi đó.

MailChimp for WP > Enter your API Key > Save Changes

Để tạo API Key, đăng nhập vào Mailchimp > Profile > Extras > API Keys > Create A Key

generatepress-tasty-23-min

Kết nối thành công.

generatepress-tasty-24-min

MailChimp for WP > Form

generatepress-tasty-25-min

Appearance > Widgets

generatepress-tasty-26-min

Kết quả ta được

generatepress-tasty-27-min

Recent Posts (Bài viết mới)

generatepress-tasty-28-min

Appearance > Widgets > Right Sidebar – Recent Posts Extended: Recent Posts.

Có rất rất nhiều tùy chọn. Bạn hãy thử từng cái để biết nhé

generatepress-tasty-29-min

9. Footer

generatepress-tasty-30-min

Appearance > Customize > Layout > Footer > Copyright > Gõ dòng chữ bạn muốn > Publish

generatepress-tasty-31-min

10. Trang Liên hệ

Trang Liên hệ (Contact) có một form liên hệ. Bạn có thể thiết lập form này tại: Contact > Contact Form 1 > Contact Form 1 > Edit

generatepress-tasty-32-min

Thiết lập email

  • To: email của bạn, để nhận thông tin gửi về
  • From: điền như trong hình, với your-domain.com là địa chỉ tên miền blog của bạn

generatepress-tasty-34-min

Vậy là xong rồi đó!

11. Hướng dẫn sử dụng