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/

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!).

 

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ý.

 

(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!

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

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!

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

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

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

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

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

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

Như 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

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

Chọn tiếp Manage Freenom DNS

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.

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

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

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

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

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

Chọn Add Database

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

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:

– Đ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.

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!!!

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).

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

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:

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

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

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

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

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.

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.

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

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

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: