Ẩn sidebar trong giao diện mobile của Genesis

Source: Ẩn sidebar trong giao diện mobile của Genesis

Ẩn thanh bên trong giao diện di động Genesis Framework và chủ đề con.

Không ai có thể phủ nhận vai trò của thanh bên (sidebar) trong việc tăng lượt xem trang, giảm tỷ lệ thoát, cải thiện điều hướng… cho các blog / trang web. Tuy nhiên, trong một số trường hợp, bạn sẽ thấy nó không cần thiết và thậm chí là thừa, đặc biệt là trong một giao diện đáp ứng. Ví dụ, khi blog / website của bạn hiển thị trên các thiết bị có kích thước màn hình nhỏ (di động, máy tính bảng), sidebar sẽ tự động được chuyển xuống cuối blog / website, giúp trang của bạn trở nên “trường tồn”. … Bất tiện cho người dùng khi phải mất nhiều thời gian để trượt từ trên xuống cuối trang. Hơn nữa, việc phải tải thêm sidebar sẽ khiến tốc độ truy cập trang web của bạn trở nên chậm hơn. Do đó, loại bỏ sidebar trong giao diện di động là một ý tưởng không tồi.

Tìm hiểu thêm:

Trên thực tế, sáng nay, tôi vừa quyết định áp dụng điều này cho blog của mình WP Căn bản Và nhân đây, mình cũng xin chia sẻ với các bạn cách ẩn sidebar trong Genesis child theme khi hiển thị trên thiết bị di động (chỉ dành cho Genesis).

Đầu tiên, bạn đi tới Vẻ bề ngoài => Biên tập viên => Chọn đúng chủ đề con mà bạn đang sử dụng. Mở tệp functions.php thuộc về Khung Genesis hoặc chủ đề con và thêm mã sau:

Nhấn vào nút “Cập nhật tệp”Để lưu cài đặt. Đã hoàn thành!

Thật đơn giản đúng không? Bây giờ hãy thử truy cập trang web của bạn trên điện thoại di động hoặc máy tính bảng để xem kết quả. Chúc may mắn!

Nếu bạn thích bài viết này, hãy đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email. Cảm ơn rất nhiều.

4,6 / 5 – (10 phiếu bầu)

Via: sieucoder.com

from sieucoder.com https://ift.tt/3s54kCH
via Sieucoder.com