Tạo Blog cá nhân với Marketer Template WordPress

Cập nhật: 04/11/2019

Đâ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/

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:

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

generatepress-tasty-1-min

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

beaverhero.com-generatepress-marketer-1-min

Get Started

get-started-gp-site-library1-min

Backup Options

backup-options-gp-site-library1

Import Options

import-options-gp

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

beaverhero.com-generatepress-marketer-2-min

5. Header

Appearance > Customize > Layout > Primary Navigation > Navigation Logo

beaverhero.com-generatepress-marketer-3-min

Menu Header

Sửa Menu: Appearance > Menus

beaverhero.com-generatepress-marketer-4-min

Màu sắc menu: Appearance > Customize > Colors > Primary Navigation

beaverhero.com-generatepress-marketer-5-min

Menu typography (cỡ chữ, kiểu chữ,…): Appearance > Customize > Typography > Primary Navigation

beaverhero.com-generatepress-marketer-6-min

Biểu tượng tìm kiếm

Appearance > Customize > Layout > Primary Navigation > Navigation Search

generatepress-tasty-17-min

Header Background

Appearance > Customize > Colors > Primary Navigation > Background Color

beaverhero.com-generatepress-marketer-7-min

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

beaverhero.com-gp-spacious-24-min

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

beaverhero.com-generatepress-marketer-8-min

Mô tả bài viết (Ngày, tác giả): Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover

beaverhero.com-generatepress-marketer-9-min

Tóm tắt bài viết: Appearance > Customize > Colors > Content > Text

beaverhero.com-generatepress-marketer-10-min

Nút Read More: Appearance > Customize > Colors > Buttons

beaverhero.com-generatepress-marketer-11-min

Typography bài viết

Tên bài viết: Appearance > Customize > Typography > Headings > Heading 2 (H2)

beaverhero.com-generatepress-marketer-12-min

Mô tả bài viết, tóm tắt, Read more: Appearance > Customize > Typography > Body

beaverhero.com-generatepress-marketer-13-min

Giới hạn số từ trong tóm tắt

Appearance > Customize > Layout > Blog > Excerpt word count

beaverhero.com-generatepress-marketer-14-min

Viền và bóng đổ cho bài viết

Appearance > Customize > Additional CSS > Dòng 01 – 06

beaverhero.com-generatepress-marketer-15-min

7. Sidebar bên phải

Product Highlight

beaverhero.com-generatepress-marketer-16-min

Appearance > Widgets > Right Sidebar – Text: Product Highlight

beaverhero.com-generatepress-marketer-17-min

Để đổi màu nền: Appearance > Customize > Additional CSS > Lines 09 – 12

beaverhero.com-generatepress-marketer-22-min

Nút: Lines 23 – 31

beaverhero.com-generatepress-marketer-23-min

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

beaverhero.com-generatepress-marketer-18-min

Appearance > Widgets

beaverhero.com-generatepress-marketer-19-min

Có rất nhiều tùy chọn. Hãy thử để biết từng cái làm gì nhé!

Follow Me

beaverhero.com-generatepress-marketer-20-min

Appearance > Widgets > Social Icons by WPZOOM

beaverhero.com-generatepress-marketer-21-min

 

8. Footer

Copyright Text

Appearance > GeneratePress > Copyright > Activate

beaverhero.com-generatepress-marketer-27-min

Sau đó đi tới Appearance > Customize > Layout > Footer > Copyright

beaverhero.com-generatepress-marketer-28-min

Menu Footer

beaverhero.com-generatepress-marketer-26-min

Appearance > Menus > Footer bar – Marketer

beaverhero.com-generatepress-marketer-24-min

Sau đó đi tới Appearance > Widgets > Footer Bar

beaverhero.com-generatepress-marketer-25-min

9. Bài viết

Tên bài viết

Appearance > Customize > Colors > Content > Heading > Heading 1 (H1) Color

beaverhero.com-generatepress-marketer-29-min

Appearance > Customize > Typography > Headings > Heading 1 (H1)

beaverhero.com-generatepress-marketer-33-min

Mô tả bài viết (Ngày, tác giả, chuyên mục, thẻ, điều hướng bài viết)

Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover

beaverhero.com-generatepress-marketer-9-min

Nội dung bài viết

Appearance > Customize > Colors > Content > Text

beaverhero.com-generatepress-marketer-30-min

Appearance > Customize > Typography > Body

beaverhero.com-generatepress-marketer-13-min

Bình luận

Appearance > Customize > Colors > Forms

beaverhero.com-generatepress-marketer-31-min

Nút đăng bình luận

Appearance > Customize > Colors > Buttons

beaverhero.com-generatepress-marketer-32-min

Appearance > Customize > Typography > Buttons

beaverhero.com-generatepress-marketer-34-min

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

mới nhất cũ nhất được thích nhiều
Thông báo về
thu huong
Bạn đọc

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