Tài Liệu Hướng Dẫn Thiết Kế Website WordPress – Thực Tập Chuyên Ngành CNTT Khoá 2018 – 2022

Phần 1: Truy cập Host Vesta

Xin chào các bạn, mình là Huân lớp DH18LT. Dưới đây là cách thức sử dụng Host trên trình quản lý Vesta./

Bước 1: Truy cập Host thông qua đường dẫn: https://bvu.vungtaustartup.com:8083/login/

Đăng nhập Vesta

Bước 2: Đăng nhập bằng thông tin Tài khoảnMật khẩu của từng nhóm (đã được cung cấp trên link danh sách Thầy Hoàng cung cấp trên Zalo!).

Giao diện Vesta Sau Khi Đăng Nhập

 

Phần 2: Đăng ký Tên miền miễn phí.

Do lần này là làm đề tài Công Ty Thiết Kế Website W360s tại Vũng Tàu. Cung cấp Host miễn phí 30 ngày.

Bước 1: Đăng ký tên Miền:

Truy cập: http://www.dot.tk/en/index.html?lang=en

Tại đây nhập vào Tên miền cần đăng ký.

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu

 

(nhóm mình đã chọn đề tài – Thiết kế lại website công ty thiết kế –  Xây dựng nhà Vũng Tàu – An Trung (https://antrung.vn) : Nên mình đăng ký tên miền là Antrung.ga và chọn Get it now!

Đăng Ký Tên Miền Miễn Phí Antrung

Sau khi chọn đuôi Tên miền xong chọn > Get it now! và chọn Checkout!

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 1

Sau khi nhấn Checkout! Bạn sẽ được chuyển huóng sang tab mới, chọn > Continue để tiếp tục quá trình đăng ký tên miền!

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 2

Sau khi nhấn Continue Bạn sẽ được chuyển huóng sang tab mới.

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 3

Chọn > Đăng nhập với Tài khoản Gmail để tiếp tục quá trình đăng ký tên miền!

Điền vào Tài khoản Gmail của bạn!!! chọn > Tiếp theo

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 4

Điền vào Mật khẩu Gmail của bạn!!! chọn > Tiếp theo

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 5

Sau khi đăng nhập bằng Gmail thành công, bạn chọn thời gian đăng ký tên miền. Ở đây mình chọn 6 tháng. Nhưng Dot.tk miễn phí cho bạn tên miền là một năm! và chọn > Continue

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 6

Sau khi nhấn Continue Bạn sẽ được chuyển huóng sang tab mới. Nhấn vào nút Vuông chính sách của Dot.tk và Chọn Complete Order

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 7

Sau khi nhấn Complete Order Bạn sẽ được chuyển huóng sang tab mới. Chọn  Click here to go to your Client Area

Đăng Ký Tên Miền Miễn Phí Antrung Thiết Kế Website Vũng Tàu 8Như vậy, bạn đã đăng ký tên miền miễn phí thành công!!!

Bước 2: Trỏ DNS cho tên miền về Share Host của Cty W360s.

Tại khu vực Client Area của  https://my.freenom.com/ trên Thanh điều hướng menu Chọn: Services > My Domains

Trỏ DNS về Host Thiết Kế Website Vũng Tàu

Sau khi nhấn My Domains  Bạn sẽ được chuyển huóng sang tab mới. Chọn tên miền Antrung.ga vừa đăng ký bên trên > Manage Domain

Trỏ DNS về Host Thiết Kế Website Vũng Tàu 1

Chọn tiếp Manage Freenom DNS

Trỏ DNS về Host Thiết Kế Website Vũng Tàu 2

Sau khi nhấn Manage Domain  Bạn sẽ được chuyển huóng sang tab mới. Nhập vào Records và Chọn Save Changes

Trong đó:

  • Record 1: Name: Bạn để là tên miền của bạn vừa đăng ký. Ví dụ: Tên miền của mình là Antrung.gaType là: A Và Target là: Địa chỉ IP đã đk cung cấp khi đăng ký Host hoặc IP đã được cung cấp bởi Cty W360s các bạn kiểm tra file danh sách nhóm của Thầy Hoàng để lấy IP.
  • Record 2: Name: Bạn để là WWWType là: A Và Target là: Địa chỉ IP đã đk cung cấp khi đăng ký Host hoặc IP đã được cung cấp bởi Cty W360s các bạn kiểm tra file danh sách nhóm của Thầy Hoàng để lấy IP.

Trỏ DNS về Host Thiết Kế Website Vũng Tàu 3

Như vậy bạn đã trỏ Tên miền Từ Freenom về Host Thành công!!!!

Phần 3: Tạo Website Trên Vesta

Quay trở lại Trang quản trị của Vesta.  Chọn Web

Tạo Website Trên Vesta Thiết Kế Website Vũng Tàu

Sau đó, bạn sẽ dk chuyển qua tab Web và chọn > Add Web Domain

Tạo Website Trên Vesta Thiết Kế Website Vũng Tàu 1

Sau đó, điền vào tên miền mà bạn đã trỏ về Host theo IP chọn > Add

Tạo Website Trên Vesta Thiết Kế Website Vũng Tàu 2

Xong. Bước tiếp theo Để kiểm tra Đã thành công hay chưa truy cập theo www.tenmiencuaban.com.

Ví dụ: www.antrung.ga

Tạo Website Trên Vesta Thiết Kế Website Vũng Tàu 3

Tạo Website Trên Vesta Thiết Kế Website Vũng Tàu 4

Phần 4: Tạo Database trên Vesta

Xem cách tạo DB trên Vesta bằng Video: https://www.youtube.com/watch?v=jrSkU1jRXVM

Quay trở lại Trang quản trị của Vesta.  Chọn DB

Tạo DB Trên Vesta Thiết Kế Website Vũng Tàu

Chọn Add Database

Tạo DB Trên Vesta Thiết Kế Website Vũng Tàu 1

Sau đó, điền vào thông tin DB của bạn cần TẠO!!! sau đó kéo xuống Chọn Add

Trong đó:

  • Database: Tên của DB
  • User: Tên người dùng đăng nhập của DB
  • Password: Mật khẩu người dùng truy cập DB

Tạo DB Trên Vesta Thiết Kế Website Vũng Tàu 2

Lưu ý: Bạn hãy lưu thông tin Tên DB + Tên User + Mật Khẩu để lát nữa sử dụng để truy cập và cấu hình vào WordPress

Phần 5: Cài mã nguồn WordPress trên Vesta

Bước 1: Tải và Cài đặt phần mềm FileZilla

FileZilla (tên gọi đầy đủ FileZilla Client) là một phần mềm mã nguồn mở đa tính năng dùng để kết nối với tài khoản FTP. Phần mềm này được sử dụng trên các hệ điều hành Windows, Linux và Mac OS X. Nó hỗ trợ các giao thức truyền tin FTP, SFTP và FTPS. Tính đến 3/2016, FileZilla đã nằm trong top 5 các phần mềm được tải về nhiều nhất. Có một hạn chế của FileZilla đó là từ phiên bản 2.2.23 FileZilla đã sử dụng Unicode dẫn đến việc nó không còn chạy trên Windows 9x/ME nữa. Với phiên bản hiện tại của FileZilla thì nó cũng không hỗ trợ cho Mac OS X v10.4 “Tiger” và các phiên bản trước đó.

Sau đây mình sẽ hướng dẫn các bạn : Tải và cài đặt FileZilla, Đăng nhập vào tài khoản chính.

Tải và cài đặt:

B1: Bạn vào link https://filezilla-project.org/download.php để down các phiên bản mới nhất.

B2: Sau khi down load về bạn tiến hành cài đặt filezilla vào máy tính của bạn.

B3: Khởi động filezilla client và sử dụng:

Truy Cập FTP Trên Vesta Thiết Kế Website Vũng Tàu

– Điền thông tin như sau:

  • Host: Tên miền ftp hoặc IP của bạn
  • Username: Tài khoản FTP của bạn.
  • Password: Mật khẩu của tài khoản FTP.
  • Port: Cổng dịch vụ FTP của thông thường sẽ là 21.

Lưu ý: Nhiều bạn hỏi Tài khoản FTP lấy từ đâu. Thì câu trả lời là bạn sử dụng chính Tài khoản và Mật khẩu mà bạn đang sử dụng để truy cập trình quản lý Vesta!!! là được!!!!!!

Bước 2: Tải và Cài đặt mã nguồn WordPress trên Vesta

B1: Bạn vào link https://wordpress.org/download/ để down các phiên bản mới nhất.

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu

B2: Sau khi tải xuống, hãy giải nén các tệp trên vào máy tính của bạn. Bằng cách nhấn phải chuột vào File WordPress vừa tải về chọn > Extra to WordPress ta được như hình dưới!!!

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 1

B3: Sau khi giải nén xong, tìm tệp có nội dung wp-config-sample. Chúng ta cần đổi tên wp-confg-sample: nhấp chuột phải vào nó và nhấp vào Đổi tên (Rename).

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 2

B4: Chúng ta cần đổi tên wp-confg-sample thành wp-confg. Nhấn Enter để lưu!!!

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 3

Sau khi đổi tên, chúng ta cần chỉnh sửa wp-config.php. Bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào mà bạn muốn. Trong hướng dẫn này, mình đang sử dụng notepad. Phần sau cần được cập nhật thông tin bạn đã sử dụng khi thiết lập cơ sở dữ liệu.

Thiết lập Thông tin DB cho File wp-config.php

Bạn tìm tới các dòng như sau:

define('DB_NAME', 'admin_wordpress'); 
/** MySQL database username */ define('DB_USER', 'admin_wpuser'); 
/** MySQL database password */ define('DB_PASSWORD', 'nhom1@w360s.com')

Trong đó:

  • admin_wordpress: nhập vào Tên của DB bạn đã tạo
  • admin_wpuser: Tên người dùng đăng nhập của DB
  • Password: Mật khẩu người dùng truy cập DB của bạn (trong bài viết này mình để mật khẩu ảo!!!)

Vậy thông tin ở đâu: Nếu bạn đã làm đến bước này. Thì bạn đã làm và có thông tin DB ở Phần 4: Tạo Database trên Vesta!!!

Sau khi hoàn thành, nó sẽ giống như hình ảnh bên dưới:

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 4

B5: Tải Mã nguồn WordPress lên Host

Bây giờ, quay lại mở Ứng dụng FTP đã đăng nhập ở Phần 5 – Bước 1!!! Sử dụng FTP để chuyển WordPress sang trang web của bạn.

Đăng nhập vào ứng dụng khách FTP mà bạn chọn (trong trường hợp này là FileZilla) và chuyển toàn bộ mã nguồn của Wp lên Host của bạn vào đường dẫn: web

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 5

Chọn tên miền bạn muốn cài. Trong bài viết này mình sử dụng Antrung.ga

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 6

Nhấn Click nhanh vào thư mục đó chọn > public_html

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 7

Sau đó, chọn File index.html và Xoá đi (delete)

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 8

B6: Di chuyển tất cả các tệp WordPress từ máy tính vừa giải nén và đã cấu hình file wp-config.php sang máy chủ của bạn.

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 9

Sau khi tất cả các tệp được chuyển lên Host đã XONG, bạn có thể truy cập tên miền hoặc địa chỉ IP trong trình duyệt của mình và bạn sẽ nhận được trang ngôn ngữ WordPress như trang bên dưới.

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 10

Chọn Ngôn ngữ của bạn và nhấp vào Tiếp tục (Continue).

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 11

Bây giờ bạn có thể làm theo cùng với cài đặt web WordPress.

Cài Wordpress Trên Vesta Thiết Kế Website Vũng Tàu 12

Xin chúc mừng! Bạn vừa cài đặt WordPress trên Vesta Control Panel. Cảm ơn bạn đã theo dõi cách thực hiện này!!!

Và phần còn lại Cách thức sử dụng WordPress các bạn vui lòng Tìm hiểu thêm Trên Google!!!! Và Tự Khám phá để hoàn thiện Tiểu luận Thực Tập Chuyên Ngành Kỳ Này Nhé. Huân

Một số tài liệu về Wp mà bạn có thể quan tâm: