Hướng dẫn tùy biến trang chủ WordPress cơ bản

Ngày đăng: 26/10/2023 Đăng bởi: Dona Web

Tùy biến trang chủ WordPress là chức năng có sẵn trên nền tảng này mà bạn không cần thêm bất kỳ Plugin nào mà vẫn có thể thao tác. Người dùng được pháp thực hiện điều chỉnh các mục cơ bản liên quan đến giao diện website với chức này tùy biến. Dưới đây là các bước thực hiện đơn giản mà bạn có thể theo dõi qua:

Hướng dẫn thực hiện tùy chỉnh giao diện WordPress
Hướng dẫn thực hiện tùy chỉnh giao diện WordPress

Cần gì để chỉnh sửa giao diện WordPress?

Để thực hiện các bước tùy chỉnh trang chủ wordpress thì bạn hãy chuẩn bị chi tiết những điều sau:

  • URL quản trị website wordpress
  • Thông tin đăng nhập của admin
  • Gutenberg đã được cài đặt sẵn
  • Page builder hỗ trợ tùy chỉnh website mà không cần sử dụng code trên front-end

Sau khi chuẩn bị xong những điều trên thì bạn cần mở URL admin và đăng nhập vào wordpress để chỉnh sửa giao diện wordpress.

Cách tùy biến trang chủ wordpress cơ bản

Tùy chỉnh giao diện là chức năng mặc định trên WordPress cho phép người dùng điều chỉnh những mục cơ bản và quan trọng về giao diện của website. Để bắt đầu tùy biến trang chủ WordPress, bạn cần truy cập vào trang Dashboard => chọn Appearance => Customize.

Các mục chính của tính năng tùy chỉnh giao diện tùy thuộc vào giao diện mà bạn chọn trên WordPress. Dù có nhiều tùy chỉnh khác nhau nhưng các theme thông thường sẽ có chức năng phổ biến sau:

Cách tùy chỉnh Site Identity của Theme WordPress

Tính năng này được sử dụng để chỉnh tên của website và mô tả ngắn phía dưới. Ngoài ra, Site Identity còn là nơi để upload, thay đổi logo và biểu tượng nhỏ nằm ở trên trình duyệt. Nhớ rằng khi upload site icon, người dùng cần đảm bảo hình ảnh có kích thước đúng theo gợi ý của hệ thống.

Hướng dẫn cách tùy chỉnh Background Image

Đây là công cụ để upload hình ảnh làm background cho website. Để tùy chỉnh theme wordpress cho hình ảnh thì có 2 cách sau:

  • Chọn một ảnh kích thước lớn để làm background khiến cho giao diện website nổi bật và chất lượng. Tuy nhiên, ảnh kích thước có thế làm tốc độ tải web chậm hơn.

Nếu bạn muốn chọn ảnh background sắc nét, chất lượng cao thì có thể tìm trên kho ảnh miễn phí Pixabay.com.

  • Chọn ảnh có kích thước nhỏ và ghép chúng lại với nhau để phủ kín toàn bộ giao diện web giúp web load nhanh hơn.

Cách tùy chỉnh Menu và Widget trên wordpress

Bạn có tùy chỉnh Menu và Widget thông qua mục Customize hoặc click vào các phần chuyên biệt của nó để tùy chỉnh theme WordPress. Cách thực hiện như sau:

Tùy chỉnh menu

Đầu tiên, ở giao diện Dashboard, chọn Appearance -> Click Menus.

Một số mục chỉnh sửa bao gồm:

  • Edit Menus: Chỉnh sửa menu, thêm, xóa các liên kết và đề mục,…
  • Manage Locations: Bạn có thể đưa menu vào các vị trí mà theme WordPress cho phép.
  • Select a menu to edit: Một trang web chứa rất nhiều menu khác nhau. Nếu muốn chỉnh sửa menu thì bạn cần lựa chọn menu, nhấn vào nút Select và thực hiện các thao tác thay đổi.

Các bước tùy chỉnh Menu

Sau đây là các bước tạo menu mới bao gồm:

  • Bước 1: Tại tab “Edit menu”, click “Create a new menu”

  • Bước 2: Đặt tên cho menu muốn tạo -> Nhấn nút “Create menu”. Chọn “Primary Menu”

 

  • Bước 3: Tích chọn mục nội dung sẽ có trong menu -> Nhấn “Add to Menu”.

  • Bước 4: Sắp xếp lại thứ tự hiển thị của các tab trên menu

  • Bước 5: Nhấn nút “Save Changes” để lưu menu

Tùy chỉnh Widget trên WordPress

Widget là các mục bổ sung cho website nằm ở bên phải hoặc phía chân trang. Có một số widget phổ biến hiện nay là: ô tìm kiếm, categories, tags cloud, text, meta, RSS,…

Để tùy chỉnh Widget, bạn cần chọn Appearance -> Click Widget.

Trang Widget gồm có 3 mục chính:

  • Các Widget sẵn có: Các widget mà theme cung cấp sẵn.
  • Vị trí Widget: Vị trí mà widget sẽ được đặt trong trang
  • Widget không sử dụng: Đây là khu vực chứa các widget mà bạn đã tạo ra nhưng không muốn sử dụng nữa. Bất cứ khi nào muốn sử dụng lại, bạn chỉ cần kéo thả widget vào vị trí mong muốn là có thể tiếp tục sử dụng.

Để thêm widget vào trang thì bạn chỉ cần click giữ chuột trái và kéo thả widget vào vị trí mong muốn.

Cách tùy biến trang chủ wordpress cho Colors

Bạn có thể tùy biến màu sắc cho trang chủ bằng các điều chỉnh sau:

  • Background color
  • Page background color
  • Link color
  • Main text color
  • Secondary text color

Gợi ý tùy chỉnh Header Image của Theme WordPress

Khi upload Header Image thì bạn cần lưu ý chọn đúng kích cỡ. Nếu ảnh chọn không có kích thước tối ưu thì giao diện trông sẽ thiếu tính thẩm mỹ. Do đó, người dùng có thể dùng plugin nén ảnh để tối ưu dung lượng cho Header Image.

CSS

Để Bạn có thể tùy biến trang chủ wordpress cho CSS theo các bước sau:

  • Bước 1: Dò CSS code bằng cách sử dụng tiện ích “Inspect” của Google Chrome: Vào trang web muốn thay đổi giao diện -> Chọn mục “Inspect”.

  • Bước 2: Chọn vào biểu tượng dấu mũi tên ở góc phải cửa sổ Inspect

  • Bước 3: Chọn vào đối tượng muốn chỉnh sửa trên website. Lúc này, CSS code sẽ hiện lên ở tab Styles.

 

  • Bước 4: Thay đổi các thông số trên cửa sổ Inspect
  • Bước 5: Tùy chỉnh phần tử trên website:

– Trên giao diện Dashboard, vào Appearance -> Customize -> Additional CSS.

– Tìm đoạn CSS code, dán code mới đã chỉnh sửa vào.

– Bấm vào nút Publish.

Mẹo tùy chỉnh trang chủ wordpress hiệu quả

Trang chủ là trang quan trọng nhất trên trang web giúp người dùng tìm hiểu thêm về doanh nghiệp, sản phẩm và dịch vụ của doanh nghiệp. Vì thế Thiết kế web Đồng Nai đưa ra lời khuyên rằng bạn nên giữ thiết kế trang chủ đơn giản để đem lại hiệu quả cao.

Bạn không nên sắp xếp trật tự quá lộn xộn hoặc đừng ẩn các thông tin quan trọng và nên ưu tiên các nội dung nào nên xuất hiện đầu tiên.

Tiếp theo, bạn hãy viết ra các mục tiêu bạn muốn đạt được trước khi tạo một trang chủ tùy chỉnh cho trang web.

Đối với hầu hết các doanh nghiệp và blog, bạn sẽ cần OptinMonster để chuyển đổi khách truy cập trang web thành người đăng ký.

Bên cạnh đó, bạn cần cài đặt Google Analytics trên trang web để biết người dùng đến từ đâu và họ làm gì trên trang web.

Bạn sẽ cần plugin WPForms để người dùng liên hệ với bạn dễ dàng hơn. Ngoài ra, hãy thêm một lần nhấp để mọi người có thể dễ dàng gọi điện thoại doanh nghiệp của bạn .

Cuối cùng, Thiết kế web Đồng Nai khuyên bạn nên học hỏi từ các doanh nghiệp, đối thủ và sau đó áp dụng nó trên bố cục trang chủ của riêng bạn. Vì đây chính là giải pháp hiệu quả mà không hề tốn bất cứ chi phí nào.

Tin tức liên quan

24/06/2024

Quý khách hàng đang cần tìm dịch vụ chạy quảng cáo Facebook tại Bắc Ninh. Thiết kế web Bắc Ninh xin đưa ra những lợi ích bạn sẽ nhận được khi chạy quảng cáo Facebook của đơn vị chúng tôi Lợi ích khị chạy facebook ads tại Bắc Ninh Tăng lượt Like và Share trên […]

04/06/2024

Xin chào quý bác sĩ! Tôi là Đại, Hiện tại đang đảm nhận vị trí Leader Marketing với 3 năm kinh nghiệm trong lĩnh vực nha khoa cho chuỗi Nha Khoa ở Bắc Ninh và Hưng Yên. Hôm nay, tôi muốn chia sẻ đến với quý vị những kiến thức và kinh nghiệm thực tế […]

23/05/2024

Kính chào quý bác sĩ, Tôi là người sáng lập website thietkewebsitebacninh.net đồng thời cũng là Leader Marketing của các chuỗi phòng khám Nha Khoa ở Bắc Ninh và Hưng Yên … Hơn ai hết tôi hiểu rõ tầm quan trọng của website đối với nha khoa cũng như biến Website thành địa chỉ tìm […]

13/12/2023

Quý khách hàng, doanh nghiệp đang có nhu cầu thiết kế website tại Bắc Giang liên hệ ngay với chúng tôi qua Hotline: 081.451.4492 để được mức giá ưu đãi nhất Về chúng tôi Dona Web là công ty thiết kế web chuyên nghiệp uy tín tại Bắc Giang và 63 tỉnh thành trên cả […]

29/11/2023

Top 5+ Công ty thiết kế web Từ Sơn chuyên nghiệp được các chuyên gia đánh giá cao và đạt hàng top trên thanh công cụ tìm kiếm. Hãy cùng Donaweb khám phá danh sách những đơn vị lập trình web có tên có tuổi lâu năm trong nghề dưới đây nhé! Thiết kế web […]

28/11/2023

Bài viết sau đây tổng hợp cho bạn các plugins wordpress ecommerce tốt nhất giúp bạn có thêm lựa chọn cho bản thân nếu bạn có ý định bắt đầu kinh doanh trực tuyến trên các sàn thương mại điện tử bằng plugins wordpress. Ngày nay, với sự phổ biến mở rộng ngày càng tăng […]

Hotline 24/7

0814514492

Gọi hotline

Zalo tư vấn

0814514492

Chat zalo