Kiến thức Web

Tạo website bằng wordpress với 8 bước cơ bản

Ngày nay việc thiết kế web đã vô cùng đơn giản bất kỳ ai cũng có thể làm được mà không cần biết code, không cần biết lập trình. Đã có phần mềm hỗ trợ bạn tạo website bằng wordpress chỉ trong vài tiếng đồng hồ. Ở bài này Alo Mmo sẽ hướng dẫn bạn các bước cơ bản nhât để bạn dễ dàng sở hữu 1 website do bạn tự tay thiết kế

Tôi muốn tự thiết kế website, nhưng tôi không biết Code, tôi không biết lập trình. Tôi có thể tự học làm web bằng WordPress và tự mình xây dựng nên một website riêng cho mình không? =>Tại sao lại không chứ?

Bước 1: Mua hosting và domain

Hosting hay Web Hosting là dịch vụ lưu trữ và duy trì website. Để hoạt động, website cần được lưu trữ trên một máy chủ (server) kết nối mạng Internet và hoạt động liên tục. Webiste của bạn không thể hoạt động được nếu không có Hosting để chạy.

Domain hay tên miền là địa chỉ của website để mọi người có thể truy cập đến website của bạn, ví dụ như một trang web bán camera giám sát thì sẽ có domain như cameratiendat.com để khách hàng có thể tìm kiếm và truy cập đến và đặt mua camera.

Bạn có thể tham khảo bài viết hướng dẫn mua hosting được tặng tên miền!

Bước 2: Cài đặt WordPress

WordPress là mã nguồn mở giúp bạn tạo website, blog hay ứng dụng dễ dàng và đẹp mắt.Thiết kế đẹp, tính năng mạnh mẽ và không gian tự do để làm những gì bạn muốn. WordPress mang cả sự miễn phí nhưng lại đáng giá để trải nghiệm. 33% số website sử dụng WordPress, từ blog cá nhân cho tới các trang tin tức lớn nhất.

hướng dẫn thiết kế web bằng wordpress
ưu điểm nổi bật của wordpress

Việc cài đặt WordPress hiện nay rất thuận tiện. Phần lớn các nhà cung cấp hosting đều hỗ trợ bạn cài đặt wordpress với một nút nhấn chuột. Riêng cá nhân Alo Mmo thì thích tự cài WordPress thủ công hơn vì việc này không khó và giao diện cài đặt thân thiện hơn.

Bạn có thể xem bài viết hướng dẫn cài WordPress lên hosting Godaddy ở đây

Với một số nhà cung cấp hosting không hỗ trợ bạn cài đặt wordpress trực tiếp, bạn có thể tham khảo bài viết hướng dẫn cài wordpress lên hosting thủ công tại đây

Bước 3: Cài đặt giao diện – theme.

Mặc định sau khi bạn cài đặt wordpress sẽ là bản giao diện 2019 đơn giản nhất. Giao diện này khá là đơn giản và không được đẹp mắt, thêm vào đó ít tùy biến.

Trong kho themes của WordPress có hàng ngàn theme với nhiều chủ đề khác nhau. Để cài đặt một giao diện mới bạn làm theo các thao tác sau:

Bạn vào Giao diện => Giao diện => Thêm mới. Tại đây bạn hãy lựa chọn cho mình một giao diện phù hợp nhất. Sau đó nhấn Cài đặt => Kích hoạt để sử dụng

hướng dẫn thiết kế web bằng wordpress
Cài giao diện mới trong wordpress
hướng dẫn thiết kế web bằng wordpress
Chọn giao diện và cài đặt
hướng dẫn thiết kế web bằng wordpress
Kích hoạt giao diện vừa cài để sử dụng

Bước 4: Xuất bản 1 trang và bài viết

Để phân biệt giữa trang (page) và bài viết (post) trong wordpress bạn có thể liên tưởng đến cuốn tạp chí báo phụ nữ Việt Nam.

Về cơ bản page và post được tạo như nhau, page có thể là tập hợp của nhiều post, hướng đến nhiều chủ đề, nội dung và màu mè hơn post. Post thường chỉ hướng đến 1 chủ đề, một nội dung.

Ví dụ như bài “hướng dẫn thiết kế web bằng wordpress” là một bài post; Trang chủ của Alo Mmo gồm tập hợp các bài viết mới là một trang hay như trang quà tặng của Alo Mmo cũng là một trang riêng không phải bài viết.

Hay như cuốn tạp chí phụ nữ Việt nam thì Trang bìa sẽ là 1 page còn bài “Giúp người khác nói tiếng anh như gió” sẽ là 1 Post.

hướng dẫn thiết kế web bằng wordpress
Ví dụ về một trang
hướng dẫn thiết kế web bằng wordpress
ví dụ về một bài viết

Thông thường một trang web chỉ có khoảng 5-10 trang chính và vài trăm đến vài nghìn bài viết. Để xuất bàn một trang mới hoặc một bài viết mới bạn làm như sau:

hướng dẫn thiết kế web bằng wordpress
Tạo một trang mới
hướng dẫn thiết kế web bằng wordpress
Tạo một trang mới 
hướng dẫn thiết kế web bằng wordpress
Tạo một bài viết mới
hướng dẫn thiết kế web bằng wordpress
Tạo một bài viết mới

Thêm hình ảnh minh họa cho bài viết và trang như sau:

hướng dẫn thiết kế web bằng wordpress
Thêm hình ảnh vào bài viết và trang

Nhìn chung trình soạn thảo của page và post là gần như giống hệt nhau cho nên nhiều bạn mới thiết kế web dễ nhầm lẫn. Tuy nhiên với trang có một số plugin để xây dựng trang cho thu hút và nhiều tính năng như plugin elementor, với post thì không thể làm được điều này… Dưới đây là một trang ví dụ:

hướng dẫn thiết kế web bằng wordpress
Một trang được tạo bằng Plugin

Bước 5: Cài đặt Plugin

Plugin là công cụ hỗ trợ, phần mở rộng cho wordpress, thêm vào các tính năng, hiệu ứng mà WordPress chưa có như tăng tốc website, hiển thị bài đăng liên quan, thêm nút chia sẻ trên mạng xã hội, thêm chức năng thanh toán…

Một số Plugin được cài đặt cho website phổ biến như:

  • Jetpack: Cải thiện hiệu suất website, hiễn thị bài đăng gần nhất, bài đăng có liên quan, thêm chia sẻ bài viết trên mạng xã hội, sao lưu website định kỳ,…
  • Yoast SEO: Tối ưu hóa bộ máy tìm kiếm, SEO
  • Autoptimize: Nén html, js, css, tăng tốc website…

Để cài một Plugin mới chúng ta làm như sau:

Bạn vào Plugin => Cài mới. Nhập vào ô tìm kiếm tên của Plugin muốn cài => nhấn Cài đặt, chờ cho plugin cài xong => nhấn kích hoạt để sử dụng.

hướng dẫn thiết kế web bằng wordpress
Cài đặt một plugin

Bước 6: Tùy biến giao diện WordPress: Ảnh đầu trang web, tên trang web, khẩu hiệu, logo và menu.

Để tùy biến giao diện cài đặt ẩnh đầu trang web, tên trang web, khẩu hiệu, logo và menu… Chúng ta vào “giao diện” chọn “Tùy biến”

hướng dẫn thiết kế web bằng wordpress
tùy biến giao diện trang web

Tại đây bạn sẽ thấy được các chức năng tùy biến của giao diện như header, nhận diện site (logo, khẩu hiệu,…), menu, widget,…

hướng dẫn thiết kế web bằng wordpress
các chức năng tùy biến của giao diện
hướng dẫn thiết kế web bằng wordpress
tùy biến giao diện

Để tạo menu cho trang web bạn làm theo các bước sau:

hướng dẫn thiết kế web bằng wordpress
Tạo menu
hướng dẫn thiết kế web bằng wordpress
tạo menu
hướng dẫn thiết kế web bằng wordpress
Tạo menu

Bước 7: Cài đặt Widget

Widget là một tiện ích hỗ trợ đóng vai trò chỉnh sửa, định hình và cấu tạo các yếu tố cần thiết trên một giao diện website.

Widgets trong website là nơi tập hợp các chức năng được sử dụng để chèn vào thanh sidebar (thanh bên) của giao diện Wordpess. Chẳng hạn như bạn có thể chèn widget Recent comments để hiển thị các bình luận mới nhất, widget Text để chèn các mã HTML vào. Dùng widget để chèn quảng cáo

Và một điểm đáng chú ý là bạn có thể thêm widgets vào bất kì vị trí nào trên website của mình theo bố cục, thường là vị trí bên trái hoặc bên phải trang web.

Các bước để thêm một widget vào trang web như sau:

hướng dẫn thiết kế web bằng wordpress
cài widget
hướng dẫn thiết kế web bằng wordpress
cài đặt widget
hướng dẫn thiết kế web bằng wordpress
cài đặt widget

 

Bước 8: Thực hành tạo website bằng wordpress

Bạn hãy thực hành 7 bước ở trên với một sự dập khuôn máy móc mà không cần biết tác dụng của các bước này ra sao. Tại sao bạn cần làm điều này? Vì bạn chỉ mới bắt đầu tự học thiết kế web với wordpress => bạn nên làm quen với các bước cơ bản. Hãy thử xuất bản từ 1 đến 3 trang web, và 5-10 bài viết sau đó nhìn lại tổng quan trang web cua bạn. Sau khi bạn đã quen thiết kế web với wordpress cơ bản bạn có thể nâng cao kỹ năng thiết kế web của mình với việc thực hành cài đặt các plugin bổ trợ thêm tính năng cho trang web, thiết kế các widget trong thanh bên và chân trang web…

Kết luận:

Trên đây là 8 bước cơ bản bạn có thể thiết kế web với wordpress dễ dàng. Alo mmo nghĩ rằng ngay cả khi bạn chưa từng biết đến wordpress, chưa biết lập trình thì cũng có thể làm được chỉ chưa đầy 1 giờ đồng hồ làm quen. Một lần nữa nếu bạn gặp khó khăn trong thiết kế web hãy liên hệ với Alo Mmo ngay để được hỗ trợ.

Lân Phùng, Admin của Blog Alo Mmo. Chuyên môn: Kế toán công. Sở thích, sở trường: Công nghệ thông tin, tự học thiết kế web, tự học Wordpress và code đơn giản, tự học affiliate...

Bình luận

%d bloggers like this: