Tạo fixed sidebar trong WordPress

Sidebar là một thanh bên chứa những nội dung như Chuyên mục bài viết, bài viết mới, sản phẩm mới,… Sidebar thường nằm bên trái hoặc phải của nội dung chính. Sử dụng sidebar giúp website dễ dàng điều hướng khách hàng đến những liên kết quan trọng trong Website. Điều nay cũng đồng nghĩa với việc giúp khách hàng có thể nhanh chóng đi đến những nội dung khác một cách dễ dàng hơn.

Tuy nhiên, có những trường hợp nội dung chính quá dài, trong khi nội dung của sidebar thì có giới hạn. Do đó, khi người xem kéo xuống dưới để xem nội dung, phần sidebar sẽ bị đẩy lên trên. Lúc này bên sidebar sẽ hiển thị một khoảng trống nhìn mất cân đối. Hơn nữa khi khách hàng muốn di chuyển sang nội dung khác thì phải kéo ngược lên trên.

Để giải quyết việc này ta có thể làm cho nội dung của sidebar đứng yên một chỗ, dù cho nội dung chính có dài thì sidebar cũng luôn hiện lên. Vừa làm đẹp cho website cũng như giúp người xem có thể dễ dàng nhìn thấy các nội dung quan trọng.

Tạo fixed sidebar trong WordPress

Để là cho sidebar đứng yên, ta có thể dùng plugin Q2W3 Fixed Widget. Đây là plugin miễn phí có hơn 100.000 lượt kích hoạt. Bạn cài và kích hoạt nó từ trang cài đặt plugin nhé.

Sử dụng plugin này thì vô cùng đơn giản. Khi bạn thêm Widget vào sidebar, nó sẽ hiện thêm một lựa chọn Fixed widget. Nếu bạn muốn widget nào đứng yên thì chọn vào. Nếu có nhiều Widget, thì chọn hết widget. Do chiều cao màn hình có hạn, nếu có nhiều widget thì cái nào quan trọng bạn nên để nằm dưới cùng thì nó sẽ hiện khi kéo nội dung xuống.

Chỉ với bước đơn giản là ta đã có cái sidebar đứng yên ngoài trang rất dễ dàng.

Để tránh nội dung sidebar bị che bởi header hoặc footer, bạn nên giữ khoảng cách cho nó với cạnh trên và cạnh dưới. Bằng cách vào menu Giao diện > Fixed Widget Options và tuỳ chỉnh Margin Top cũng như Margin Bottom cho phù hợp.

Tổng kết

Tạo Fixed sidebar trong wordpress là cách tốt nhất để làm đẹp website, giữ cho khách hàng luôn tiếp cận được các liên kết quan trọng trên website. Trên đây là cách đơn giản và dễ dàng để bạn làm được điều đó cho website của mình.