Nâng Cấp Và Bảo Trì

Trong học phần này, bạn sẽ được hướng dẫn cách sử dụng các dịch vụ trả phí và xử lý khi website của bạn gặp sự cố.

Bảo trì website với Hostinger

BACKUP WEBSITE



KHÔI PHỤC WEBSITE



Bảo trì website với Hostgator

Bảo trì website

BẢO TRÌ WEBSITE

Bạn phải làm gì khi website của bạn bỗng nhiên bị lỗi, bị hack, bị vân vân…?
Câu trả lời là: đầu hàng! :(
Bạn không phải là chuyên gia công nghệ thông tin nên không thể tự mình xử lý các sự cố đó được.
Giải pháp thật đơn giản:
  • Lưu lại một bản website của bạn lúc chưa bị lỗi
  • Khi bị lỗi, xóa website bị lỗi và khôi phục lại như cũ (backup). Thế là xong!
Cách thức này cũng giống như “ghost” máy tính của bạn vậy.

BÀI HỌC

Trong bài học này, Peacat.com sẽ hướng dẫn bạn cách
  • Tạo một bản backup cho website và database của bạn
Bài học này hướng dẫn bạn thao tác trên Hostgator. Trong trường hợp bạn sử dụng các host khác, thao tác cũng tương tự.

BÀI TẬP

Backup website và database của bạn
  1. Đăng nhập vào Hostgator
  2. Click “Backup”
  3. Click “Home directory” để download website của bạn
  4. Click vào tên database để download database (nếu bạn chỉ có một website thì chỉ có 1 link database)

VIDEO

Khôi phục website

KHÔI PHỤC WEBSITE

Trong bài này bạn sẽ được hướng dẫn cách khôi phục lại website của bạn từ file backup
  • Lưu ý: Hướng dẫn này không áp dụng khi bạn chuyển website sang tên miền khác.

BÀI HỌC

Trong bài học này, chúng ta giả sử website của bạn bị lỗi và bạn muốn khôi phục lại như lúc đầu. Bạn sẽ thực hiện theo trình tự như sau:
  1. Đăng nhập vào menu backup
  2. Khôi phục lại database
  3. Khôi phục lại website

BÀI TẬP

Khôi phục website của bạn
  1. Đăng nhập vào Hostgator
  2. Click “Backup”
  3. Chọn database và click “Upload”
  4. Chọn file “Home directory” và click “Upload”

VIDEO


Chuyển blog WordPress sang website mới

CHUYỂN BLOG WORDPRESS SANG WEBSITE MỚI


BÀI TẬP

  1. Dowwnload nội dung blog cũ của bạn về máy tính
  2. Cài đặt blog tại website mới
  3. Upload nội dung blog cũ của bạn lên website mới

VIDEO HƯỚNG DẪN


Giao Diện Nâng Cao

Trong phần này bạn sẽ học cách sử dụng một số Themes nâng cao để làm cho website của mình đẹp hơn

Hoàn thành phần 3, bạn có thể thiết kế một website doanh nghiệp đẹp như mơ mà các dịch vụ thiết kế web thường báo giá từ 5-10 triệu!

Bài 1 – Theme Responsive – 1

CÀI ĐẶT THEME RESPONSIVE

Trong bài học này bạn sẽ
  • Cài đặt theme Responsive

BÀI HỌC

Như bài học trước đã nói, WordPress có sẵn hàng nghìn theme cho bạn lựa chọn
  • Có những theme “bình dân” miễn phí
  • Có những theme trả phí rất đẹp
  • Nhưng nếu may mắn, bạn có thể tim được những theme vừa rẻ lại vừa đẹp
Thông thường những theme này đòi hỏi bạn phải có một số tùy chỉnh để sử dụng được. Nó sẽ phức tạp hơn các theme “bình dân” mà chúng ta sử dụng ở phần trước.
Sẽ rất thuận lợi cho bạn nếu bạn biết tiếng anh để đọc hướng dẫn sử dụng các theme loại này.
Nếu bạn không biết tiếng anh cũng không sao, tôi sẽ hướng dẫn bạn sử dụng 2 theme cực đẹp trong phần 3 này.
Theme Responsive là một trong những theme như vậy!

BÀI TẬP

Cài đặt theme Responsive
  1. Vào Dashboard -> Appearance -> Themes
  2. Click “Install Themes”
  3. Click “Feature” hoặc search với từ khóa “Responsive”
  4. Tìm theme có tên là “Responsive” và click “Install Now”
  5. Chờ theme được cài xong, click “Activate”
  6. Xem giao diện mới website của bạn.

VIDEO HƯỚNG DẪN



Bài 2 – Theme Responsive – 2

TÙY CHỈNH THEME RESPONSIVE

Trong bài học trước bạn đã
  • Cài đặt theme Responsive
Trong bài học này bạn sẽ
  • Đổi logo website
  • Đổi tiêu đề và lời chào website
  • Đổi hình ảnh ở trang chủ
  • Đổi nội dung widget ở cuối trang

BÀI HỌC

Không có bài học, thư giãn chút :)

BÀI TẬP

Đổi logo website
  1. Vào Dashbloard -> Appearance -> Themes -> Themes Options
  2. Click “Logo Upload”
  3. Click Need to replace or emove logo? “Click here”
  4. Click “Remove Header Image”
  5. Xem lại website của bạn. Logo mặc định đã biến mất! Thay vào đó là tên website của bạn
Đổi tiêu đề và lời chào website
  1. Vào Dashbloard -> Appearance -> Themes -> Themes Options
  2. Click “Home Page”
  3. Điền “Headline”: Lời chào của bạn
  4. Điền “Sub Headline”: Lời chào phụ (Slogan)
  5. Điền “Content Area”: Lời giới thiệu ngắn gọn
  6. Điền “Call to Action URL”: Link đến trang giới thiệu (Page)
  7. Điền “Call to Action Text”: Gõ “Xem thêm”
  8. Click “Save Options”
  9. Xem lại website của bạn
Đổi hình ảnh ở trang chủ
  1. Download một ảnh nhỏ từ Google
  2. Upload ảnh này lên Uphinh.vn
  3. Lấy code chèn ảnh của ảnh này
  4. Vào Dashbloard -> Appearance -> Themes -> Themes Options
  5. Vào “Home Page”
  6. Dán code chèn ảnh vào ô “Feature Content”
  7. Click “Save Options”
  8. Xem lại website của bạn
Đổi nội dung các widget ở cuối trang
  1. Vào Dashboard -> Appearance -> Widgets
  2. Kéo thả widget “Text” lần lượt vào các ô “Home Widget 1″, ”Home Widget 2″ và ”Home Widget 3″
  3. Điền tiêu đề và nội dung cho các widget này
  4. Xem lại website của bạn

VIDEO HƯỚNG DẪN

ĐỔI LOGO WEBSITE

Bài 3 – Theme Responsive – 3

THEME RESPONSIVE – 3

Trong bài học trước bạn đã:
  • Đổ mồ hôi hột vì phải làm quá nhiều thứ :D
Trong bài học này bạn sẽ:
  • Đơn giản là tùy chỉnh lại menu và cột bên phải của website cho đẹp
BÀI HỌC

BÀI TẬP

Tùy chỉnh menu
  1. Vào Dashboard -> Appearance -> Menus
  2. Tạo và chỉnh menu  (Bạn có thể bỏ qua bước này nếu đã có menu rồi)
  3. Ở phần “Themes Support Layout”, chọn “Menu” ở ô “Top Menu” và “Header Menu”
  4. Click Save
Tùy chỉnh cột bên phải
  1. Vào Dashboard -> Appearance -> Widgets
  2. Kéo thả các widget vào ô “Main Sidebar”
  3. Đổi tiêu đề các widget sang tiếng Việt, click “Save”
  4. Xem lại website của bạn

WOW!

Website của bạn đã đẹp và chuyên nghiệp hơn hẳn so với phần trước!
Bạn có thể gửi sản phẩm của mình giới thiệu với bạn bè đươc rồi
Nếu có ai hỏi giá thiết kế là bao nhiêu. Bạn có thể trả lời là 5 triệu, biết đâu lại có người đặt hàng thuê bạn thiết kế web thì sao? :D

VIDEO HƯỚNG DẪN


Bài 4 – Theme Boldy – 1

CÀI ĐẶT THEME BOLDY

Trong 3 bài trước bạn đã
  • Cài đặt và tùy chỉnh theme Responsive
Trong bài học này bạn sẽ
  • Cài đặt theme Boldy

BÀI HỌC

Ngoài các theme có sẵn trong mục Themes của WordPress, bạn còn có thể tìm thấy rất nhiều theme WordPress khác trên internet bằng cách search Google với từ khóa: theme wordpress, theme wordpress free, theme wordpress miễn phí…
Theme Boldy là một theme miễn phí được cung cấp bởi website Site5.com
Sau khi học xong khóa học này, bạn có thể thử download và sử dụng nhiều theme cực đẹp khác từ Site5.com
Bạn cũng có thể download rất nhiều theme đẹp miễn phí khác tại Artisteer

BÀI TẬP

  1. Click vào đây để download Themes Boldy
  2. Vào Dashboard -> Appearance -> Themes
  3. Click “Install Themes”
  4. Click “Upload”
  5. Upload theme vừa tải về và cài đặt
  6. Click “Activate” để kích hoạt theme Boldy

VIDEO HƯỚNG DẪN


Bài 5 – Theme Boldy – 2

THEME BOLDY
CẬP NHẬT LOGO

Trong bài học trước bạn đã
  • Cài đặt theme Boldy
Trong bài học này bạn sẽ
  • Cập nhật logo cho website của bạn

BÀI HỌC

  • Làm sao để website của bạn “trông có vẻ” đẹp?
  • Website của bạn phải có nhiều hình ảnh
  • Hình ảnh của website của bạn phải có chất lượng cao
Nhiều website thiết kế đẹp nhưng hình ảnh xấu -> Website xấu
Nhiều website thiết kế bình thường nhưng có nhiều ảnh đẹp -> Website đẹp
Hình ảnh là yếu tố hàng đầu để có website đẹp. Đừng tiếc tiền thuê thợ chụp ảnh chụp vài tấm thật đẹp cho website của bạn.

BÀI TẬP

Download hình ảnh cho website
  1. Click vào đây để download hình ảnh cho website
  2. Giải nén thư mục vừa download vào thư mục “Học Thiết Kế Website” của bạn
Upload logo lên web
  1. Vào Dashboard
  2. Vào “Media” -> “Add New”
  3. Upload hình ảnh logo của bạn
  4. Lấy link logo của bạn
Cập nhật logo cho website
  1. Vào “Boldy Options”
  2. Dán link logo vào ô “Change Logo”
  3. Chọn Blog Category là “Tin Tức”
  4. Click “Save Change”

VIDEO HƯỚNG DẪN


Bài 6 – Theme Boldy – 3

CẬP NHẬT SOCIAL LINKS

Trong bài học trước bạn đã
  • Cập nhật logo cho website của bạn
Trong bài học này bạn sẽ
  • Cập nhật link đến Facebook, Twitter, Google+… từ website của bạn

BÀI HỌC

“Social Link” là gì?
Social Link là link đến các mạng xã hội như Facebook, Twiter, v.v…
Nếu bạn không hiểu những khái niệm này hoặc không có tài khoản ở các mạng xã hội thì bạn có thể bỏ qua bài học này và đọc bài kế tiếp.

BÀI TẬP

Cập nhật các “Social Link” trên website của bạn
  1. Vào Dashboard -> Boldy Options
  2. Kéo xuống phần “Social Links”
  3. Gõ username Twitter của bạn
  4. Gõ link Facebook của bạn
  5. Gõ link LinkedIn của bạn
  6. Click “Save Changes”
  7. Xem lại website

VIDEO HƯỚNG DẪN



Bài 7 – Theme Boldy – 4

THEME BOLDY

CẬP NHẬT SLIDE HÌNH ẢNH

Trong bài học trước bạn đã
  • Cập nhật Social Links cho website
Trong bài học này bạn sẽ
  • Cập nhật hình ảnh cho slide ở trang chủ

BÀI HỌC

Theme Boldy hỗ trợ chức năng tạo Slide hình ảnh đẹp mắt.
Để tạo slide này, bạn phải tạo một trang (Page) và chèn hình ảnh vào đó. Bạn chèn bao nhiêu hình vào thì có bấy nhiêu hình trong slide ở trang chủ.
Sau khi tạo trang, bạn phải khai báo nó ở mục “Boldy Option”

BÀI TẬP

Tạo Page chứa hình ảnh
  1. Vào Dashboard -> Page -> Add New
  2. Tạo trang mới có tên là “Slide hình ảnh”
  3. Chèn các hình bạn đã download ở bài tập trước vào
  4. Click “Publish”
Thiết lập Slide hình ảnh cho website
  1. Vào Dashboard -> Boldy Options
  2. Kéo xuống phần “Home Page Settings”
  3. Ở phần “Homepage Slider Images Page”, chọn “Slide hình ảnh”
  4. Kéo xuống, click “Save Change”
  5. Xem lại website của bạn

VIDEO HƯỚNG DẪN



SỬA LỖI HÌNH SLIDE BỊ NHỎ




Bài 8 – Theme Boldy – 5

THEME BOLDY

THÊM CÁC BÀI VIẾT NHỎ

Trong bài học trước bạn đã
  • Tạo Slide hình ảnh cho website
Trong bài học này bạn sẽ
  • Tạo các bài giới thiệu ngắn bên dưới slide hình ảnh

BÀI HỌC

Hãy xem lại website demo hoàn chỉnh: http://supermarketer.vn/demowebsite/
Bạn có thấy 3 bài giới thiệu ngắn “xinh đẹp” bên dưới slide hình ảnh? :)
Trong bài hôm nay chúng ta sẽ tạo 3 bài viết đó bằng cách tạo 3 Page, sau đó thiết lập nó trong “Boldy Options”

BÀI TẬP

Tạo 3 Page giới thiệu ngắn
  1. Vào Dashboard -> Pages -> Add New
  2. Đặt tiêu đề là “Nhân Sự”
  3. Chèn hình nhỏ đầu tiên vào (Hình bạn đã download)
  4. Điền thông tin giới thiệu ngắn vào bên dưới hình ảnh
  5. Click “Publish”
  6. Làm tương tự cho trang “Quy Trình” và “Đối Tác”
Thiết lập bài giới thiệu cho trang chủ
  1. Vào Dashboard -> Boldy Options
  2. Kéo xuống mục “HomePage Settings”
  3. Ở phần “Home Box1 Page”, chọn “Nhân Sự”
  4. Ở phần “Home Box2 Page”, chọn “Quy Trình”
  5. Ở phần “Home Box3 Page”, chọn “Đối Tác”
  6. Click “Save Changes”
  7. Xem lại website của bạn

VIDEO HƯỚNG DẪN


Bài 9 – Theme Boldy – 6

THEME BOLDY

THÔNG ĐIỆP BÁN HÀNG

Trong bài học trước bạn đã
  • Tạo bài giới thiệu nhỏ cho trang chủ
Trong bài học này bạn sẽ
  • Tạo ô “Thông điệp bán hàng”

BÀI HỌC

Xem lại trang demo hoàn chỉnh: http://noithat.net23.net/
Bên dưới slide hình ảnh có thông điệp bán hàng. Trong bài này chúng ta sẽ tạo thông điệp bán hàng đó.

BÀI TẬP

Tạo thông điệp bán hàng
  1. Vào Dashboard -> Boldy Options
  2. Kéo xuống phần “Homepage Settings”
  3. Điền thông điệp bán hàng của bạn vào ô “Blur text”
  4. Ở ô “Request Quote Page”, chọn trang “Liên hệ”
  5. Click “Save Changes”
  6. Xem lại website

VIDEO HƯỚNG DẪN


Bài 10 – Theme Boldy – 7

THEME BOLDY

TẠO MENU CHO WEBSITE

Trong bài học trước bạn đã
  • Thêm Social Links cho website
Trong bài học này bạn sẽ
  • Tạo Menu cho website

BÀI HỌC

Trong bài này bạn sẽ tạo menu cho Themes của mình. Bạn đã thực hiện việc này rồi đúng không?

BÀI TẬP

Tạo menu cho website
  1. Vào Dashboard -> Appearance -> Menus
  2. Tạo các mục menu, lưu lại (Bạn có thể bỏ qua bước này nếu đã tạo menu)
  3. Ở phần “Theme Location”, chon “Menu” ở ô “Main Menu”
  4. Click “Save”

VIDEO HƯỚNG DẪN


Bài 11 – Theme Boldy – 8

THEME BOLDY

TRANG TRÍ FOOTER

Trong bài học trước bạn đã
  • Tạo Menu cho website
Trong bài học này bạn sẽ
  • Trang trí Footer cho website

BÀI HỌC

Footer là gì?
Footer là phần dưới cùng của website của bạn. Thông thường nơi này sẽ trình bày thông tin liên hệ, bản quyền, các menu phụ v.v…
Trong bài học này bạn sẽ tiến hành trang trí footer bằng các Widget

BÀI TẬP

Trang trí footer
  1. Vào Dashboard -> Appearance -> Widget
  2. Kéo thả các widget sau vào ô Footer: Categories, Custom Menu, Recent Posts, Text
  3. Đổi tiêu đề các Widget sang tiếng Việt
  4. Click “Save”
  5. Xem lại website của bạn

VIDEO HƯỚNG DẪN

Bài 12 – Tổng Kết Phần 3

TỔNG KẾT PHẦN 3

XIN CHÚC MỪNG!

(Lại chúc mừng? ^^)
Không chúc mừng sao được khi bạn đã làm được một website hết sức chuyên nghiệp!
Hãy một lần nữa nhìn lại thành quả mà bạn đã thực hiện!
Và đây là bài tập đặc biệt dành cho bạn ngày hôm nay:

Hãy gửi link website của bạn cho một công ty thiết kế web và yêu cầu họ báo giá. 

Bạn chắc chắn sẽ ngạc nhiên khi biết được bạn đã làm được một website với mức giá như vậy.
Biết đâu, sau ngày hôm nay chúng ta lại có thêm một tay cung cấp dịch vụ thiết kế web nghiệp dư?
Bài học thiết kế web cơ bản đến đây là kết thúc.


HẸN GẶP LẠI!


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!

Cài Đặt

Phần 1 – Cài Đặt

  • Bạn có thể lựa chọn 1 trong 3 cách bên dưới để cài đặt website
  • Với cách 1 và 2, bạn có thể dùng chức năng cài đặt tự động
  • Đôi khi bạn không thể sử dụng chức năng cài đặt tự động, hãy tham khảo cách 3 để biết cách cài đặt website thủ công

Cách 1 – Sử dụng Hostinger

SỬ DỤNG HOSTINGER.VN ĐỂ CÀI ĐẶT WEBSITE

Hostinger.vn là dịch vụ của 000webhost.com tại Việt Nam. Bạn có thể sử dụng dịch vụ host miễn phí này để tạo website cho mình.

VIDEO HƯỚNG DẪN



CÀI ĐẶT BẰNG CHỨC NĂNG CÀI TỰ ĐỘNG



Cách 2 – Sử dụng Hostgator

  • Lưu ý: để thực hành phần này bạn cần đăng ký Domain và Host. Để có thể mua được domain với host giá rẻ nhất (domain: $1.99/năm, host: $0.01/tháng đầu) bạn cần phải có thẻ VISA DEBIT
  • Bạn có thể đăng ký thẻ VISA DEBIT miễn phí tại ngân hàng ACB (chỉ 15 phút có thẻ) hoặc đăng ký ở ngân hàng khác và đóng phí 100k.

Chuẩn bị

QUY TRÌNH CỦA CHÚNG TA

BÀI HỌC

Quá trình cài đặt website gồm các bước sau:
  1. Đăng ký domain
  2. Đăng ký host
  3. Trỏ domain vào host
  4. Cài đặt Website bằng chức năng cài đặt tự động
Chú thích: Trong suốt khóa học này bạn sẽ làm việc với 4 khái niệm chính
  1. Domain: Tên miền website (Ví dụ: www.peacat.com)
  2. Host: Nơi lưu trữ website của bạn trên internet
  3. WordPress: Một loại website đã được làm sẵn, bạn chỉ cần cài đặt và sử dụng
  4. Database: Cơ sở dữ liệu, nơi lưu trữ thông tin, nội dụng của website
  • Vẫn chưa hiểu? Không sao. Bạn không cần hiểu vẫn có thể làm được website vì đây là khóa học “Xây dựng website cho người không chuyên”

BÀI TẬP

Bài tập về nhà hôm nay:
  • Đến ngân hàng bất ký đăng ký một thẻ VISA DEBIT và nạp tiền để chuẩn bị mua domain và host (chỉ cần 100k là đủ)
  • Bạn nên làm thẻ tại ACB vì sẽ được làm thẻ miễn phí và lấy thẻ nhanh chóng trong 15 phút

Bước 0 – Đăng ký domain

ĐĂNG KÝ DOMAIN

BÀI HỌC

Domain (Tên miền) là địa chỉ để truy cập website của bạn
Trong bài học này bạn sẽ đăng ký một tên miền .com tại Matbao.net (230k/năm)
Nếu khả năng tiếng Anh của bạn tốt, bạn có thể tìm kiếm các coupon giảm giá và mua domain của nhà cung cấp nước ngoài với giá rẻ ($0.99 – $2.95 / năm)
Bạn có thể bỏ qua bước này nếu đã có domain rồi.

BÀI TẬP

Đăng ký một domain .com
  1. Truy cập trang Matbao.net
  2. Click “Tên miền” -> “Đăng ký mới tên miền”
  3. Chọn tên miền của bạn, nếu không trùng lặp bạn hãy đăng ký và thanh toán
Nếu bạn đã có thẻ Visa Debit, Visa Credit, tài khoản Paypal… bạn có thể mua tên miền của các nhà cung cấp nước ngoài

Bước 1 – Đăng ký host

ĐĂNG KÝ WEB HOST

BÀI HỌC

Có nhiều dịch vụ hosting để bạn lựa chọn.
Host nước ngoài:
Host Việt Nam:
  • Vivuhost
  • Matbao
  • Tenten
Hostgator là dịch vụ host hàng đầu hiện nay với giá phải chăng và hỗ trợ nhiều tính năng, trong đó có cài đặt tự động WordPress.
Trong bài học này, bạn sẽ đăng ký host của Hostgator để có thể sử dụng chức năng cài đặt WordPress tự động.

BÀI TẬP

Sử dụng coupon để đăng ký host tại Hostgator chỉ với $0.01 cho tháng đầu tiên

Coupon: PROMO47199

  1. Click vào đây
  2. Click “View hosting plans”
  3. Chọn gói “Hatchling Plan” hoặc “Baby Plan”. Với gói “Baby Plan” bạn có thể sử dụng không giới hạn số lượng website, tên miền trên 1 host.
  4. Click “Order Now”
  5. Điền tên miền của bạn
  6. Điền mã coupon giảm giá $9.94: PROMO47199
  7. Click “Continue to step 2″
  8. Chọn “Billing Cycle” (thanh toán theo 1 tháng , 6 tháng hoặc 1 năm…)
  9. Điền username, PIN (mã số bất kỳ từ 4-8 ký tự)
  10. Điền thông tin cá nhân và thẻ Visa của bạn
  11. Click “Create Account”
  12. Sau khi đăng ký, Hostgator sẽ yêu cầu bạn scan chứng minh nhân dân, thẻ Visa Debit gửi cho họ. Sau khi bạn gửi xong host của bạn sẽ được kích hoạt và đưa vào sử dụng

VIDEO HƯỚNG DẪN



Bước 2 – Trỏ domain vào host

TRỎ DOMAIN VÀO HOST

Trong bài học trước bạn đã:
  • Đăng ký một web host
Trong bài học này bạn sẽ:
  • Trỏ domain vào host của bạn

BÀI TẬP

Lấy địa chỉ Name Server của bạn
  1. Đăng nhập vào Host của bạn
  2. Kéo xuống cuối trang
  3. Copy thông tin Name Server và lưu lại
Khai báo Name Server tại domain của bạn
  1. Đăng nhập vào bảng điều khiển domain của bạn tại Matbao.net
  2. Click “Sửa thông tin”
  3. Ở ô “ns1.matbao.com” và “ns2.matbao.com” bạn thay bằng thông tin Name Server của bạn
  4. Click cập nhật

VIDEO


Bước 3 – Cài đặt WordPress

CÀI ĐẶT WORDPRESS

Trong bài học trước chúng ta đã:
  • Trỏ domain vào host
Trong bài học này chúng ta sẽ:
  • Cài đặt WordPress bằng chức năng cài đặt tự động

BÀI HỌC

“Quick Installer” là chức năng tuyệt vời của Hostgator giúp bạn cài đặt nhiều loại website mã nguồn mở khác nhau chỉ bằng vài cú click chuột.
Trong bài học này, bạn sẽ cài đặt WordPress bằng “Quick Installer” chỉ trong vài phút.

BÀI TẬP

Cài đặt WordPress bằng “Quick Installer”
  1. Đăng nhập vào host của bạn
  2. Click “QuickInstall”
  3. Click “WordPress”
  4. Click “Continue”
  5. Điền thông tin của bạn và click “Install Now”
  6. Đăng nhập vào website bằng thông tin đăng nhập mặc định vừa được tạo
  7. Click “Edit my profile” (góc phải) để đổi password của bạn
  8. Xem lại website của bạn
Tắt plugin “WP Super Cache”
Đôi khi những thay đổi của bạn trên website sẽ mất một thời gian rất lâu để có hiệu lực. Để giải quyết vấn đề này bạn thực hiện như sau:
  1. Đăng nhập vào website của bạn bằng link: <website của bạn>/wp-admin
  2. Vào Plugins -> Instaled Plugins
  3. Click Deativate ở “WP Super Cache”

VIDEO


Tổng Kết Phần 1

CHÚC MỪNG BẠN ĐÃ CÓ WEBSITE ĐẦU TIÊN CỦA MÌNH!


Từ giờ bạn đã có thể truy cập vào website của mình bất cứ lúc nào bằng tên miền mà bạn đã đăng ký ở bài 1.
Dĩ nhiên, website của bạn hiện tại còn rất sơ sài, trong phần 2 tôi sẽ hướng dẫn bạn làm cho website của bạn đẹp lung linh
Bổ sung: Nếu bạn không đăng ký được host tại Hostgator, hãy tham khảo những cách cài đặt khác ở phần 1 – cài đặt

BÀI TẬP

  • Lưu lại tên miền website của bạn
  • Ngắm lại website của bạn một lần nữa trước khi đọc phần 2
Được tạo bởi Blogger.