• Login
  • Register
No Code Building
Advertisement
  • CONTACT
  • KIẾN THỨC WEBSITE
  • KINH DOANH
    • NÓN BẢO HIỂM
    • ĐỒNG HỒ TREO TƯỜNG
    • ĐỒNG HỒ CÔNG CỘNG
No Result
View All Result
No Code Building
  • CONTACT
  • KIẾN THỨC WEBSITE
  • KINH DOANH
    • NÓN BẢO HIỂM
    • ĐỒNG HỒ TREO TƯỜNG
    • ĐỒNG HỒ CÔNG CỘNG
No Result
View All Result
No Code Building
No Result
View All Result
Home WordPress Elementor

Sửa lỗi xung đột layout Archive dạng cột giữa GeneratePress và Elementor

in Elementor, WordPress
0
Sửa lỗi xung đột layout Archive dạng cột giữa GeneratePress và Elementor
1.6k
SHARES
8.8k
VIEWS
Share on FacebookShare on Twitter

Theme GeneratePress và plugin Elementor là bộ đôi rất mạnh mẽ trong thiết kế website. Hầu như bộ đôi rất tương thích với nhau. Tuy nhiên, nếu bạn chỉnh layout dạng cột trong thememe GeneratePress và dùng layout Archive của plugin Elementor Pro thì sẽ xảy ra lỗi. Cách sửa lỗi xung đột layout Archive này sẽ được trình bày ngay dưới đây.

1. Nguyên nhân gây ra xung đột

Trong Customize của theme GeneratePress, phần Layout > Blog. Vì lý do nào đó, bạn đã tick chọn phần cài đặt “Hiển thị bài viết theo cột”.

Bạn có thể thích

Chỉnh tiêu đề Tabs Elementor nằm ngang trên mobile

Sửa lỗi website không gửi mail bằng SMTP Gmail

Muốn thiết kế website cần những gì?

Phần cài đặt này đã giới hạn độ rộng của layout Archive trong chức năng Theme Builder của Elementor Pro. Khiến cho việc xung đột gây ra, làm bóp méo layout của website.

2. Cách xử lý xung đột layout Archive giữa GeneratePress và Elementor

Có 2 cách để xử lý xung đột này. Cách 1 khá đơn giản. Đó là bạn hãy bỏ tick chọn “Hiển thị bài viết theo cột” như trên đã nói. Vậy là xong.

Nếu bạn vừa muốn dùng layout dạng cột của GeneratePress cho 1 category A, vừa muốn dùng layout Archive của Elementor cho 1 category B thì hãy dùng cách 2. Bạn chèn đoạn code CSS sau vào để loại bỏ phần xung đột:

/*CSS sửa lỗi conflict layout GP và Elementor*/
.elementor-post.generate-columns {
    width: auto;
}

3. Kết quả

Đây là hình ảnh demo của việc dùng song song 2 layout cho 2 chuyên mục. Do là hình demo nên anh em thông cảm là hình ảnh hơi lặp lại chút chút.

Hình dưới đây là sử dụng layout 3 cột của GeneratePress cho category MÓN NGON BỔ DƯỠNG với một chút code để hiển thị phần ngày đăng.

Hình dưới đây là sử dụng chức năng Theme Builder của Elementor Pro. Tạo ra Archive template dùng cho category THỰC PHẨM ĂN LIỀN với 3 cột thể hiện sản phẩm.

Chúc bạn có nhiều thời gian thú vị cùng với Elementor và No Code Building.

Previous Post

Lựa chọn các loại máy đồng hồ treo tường

Next Post

Hướng dẫn dùng lệnh @media trong CSS

Related Posts

Hướng dẫn Elementor cơ bản cho người mới
Elementor

Chỉnh tiêu đề Tabs Elementor nằm ngang trên mobile

by Thành Trung
4 Tháng Hai, 2021
Sửa lỗi website không gửi mail bằng SMTP Gmail
Hướng dẫn

Sửa lỗi website không gửi mail bằng SMTP Gmail

by Thành Trung
4 Tháng Ba, 2021
Muốn thiết kế website cần những gì?
Hướng dẫn

Muốn thiết kế website cần những gì?

by Thành Trung
4 Tháng Ba, 2021
Phóng to hình ảnh sản phẩm khi hover nhưng không thay đổi kích thước
Hướng dẫn

Phóng to hình ảnh sản phẩm khi hover nhưng không thay đổi kích thước

by Thành Trung
4 Tháng Hai, 2021
Hiển thị giá Sale trước giá thường Regular
Hướng dẫn

Hiển thị giá Sale trước giá thường Regular

by Thành Trung
4 Tháng Hai, 2021
Next Post
Hướng dẫn dùng lệnh @media trong CSS

Hướng dẫn dùng lệnh @media trong CSS

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Currently Playing

[Không quảng cáo] Tiếng đàn piano nhẹ nhàng, êm dịu, dễ ngủ vào buổi tối

[Không quảng cáo] Tiếng đàn piano nhẹ nhàng, êm dịu, dễ ngủ vào buổi tối

00:43:24

Recommended

Báo giá nón bảo hiểm in logo

4 Tháng Ba, 2021

Coder có cần giỏi tiếng Anh?

5 Tháng Ba, 2021

Chuyên mục

  • Bàn bida
  • Công nghệ
  • Đồng hồ công cộng
  • Đồng hồ treo tường
  • Elementor
  • Hướng dẫn
  • Mẫu thiết kế
  • Nón bảo hiểm
  • SEO tốt
  • Woocommerce
  • WordPress
  • Xã hội

Don't miss it

Báo giá bàn bida Hollywood Proam Alpha cao cấp 2021
Bàn bida

Báo giá bàn bida Hollywood Proam Alpha cao cấp 2021

6 Tháng Ba, 2021
Biểu trưng – Logo Đoàn 90 năm chính thức [Đầy đủ file thiết kế AI, Corel, avatar và cover facebook]
Xã hội

Biểu trưng – Logo Đoàn 90 năm chính thức [Đầy đủ file thiết kế AI, Corel, avatar và cover facebook]

4 Tháng Ba, 2021
Hướng dẫn Elementor cơ bản cho người mới
Elementor

Chỉnh tiêu đề Tabs Elementor nằm ngang trên mobile

4 Tháng Hai, 2021
Đồng hồ công cộng tại Wonderland, Hồ Tràm, Vũng Tàu
Đồng hồ công cộng

Đồng hồ công cộng tại Wonderland, Hồ Tràm, Vũng Tàu

4 Tháng Ba, 2021
Sửa lỗi website không gửi mail bằng SMTP Gmail
Hướng dẫn

Sửa lỗi website không gửi mail bằng SMTP Gmail

4 Tháng Ba, 2021
Hướng dẫn cách upload MP3 lên Youtube
Công nghệ

Hướng dẫn cách upload MP3 lên Youtube

4 Tháng Hai, 2021

Thẻ

bàn bida hollywood 2021 chèn messenger vào website wordpress elementor elementor là gì generatepress hook generatepress là gì hướng dẫn sử dụng elementor hướng dẫn sử dụng elementor pro hướng dẫn viết bài theo yoast seo in nón bảo hiểm giá rẻ in nón bảo hiểm giá rẻ tphcm in nón bảo hiểm giá sỉ khuyến mãi làm đồng hồ đếm ngược trong wordpress mua elementor pro namesilo nocodebuilding nón bảo hiểm quà tặng sản xuất nón bảo hiểm chất lượng sản xuất đồng hồ treo tường theo yêu cầu theme builder thiết kế website thiết kế website bằng wordpress có tốt không thiết kế website giá rẻ thiết kế website không cần code thiết kế website quận 12 thiết kế website wordpress thiết kế website wordpress chuẩn seo tạo user mới trong wordpress tự học thiết kế website viết bài chuẩn seo vultr woocommerce xưởng sản xuất nón bảo hiểm xưởng sản xuất nón bảo hiểm giá rẻ đặt in nón bảo hiểm số lượng lớn đặt làm đồng hồ treo tường theo yêu cầu đặt nón bảo hiểm quà tặng đặt nón bảo hiểm theo yêu cầu đồng hồ công cộng đồng hồ công cộng uy tín đồng hồ treo tường cỡ lớn đồng hồ treo tường giá rẻ đồng hồ treo tường in logo giá rẻ đồng hồ đếm ngược elementor
No Code Building

Giải pháp Marketing hiệu quả

Categories

  • Bàn bida
  • Công nghệ
  • Đồng hồ công cộng
  • Đồng hồ treo tường
  • Elementor
  • Hướng dẫn
  • Mẫu thiết kế
  • Nón bảo hiểm
  • SEO tốt
  • Woocommerce
  • WordPress
  • Xã hội

Recent News

Báo giá bàn bida Hollywood Proam Alpha cao cấp 2021

Báo giá bàn bida Hollywood Proam Alpha cao cấp 2021

6 Tháng Ba, 2021
Biểu trưng – Logo Đoàn 90 năm chính thức [Đầy đủ file thiết kế AI, Corel, avatar và cover facebook]

Biểu trưng – Logo Đoàn 90 năm chính thức [Đầy đủ file thiết kế AI, Corel, avatar và cover facebook]

4 Tháng Ba, 2021

© 2021 No Code Building - Giải pháp Marketing hiệu quả

No Result
View All Result
  • CONTACT
  • KIẾN THỨC WEBSITE
  • KINH DOANH
    • NÓN BẢO HIỂM
    • ĐỒNG HỒ TREO TƯỜNG
    • ĐỒNG HỒ CÔNG CỘNG

© 2021 No Code Building - Giải pháp Marketing hiệu quả

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Gọi điện thoại
0989 333 069
Chat Zalo