Có rất nhiều cách thiết kế trang WordPress theo chủ đề của bạn. Bạn có thể thiết kế tương tự trang chủ, hoặc chỉ đơn giản là tổng hợp các bài viết trong đó, sử dụng làm trang quảng cáo sản phẩm.

Ở phần trước các bạn hãy tạo ra nhiều bài viết về một hoặc nhiều chủ đề khác nhau. Có thể lấy từ trang website khác để làm cho nhanh. Chỉ áp dụng để tập làm Website thôi bạn nhé.

Tạo trang

Tương tự như tạo bài viết. Bạn làm như sau:

Giao diện thêm trang mới khá giống với tạo bài viết như đặt tên, nội dung

Trang khác bài viết ở phần thuộc tính.

  • Cha: chọn trang cha – giống như chuyên mục
  • Giao diện: giao diện của trang bao gồm giao diện mặc định, page lading hoặc trang chủ

Phần nội dung bạn có thể thêm hoặc không. Các mục bên phải còn lại tương tự bài viết

Giờ tạo trang kinh tế nhé:

Thêm nội dung giới thiệu (Có thể bỏ)

Ok ấn đăng nhé.

Bạn có thể tạo các trang con nhưng không cần thiết. Phân loại trong chuyên mục là đủ rồi. Bạn có thể tạo thêm các trang như kinh tế trong nước, kinh tế thế giới mà không cần quan tâm về trang “cha”.

Trang vừa tạo có giao diện như sau:

Khi mới tạo trang thì cơ bản nó sẽ trống trơn không có gì cả. Và cột sidebar bên cạnh là bài viết mới cũng sẽ không xuất hiện trang này (vì nó là trang chứ không phải bài viết).

Vậy làm thế nào để truy cập vào trang và trang sẽ xuất hiện bài viết của bạn?

Với mỗi theme sẽ có cách thiết kế khác nhau, tuy nhiên sẽ có một số điểm chung như bạn cần phải thêm menu hoặc đường link dẫn tới trang đó.

Với công cụ Elementor cài sẵn, tương tự như thiết kế trang chủ, mình sẽ hướng dẫn các bạn cách thiết kế các trang theo chủ đề bạn mong muốn cực kì đơn giản.

Cách thiết kế trang theo chủ đề

Đầu tiên các bạn cần vào chỉnh sửa bằng Elementor. Bạn vào TrangTất cả các trangChọn trang bạn cần chỉnh sửa. Sẽ có nút Sửa với Elementor

Bạn sẽ có giao diện chỉnh sửa tương tự như trang chủ.

Cách thêm bài viết vào trang

Bấm vào nút màu đó trong Drag Widget here

Có rất nhiều cấu trúc hay còn hiểu là chia thành từng cột. Bạn có thể chia thành 2 hay 3 cột nội dung tùy ý muốn. Bạn có thểm xem các Website hoặc Blog cùng chủ đề để xem cách họ thiết kế ô như thế nào. Ví dụ chọn 1:

Ấn vào dấu + sẽ hiện ra bảng chọn Widget. Có rất nhiều thành phần để bạn có thể thêm

Chọn và kéo một trong các Widget vào dấu + bạn vừa tạo. Để thêm nội dung bài viết bạn hãy chọn Hộp hình ảnh

Bạn sẽ thấy bảng chỉnh sửa sau:

Để lấy đường link bài viết trong wordpress nhanh chóng, bạn có thể vào trang quản trị –> mục bài viết –> tất cả bài viết –> tìm bài viết của bạn –> ấn chọn xem rồi copy đường dẫn như trên là được

Ví dụ với bài viết: Lời khuyên khởi nghiệp từ 6 “cá mập” của Shark Tank Việt

Sau khi ấn cập nhật. Bạn vào lại trang kinh tế theo đường dẫn tenmiencuaban.com/kinh-te sẽ xuất hiện bài viết của bạn

Ghi chú: bạn có thể chọn Sửa với Elementor trực tiêp như hình cho nhanh. Thay vì dùng cách vào ở trên.

Vậy là bạn đã chèn được một bài viết vào trang của mình rồi. Muốn thêm bài viết khác bạn hãy làm tương tự như trên.

Để tạo được sự đồng nhất các bài viết như hình ảnh giống nhau, cấu trúc giống nhau. Bạn hãy copy ô bài viết đầu tiên sang ô mới, sau để chỉnh sửa lại trong hộp nội dung. Cách làm như sau:

Chuột phải vào ô bài viết, chọn copy

Chuột phải vào khoảng trống bất kì -> chọn dán (Paste)

Kết quả sẽ tạo ra 2 bài viết giống nhau

Bạn có thể chọn nhân đôi cùng được

Sau đó chỉnh sửa lại bài viết vừa tạo:

Cách sửa giống với phần thiết kế trang chủ

Một số cách để thiết kế bài viết đẹp

Chọn 2 cột: 1 bên là hình ảnh, 1 bên bạn chọn Heading và thêm Trình chỉnh sửa văn bản

Tạo 2 bài viết ở 2 cột bằng cách chọn hình ảnh phía trên và thêm Heading phía dưới. Bỏ phần giới thiệu. Nhớ chọn kích thước giống nhau để hình ảnh xuất hiện đều nhé các bạn. Vi dụ: 400×300

Chỉ sử dụng hình ảnh và tạo đường dẫn tới bài viết. Thường thì hình ảnh sẽ có tiêu đề trong đó

Tạo hiệu ứng di chuột vào hình ảnh hay hộp bài viết

Elementor bản miễn phí cho phép bạn có thể thêm hiệu ứng vào hình ảnh của bạn. Mình đã hướng dẫn ở trong phần thiết kế trang chủ. Ôn lại cách làm nhé.

Bạn chọn hình ảnh cần thêm hiệu ứng  chọn phần kiểu trong phần chỉnh sửa hình ảnh

chọn di chuột  chọn hiệu ứng, có thể kiểm tra bằng cách di chuột vào hình ảnh bên phải

Cách chọn Font trong Elementor

Nếu ở phần 4 việc chọn font bạn thấy hơi khó hiểu thì với Elementor cách chọn font chữ cực kì đơn giản. Cách làm như sau:

Chọn văn bản hay tiêu đề bạn cần đổi font. Chọn kiểu

Thay đổi tiêu đề font trong kiểu chữ. Bạn chọn loại font chữ, độ đậm, kích thước …

TỔNG KẾT

Vậy là xong phần thiết kế một trang và thêm bài viết vào đó. Có nhiều cách để thiết kế các bài viết trong trang sao cho đẹp mắt và thân thiện với người dùng. Bạn có thể vào các trang Website lớn như kenh14.vn, zing.vn để tham khảo cách thiết kế.

Để người dùng có thể truy cập vào trang bạn vừa tạo, bạn cần đưa vào Menu để dẫn tới trang này.

Duy Pham

Duy Pham

Tôi là Duy. Là một kĩ sư nhiệt lạnh, đam mê công nghệ và MMO. Chúc bạn tìm được bí quyết xây dựng hệ thống MMO bền vững ở trong Blog này.

Để lại bình luận

avatar
  Theo dõi  
Thông báo của