An Trần Digital
No Result
View All Result
Thứ Tư, Tháng Sáu 7, 2023
  • Thủ thuật
    • All
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật iOS
    • Thủ thuật Phần Mềm
    • Thủ thuật Wordpress
    Tải plugin WP Content Crawler

    [Download] plugin WP Content Crawler và kích hoạt vĩnh viễn

    Plugin tạo bài viết liên quan trong theme Flatsome

    Plugin tạo bài viết liên quan trong theme Flatsome

    Tổng hợp cấu hình redirect 301 trong file htaccess

    Tổng hợp cấu hình Redirect 301 .htaccess file

    Hướng dẫn xoá category trong url wordpress

    Hướng dẫn cách xoá Category trong Url wordpress

    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • All
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
    Download Cinematic Night Camera Raw Preset

    Download Cinematic Night Camera Raw Preset

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Preset Lightroom Mobile đi siêu thị tone hàn quốc đẹp

    Preset Lightroom Mobile đi siêu thị tone hàn quốc đẹp

    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • All
    • Blogger/Blogspot
    • Wordpress
    Tải theme Avada wordpress

    Tải theme Avada wordpress miễn phí

    Template blogspot bất động sản nhà đất miễn phí

    Share 5 template blogspot bất động sản nhà đất miễn phí

    Share template blogspot tin tức

    Share template blogspot tin tức Zing News

    Tải theme Newspaper mới nhất miễn phí

    [Download] Chia sẻ theme Newspaper wordpress mới nhất miễn phí

    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • All
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình - Web
    • Marketing - SEO
    Khoá học tiếng Trung miễn phí

    Chia sẻ khoá học tiếng Trung dành cho người mới bắt đầu

    chia-sẻ-khoá-học-dựng-nhân-vật-hoạt-hình-3D-với-Blender-antrandigital

    Chia sẻ khoá học Dựng nhân vật hoạt hình 3D với Blender

    khoa-hoc-photoshop-thiet-ke-cho-giao-dien-website-antrandigital

    Hướng dẫn dùng Photoshop thiết kế cho giao diện website

    chia-se-khoa-hoc-reactjs-day-du-mien-phi-antrandigital

    Chia sẻ khoá học ReactJS đầy đủ miễn phí

    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI
Subscribe
An Trần Digital
  • Thủ thuật
    • All
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật iOS
    • Thủ thuật Phần Mềm
    • Thủ thuật Wordpress
    Tải plugin WP Content Crawler

    [Download] plugin WP Content Crawler và kích hoạt vĩnh viễn

    Plugin tạo bài viết liên quan trong theme Flatsome

    Plugin tạo bài viết liên quan trong theme Flatsome

    Tổng hợp cấu hình redirect 301 trong file htaccess

    Tổng hợp cấu hình Redirect 301 .htaccess file

    Hướng dẫn xoá category trong url wordpress

    Hướng dẫn cách xoá Category trong Url wordpress

    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • All
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
    Download Cinematic Night Camera Raw Preset

    Download Cinematic Night Camera Raw Preset

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Preset Lightroom Mobile đi siêu thị tone hàn quốc đẹp

    Preset Lightroom Mobile đi siêu thị tone hàn quốc đẹp

    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • All
    • Blogger/Blogspot
    • Wordpress
    Tải theme Avada wordpress

    Tải theme Avada wordpress miễn phí

    Template blogspot bất động sản nhà đất miễn phí

    Share 5 template blogspot bất động sản nhà đất miễn phí

    Share template blogspot tin tức

    Share template blogspot tin tức Zing News

    Tải theme Newspaper mới nhất miễn phí

    [Download] Chia sẻ theme Newspaper wordpress mới nhất miễn phí

    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • All
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình - Web
    • Marketing - SEO
    Khoá học tiếng Trung miễn phí

    Chia sẻ khoá học tiếng Trung dành cho người mới bắt đầu

    chia-sẻ-khoá-học-dựng-nhân-vật-hoạt-hình-3D-với-Blender-antrandigital

    Chia sẻ khoá học Dựng nhân vật hoạt hình 3D với Blender

    khoa-hoc-photoshop-thiet-ke-cho-giao-dien-website-antrandigital

    Hướng dẫn dùng Photoshop thiết kế cho giao diện website

    chia-se-khoa-hoc-reactjs-day-du-mien-phi-antrandigital

    Chia sẻ khoá học ReactJS đầy đủ miễn phí

    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI
No Result
View All Result
An Trần Digital
No Result
View All Result
Home Thủ thuật Thủ thuật Wordpress

[WordPress] Cách ẩn Widget trên giao diện mobile cho website

by An Tran
in Thủ thuật Wordpress
Reading Time: 3 mins read
Cách ẩn widget trên giao diện điện thoại cho website wordpress an trần digital

Nội dung bài viết

  1. Cách ẩn Widget trên giao diện điện thoại
    1. Bước 1: Tải plugin Widget CSS Classes
    2. Bước 2: Thêm mã CSS
    3. Bước 3: Tiến hành ẩn Widget

Cách ẩn Widget trên giao diện điện thoại

Trong bài viết lần này An Trần Digital sẽ hướng dẫn các bạn cách ẩn widget trên giao diện mobile cho website. Cách làm này nếu bạn muốn người dùng trải nghiệm tốt hơn, sắp xếp bố cục widget (sidebar) gọn gàng. Qua cách này bạn có thể dễ dàng muốn ẩn widget nào mà bạn muốn ẩn trên mọi thiết bị bất kỳ nào muốn. Hãy làm theo hướng dẫn bên dưới đây nhé.

Có thể tham khảo thêm: Plugin chèn code trong bài viết wordpress

Bước 1: Tải plugin Widget CSS Classes

Đầu tiên, bạn vào quản trị website của bạn rồi chọn Plugin -> Cài mới sau đó click vào khung tìm nhập Widget CSS Classes rồi cài đặt và kích hoạt hoặc bạn có tải plugin tại đây rồi thêm vào.

Bước 2: Thêm mã CSS

Tiếp theo, bạn cần phải thêm đoạn mã CSS cho Widget CSS Classes bằng cách vào file style.css ngay trong giao diện (theme) của bạn đang dùng. Dưới đây là đoạn mã

@media only screen and (max-width:480px) {
.hide_on_mobile {
display: none !important;}
}

Các bạn lưu ý khi thêm đoạn CSS xong, thì nó sẽ ẩn trên bấy kỳ màn hình như là 480px và ngoài ra kích thước nhỏ hơn. Và chú ý hơn class quan trọng ở đây là hide_on_mobile

Bước 3: Tiến hành ẩn Widget

Bạn hãy vào Appearance -> Widget rồi sau đó bạn chọn Widget mà bạn muốn ẩn.

Sau khi chọn xong, sẽ có CSS Classes và bạn nhập vào hide_on_mobile như hình dưới

Cách ẩn widget trên giao diện điện thoại cho website wordpress

Mong qua cách làm này An Trần Digital sẽ giải đáp được thắc mắc mong muốn các bạn đang muốn cách ẩn widget trên giao diện mobile cho website của mình để trải nghiệm tốt hơn và nhanh hơn cho người dùng.

Nếu thấy bài viết có ích thì đừng ngần ngại đánh giá 5 sao cho mình nhé.

Chúc các bạn thành công!!!

5/5 - (3 bình chọn)
Tags: cách cẩn widget trên giao diện điện thoạithủ thuật wordpress
Previous Post

Share bộ Preset Lightroom Màu Film đẹp chuyên nghiệp

Next Post

Code trang trí tết cho website – Hiệu ứng hoa mai rơi đẹp

An Tran

An Tran

Tôi là An Trần, thuộc thế hệ 9X. Hiện tại đang làm nhân viên cắt cỏ tại sân Old Trafford.

Related Posts

Tải plugin WP Content Crawler
Thủ thuật Wordpress

[Download] plugin WP Content Crawler và kích hoạt vĩnh viễn

05/04/2023
Plugin tạo bài viết liên quan trong theme Flatsome
Thủ thuật Wordpress

Plugin tạo bài viết liên quan trong theme Flatsome

18/08/2022
Tổng hợp cấu hình redirect 301 trong file htaccess
Thủ thuật Wordpress

Tổng hợp cấu hình Redirect 301 .htaccess file

17/07/2022
Next Post
Code trang trí tết cho website wordpress

Code trang trí tết cho website - Hiệu ứng hoa mai rơi đẹp

0 0 votes
Đánh Giá
Subscribe
Login
Notify of
guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

0 Comments
Inline Feedbacks
View all comments

Hosting nên dùng

  • Trending
  • Comments
  • Latest
Preset camera raw photoshop free

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

25/06/2020
chia-se-preset-lightroom-mobile-sieu-dep-cho-chinh-anh

1000+ Chia sẻ Preset Lightroom Mobile siêu đẹp free cho chỉnh ảnh

04/12/2020
share-preset-lightroom-tone-xam-son-tung-antrandigital

Share Preset Lightroom tone xám Sơn Tùng M-TP

17/02/2021
Preset camera raw photoshop free

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

10
tao-hieu-ung-dep-cho-anh-bang-photoshop-grunge-action-antrandigital

Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action

7
Template blogspot bán hàng miễn phí

Share 5 Template Blogspot bán hàng miễn phí mới nhất

7
Tải theme Avada wordpress

Tải theme Avada wordpress miễn phí

24/04/2023
Download Cinematic Night Camera Raw Preset

Download Cinematic Night Camera Raw Preset

16/04/2023
Tải plugin WP Content Crawler

[Download] plugin WP Content Crawler và kích hoạt vĩnh viễn

05/04/2023


An Trần Digital là blog cá nhân chia sẻ preset lightroom, camera raw từ máy tính đến mobile, template blogspot, theme wordpress và các khoá học khác hoàn toàn miễn phí.

DMCA.com Protection Status

Comments gần đây

  • An Tran
    Quản lý
    trong Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action
  • luyện trong Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action
  • An Tran
    Quản lý
    trong Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action

Xem nhiều nhất ngày

Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

Về An Trần Digital

Giới thiệu về tôi

Bảo mật

Hợp tác

Bản quyền

Liên hệ

Donate

© 2023 An Trần Digital - Powered by An Trần.

No Result
View All Result
  • Thủ thuật
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI

© 2023 An Trần Digital - Powered by An Trần.

wpDiscuz

Đồng ý sử dụng cookie

Những cookie này giúp trang web ghi nhớ thông tin về lần truy cập của bạn. Nhờ đó, bạn có thể truy cập trang web này dễ dàng hơn vào lần tới và trang web cũng trở nên hữu ích hơn cho bạn. Tìm hiểu thêm