Xung đột plugin wordpress với elementor thì phải làm sao
|
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.
Show
1. Nguyên nhân gây ra xung độtTrong 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”. 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à ElementorCó 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. Một lỗi khá phổ biến gần đây khi mọi người sử dụng Elementor gặp phải. Đó là phần Widget hay Menu bên trái của Elementor editor xoay mãi không thể chọn được. Vậy lỗi này đến từ đâu? Và làm thể nào để khắc phục lỗi này? Lỗi Elementor không load được là gì?Biểu hiện của lỗi này là khi bạn “Edit page with Elementor” bạn sẽ gặp trường hợp:
Bạn sẽ không thể kéo thả các widget từ bên trái được. Đôi khi bạn vẫn có thể edit được các nội dung có sẵn. Nhưng lại không thể thêm được các section hay bất cứ nội dung bên menu trái được. 5 Cách để sửa lỗi Elementor không load được1. Kiểm tra theme hoặc plugin không tương thíchBước đầu tiên đó là kiểm tra xem có phải plugin hoặc theme bị conflic không. Đây cũng là một cách phổ biến, để kiếm tra khi bạn gặp lỗi khi cài một plugin nào đó. Đầu tiên hãy deactive tất cả plugin đang cài đặt hiện tại (Active mỗi Elementor nhé). Quay lại kiểm tra xem Elementor có load được không ? Nếu có Elementor hoạt động, thì có khả năng bạn đang bị xung đột với plugin. Hoặc server bị hết tài nguyên. Bắt đầu kích hoạt từng plugin một, và đồng thời kiểm tra Elementor xem bị xung với plugin nào. Nếu gặp lỗi hãy 2. Kiểm tra PHP Version và PHP Memory LimitNếu server của bạn đang sử dụng PHP version hoặc PHP memory limit quá thấp. Cũng sẽ dẫn đến lỗi Elementor không load được. Elementor khuyến khích bạn sử dụng PHP version 7.0 trở lên. Và PHP memory limit cao hơn 128Mb (nhiều addon của elementor còn yêu cầu 256Mb). Kiểm tra PHP version với cPanelĐăng nhập vào tài khoản hosting Bên bảng GENERAL INFOMATION bên phải chọn Server Infomation Ở đây có đầy đủ thông tin server từ PHP Version…. Tăng PHP version với cPanelTrong phần Software » Select PHP Version Vào đó bạn sẽ có bảng chọn PHP version Nếu bạn sử dụng Direct Admin cũng làm tương tự Đối với một vài Elementor Add-on của bên thứ 3 sẽ yêu cầu giới hạn bộ nhớ php còn cao hơn. Cách tăng PHP Verion khá đơn giản nếu host của bạn có Cpanel. Hoặc hãy liên hệ với bên cung cấp với bên host để được hỗ trợ. » Đọc hướng dẫn Tăng bộ nhớ PHP 3. Kiểm tra File .htaccessNếu bạn đang sử dụng Apache server (hầu hết shared hosting đều dùng) Thì có nghĩa là bạn có thể chỉnh sửa được file .htaccess. Đôi khi do bạn không cài đặt chính xác file này, sẽ có thể làm hỏng một vài chức năng. Backup lại file hiện tại, và tại một file .htaccess mới. Sau đó quay lại xem còn bị không nhé. » Tham khảo: 12 Thủ thuật với file .htaccess mà bạn chưa bao giờ ngờ tới 4. Tăng Apache Server LimitĐôi khi server bạn sẽ bị resource limit (đạt đến giới hạn tài nguyên). Trong trương hợp này bạn có thể tăng mức giới hạn này bằng cách: Thêm đoạn code sau vào file .htaccess 5. Thay đổi Editor Loading MethodElementor có cung cấp một option cho phép thay đổi phương thức front-end editor. Bạn có thể vào phần Elementor Settings Advanced tích Enable dòng “Switch Editor Loader Method” Oke giờ hãy quay lại để kiểm tra nhé 😀 KếtNgoài những cách nếu bạn sử dụng các Add-on bên thứ 3 cho Elementor. Mình khuyên các bạn hãy chọn những Add-on nổi tiếng và thường xuyên được update. Hãy tham khảo bộ Crocoblock cho Elementor, nó không chỉ hoạt động tốt mà còn luôn được update. [Review] Crocoblock 2019: Bộ công cụ hoàn hảo cho Elementor Pro |
