Tùy Chỉnh

Bài 1 – Đổi Giao Diện Website

ĐỔI GIAO DIỆN WEBSITE

Trong bài học này bạn sẽ

• Thay đổi giao diện website của bạn bao nhiêu lần tùy thích

BÀI HỌC

Bạn không thích giao diện website của mình? Thay vì tốn vài triệu thuê người thiết kế lại, tôi sẽ hướng dẫn bạn đổi một giao diện mới hoàn toàn chỉ trong 1 phút.

Và hoàn toàn miễn phí!

1. Khái niệm trong bài hôm nay: Theme

Theme là giao diện được thiết kế sẵn. Bạn chỉ cần cài đặt là có ngay giao diện website mới.

WordPress cung cấp cho bạn hàng nghìn giao diện sẵn có miễn phí.

Bạn cũng có thể mua các Theme trả phí để website đẹp hơn hoặc thuê người thiết kế Theme cho bạn

2. Link đăng nhập quản trị website của bạn

Để đăng nhập và sửa đổi website của bạn, bạn cần gõ vào đường link như sau:

• www.tenmiencuaban.com/wp-admin

Bạn có thể xem video hướng dẫn để biết link đăng nhập của bạn

BÀI TẬP

Bài tập về nhà hôm nay: thay đổi giao diện website của bạn

Kích hoạt Theme mới sẵn có

1. Đăng nhập vào website
2. Vào Dashboard -> Appearance -> Themes
3. Kéo xuống dưới và click “Active” để kích hoạt Theme Twenty Ten
4. Vào website của bạn để xem giao diện thay đổi thế nào

Cài Theme mới

1. Vào Dashboard -> Appearance -> Themes
2. Click “Install Themes”". Ở đây có săn hàng ngàn giao diện cho bạn chọn lựa để cài đặt
3. Gõ “blue” vào ô tìm kiếm và click “Search”
4. Tìm Theme tên là “Big City” và click “Install”
5. Chờ Theme được cài đặt xong và click “Activate”
6. Vào lại website của bạn để xem giao diện đã thay đổi thế nào

Chúc mừng bạn!

Sau khi hoàn tất bài tập này, bạn đã nắm được kỹ thuật để thay đổi giao diện website tùy thích

Có hàng ngàn Theme được thiết kế sẵn, bạn không phải tốn chi phí để thuê người thiết kế giao diện cho website của bạn nữa!

VIDEO HƯỚNG DẪN

Bài 2 – Thêm Nội Dung Website

THÊM NỘI DUNG WEBSITE

Trong bài học trước bạn đã

• Đổi giao diện website

Trong bài học này bạn sẽ

• Thêm nội dung website

BÀI HỌC

Khái niệm trong bài hôm nay

Pages: Là các trang chứa nội dung website của bạn, chẳng hạn:

• Trang giới thiệu
• Trang tuyển dụng
• Trang liên hệ
• …

Một số dịch vụ thiết kế web còn tính phí bạn theo số lượng trang. Ở đây bạn có thể thoải mái tạo bao nhiêu trang tùy thích. 

BÀI TẬP

Đổi sang giao diện “Twenty eleven”

• Đăng nhập vào Dashboard -> Appearance -> Themes -> Install Theme
• Copy tên “Twenty eleven” vào ô tìm kiếm và click “Search”
• Cài đặt theme Twenty Eleven

Tạo ra các trang cơ bản: Trang giới thiệu, trang tuyển dụng, trang liên hệ.

XEM VIDEO HƯỚNG DẪN

Bài 3 – Chức Năng Tin Tức

CHỨC NĂNG TIN TỨC

Trong bài học trước bạn đã:

• Tạo nội dung website bằng các “Page”

Trong bài học này bạn sẽ:

• Xây dựng chức năng tin tức cho website bằng các “Post”

BÀI HỌC

Post là các bài viết được đăng thường xuyên. Nếu bạn xây dựng Blog, post là các bài viết của bạn trong blog.

Trong bài học này chúng ta sẽ sử dụng các Post làm chức năng Tin Tức.

Category: Các bài viết được phân loại thành các chủ đề khác nhau gọi là Category, ở đây chúng ta sẽ dùng Category làm Loại Tin Tức.

BÀI TẬP

Tạo ra 3 loại tin tức là: Tin Nội Bộ, Tin Thị Trường và Tin Giật Gân

1. Vào Dashboard -> Posts -> Categories
2. Tạo Category “Tin Tức”
3. Tạo 3 Category con của “Tin Tức” là “”Tin Nội Bộ”, “Tin Thị Trường”, “Tin Giật Gân”

Đăng 3 tin đầu tiên cho website

1. Vào Dashboard -> Posts -> Add New
2. Copy tin ở một trang báo bất kỳ vào Post của bạn
3. Chọn Category cho Post
4. Click “Publish”
5. Thực hiện tương tự cho 2 tin còn lại

VIDEO HƯỚNG DẪN

Bài 4 – Tạo Menu

TẠO MENU

Trong bài học trước bạn đã

• Tạo chức năng tin tức cho website

Trong bài học này bạn sẽ

• Tạo menu cho website

BÀI HỌC

Nếu bạn không tạo menu, wordpress sẽ tự động lấy link đến các Page của bạn đặt vào menu

Tuy nhiên nếu bạn cần tùy chỉnh menu theo ý của mình, hãy làm theo hướng dẫn của bài tập

BÀI TẬP

Tạo menu cho website

1. Vào Dashboard -> Appearance -> Menus
2. Gõ “Menu” và click “Create Menu” nếu bạn chưa tạo menu
3. Chọn các Pages và click “Add to menu” để thêm các link đến page vào Menu.
4. Cọn Category “Tin Tức” và click “Add to menu”
5. Click “Save”
6. Ở phần “Theme Location”, chọn “Menu” ở ô “Primary Navigation”
7. Click “Save”
8. Vào website để xem menu được cập nhật

VIDEO HƯỚNG DẪN

Bài 5 – Tùy chỉnh cột

TÙY CHỈNH CỘT WEBSITE

Trong bài học trước bạn đã

• Tạo menu cho website

Trong bài học này bạn sẽ

• Tùy chỉnh nội dung cột của website

BÀI HỌC

Khái niệm: WIDGET

Widget là các ô nội dung thường nằm trên cột bên trái, phải của website.

Mỗi widget sẽ chứa một nội dung riêng như:

• Widget “Recent Post” (Tin mới nhất) – Hiển thị các tin tức mới nhất
• Widget “Category” (Phân mục) – Hiển thị danh mục tin tức
• Widget “Search” (Tìm kiếm) – Hiển thị ô tìm kiếm
• Widget “Text” (Văn bản) – Hiển thị văn bản bất kỳ bạn điền vào
• …

BÀI TẬP

Trong bài tập này, bạn sẽ đặt các Widget sẵn có vào cột bên phải của Website.

1. Vào Dashboard – Appearance – Widgets
2. Kéo thả các widget sẵn có ra ngoài để sắp xếp lại
3. Lần lượt kéo thả các widget sau vào ô “Primary Widget Area”: “Categories”, “Recent Post”, “Search”, “Text”
4. Đổi tiêu đề các Widget trên sang tiếng Việt
5. Xem lại giao diện website của bạn

VIDEO HƯỚNG DẪN

Bài 6 – Tổng Kết Phần 2

TỔNG KẾT PHẦN 2

YOU ARE BLOG DESIGNER!

Kết thúc phần 2, bạn đã có thể thiết kế thành công một blog cho mình và người khác.

Với hàng nghìn giao diện sẵn có, bạn sẽ dễ dàng xây dựng một blog chỉ trong nửa ngày. Happy Blogging!