title image

WordPress: Hướng dẫn tạo website đơn giản

Cài Hôm nay mình xin hướng dẫn các bạn xây dựng 1 web site bằng WordPress một cách đơn giản.

Setup môi trường

Đầu tiên các bạn vào linh bên dưới để tải file xamp và file wordpress:

Tiếp theo các bạn giải nén file Xamp trước và cài như bình thường chỉ next và install thôi.

Vào ổ đĩa cài xamp ==> htdocs => giải nén file WordPress vào đây.

Mở ứng dụng xamp vừa cài vào máy sẽ có giao diện như thế này

Image display xamp

Khi mở thành công, nhấn nút start  và chọn vào ô Admin đầu tiên sẽ hiện lên giao diện web.

page dashboard

Kiểm tra file WordPress đã giải nén và đặt tên thư mục theo tên web của bạn.

folder htdoc

Cài đặt wordpress

Quay lại trang web và thay đổi đường dẫn đến thư mục của bạn. 

wordpress install

Đã xong phần setup của xamp và giờ chúng ta sẽ setup tới WordPress. Chọn ngôn ngữ, tiếp tục và nhập thông tin của bạn. Tạm ngưng ở đây chúng ta sẽ đi tạo database. Ở giao diện xamp chọn nút admin, chọn new ở table name ,nhập tên project và bấm create. Tiếp theo điền thông tin như hình bên dưới ô đầu tiên là tên database vừa tạo.

wordpress install

Nhập xong chọn submit và nếu đúng thì sẽ được như thế này, chọn Run the installation.

wordpress install
wordpress install

Ở trang này, hãy tạo tài khoản và mật khẩu cho web của bạn. Điền đầy đủ thông tin, chọn tick vào và install. Login vào rồi sẽ thấy giao diện như hình.

page edit wordpress

Cài đặt theme trong wordpress

Bắt đầu chọn theme để chỉnh sửa và cài tool để chỉnh sửa giao diện nhanh và đẹp hơn. Các bạn vào Appearance chọn theme có sẵn hoặc tải thêm theme khác. Sau khi tải xong, active theme để sử dụng. Nhấn nút hình ngôi nhà để xem giao diện. Trước khi vào việc, cài công cụ Elementor từ Plugins.

elementor tool

Phần đầu tiên của giao diện là phần Thanh điều hướng (navbar) các bạn khi khởi tạo giao diện sẽ rất tởm vì nó còn thiếu thì phần đầu tiên là Thanh điều hướng chúng ta phải chỉnh sửa nó đầu tiên. để tạo ra một thanh navbar bạn chỉ cần 1 logo nếu có và một hình ảnh làm backgound nếu cần.
Đầu tiên các bạn vào phần page tạo cho mình vài page nhằm mục đích hiển thị trên thanh navbar trang bạn muốn hướng đến.

pages manage

Sau đó ở trang giao diện các bạn chọn vào customize ==> menus và bạn xóa cái cũ đi và create 1 menu mới.

sidebar edit UI

Tạo navbar

Ở đây mình tạo menu có tên là navbar, các bạn chọn vào chính menu vừa tạo và chọn Add Items và chọn những page mà bạn đã tạo và lưu lại chọn publish, bắt đầu đi trang trí cho thanh navbar.

UI wordpress
UI wordpress
logo web
logo web

Các bạn rê chuột vào vị trí tên trang web sẽ hiện lên icon bút chì thì click chọn, đồng thời sẽ hiện ra 1 bảng công cụ rất rất là nhiều công cụ hỗ trợ bạn chỉ cần chọn vào và xem nội dung thay đổi như thế nào đã đúng ý bạn chưa nếu ưng rồi thì nhấn vào public cả phần menu cũng làm tương tự không khác tí nào cả đây là demo navbar của mình. Lưu ý các bạn khi tạo các trang hay các bài viết nên đặt tên có ý nghĩa tránh đặt tên vô nghĩa vì khi tìm lại sửa thì sẽ rất khó khăn.

sidebar eidt
sidebar eidt
navbar
navbar

Oke và như vậy là xong phần navbar trong phần sau mình sẽ hướng dẫn các bạn làm content trang trí footer. Các bạn có bất kỳ thắc mắc và ý kiến đóng góp của các bạn là động lực để mình làm thêm những bài viết sau và hoàng chỉnh bài viết và cho mình biết bạn thấy thế nào về bài viết xin gửi email: danh@localhost mình xin cảm ơn.

Leave a Comment

Your email address will not be published. Required fields are marked *