Hướng dẫn sử dụng ux builder Informational

UX Builder là một trình xây dựng trang hoàn hảo và được sử dụng phổ biến kèm theo giao diện Flatsome, tuy nhiên đôi khi bạn sẽ gặp vấn đề truy cập vào thao tác quản trị nhưng gặp tình trạng xoay tròn liên tục và không có kết quả.

Nguyên nhân chủ yếu của vấn đề này thường đến từ xung đột plugin hoặc cấu hình Memory_limit của bạn đang ở mức thấp chưa đáp ứng được với yêu cầu hệ thống mà chủ đề yêu cầu.

Đăng nhập vào tài khoản cPanel của bạn :

\=> Truy cập Bảng điều khiển cPanel của bạn : => Select PHP Version

Tại phần này bạn có thể thêm các Extention mà mình cần : Ví dụ như mình có thể thêm OPcache giúp tạo Cache để giảm tải cho Hosting ( Chỉ bật khi bạn không thực hiện Edit web và website đã hoạt động ổn định, nó sẽ giúp giảm tải xuống Hosting và đồng nghĩa với Hosting của bạn chịu đựng được nhiều truy cập hơn so với thông thường một chút )

\=> Switch to PHP Options giúp bạn có thể tăng thông số của Hosting

---

Trong trường hợp cách khắc phục trên không hoạt động, bạn cần kiểm tra lại tính tương thích của mã nguồn bạn đang cấu hình bằng cách tắt từng plugin có thể gây xung đột để kiểm tra thêm bạn nhé.

Last updated on September 8, 2020

Related Articles

• UX Builder - How to use Blocks
• UX Builder - How to create a Slider
• UX Builder - How to work with Responsive Options

Flatsome với các shortcode [UX Builder] giúp chúng ta làm được nhiều nhiệm vụ phức tạp mà không cần biết nhiều về code. Hôm nay mình sẽ giới thiệu các bạn làm slide để chèn hình ảnh hoặc danh sách các bài viết để chèn vào bất kỳ khu vực nào mình muốn.

UX Builder của flatsome là gì?

UX Builder là một trình hỗ trợ tạo giao diện kéo thả bằng các modul được lập trình sẵn trong theme, với giao diện trực quan các bạn có thể kéo thả và tạo ra các khối cơ bản dùng cho website mà không cần thao tác vào code của web.

Mội lợi điểm to lớn của UX Builder là sau khi tạo xong nó sẽ cung cấp cho chúng ta một shortcode có thể đem dùng hoặc nhúng vào bất kỳ đâu trong website wordpress.

Shortcode của UX bilder sau khi tạo

Tạo slide bài viết

Vào UX Blocks tạo 1 block “Slide bài viết“ như sau nhé (tạo mới rồi copy nội dung bên dưới vào)

[blog_posts style\="normal" columns\="3" columns__md\="1" posts\="6" image_height\="56.25%"]

Ở đây chúng ta tạo list các bài viết mới nhất, các tham số như sau:

• style=”normal”: list bình thường – slide
• columns=”3″ : cột 3 bài viết
• columns__md=”1″ : 1 cột
• posts=”6″ : số bài viết trong slide là 6
• image_height=”56.25%”: kích thướng hình ảnh

Sau khi tạo xong UX blocks chúng ta sẽ có shortcode như sau:

Slide danh sach bai viet dung ux blocks

Nhúng short code trên vào bất kỳ đâu trong bài viết hoặc sản phẩm để sử dụng nhé. Dưới đây là ví dụ shortcode trên được nhúng vào bài này.

Các lỗi gặp trên Flatsome thường là do website của bạn bị đụng với plugin đang cài hoặc do cấu hình host của bạn không đủ bộ nhớ cũng có thể do lỗi https gây ra. Bạn có thể làm theo hướng dẫn sau để khắc phục lỗi Flatsome Theme.

Mục lục []

Cấu hình để chạy website sử dụng theme flatsome

Cấu hình hosting, VPS tối thiểu để sử dụng flatsome:

• PHP: phiên bản PHP thấp nhất là 5.6, nên dùng 7.4 là phiên bản ổn định nhất
• MySQL từ 5.6 trở lên hoặc MariaDB 10.0 trở lên ( cái này mặc định khi chọn phiên bản PHP sẽ tự động set cho bạn)
• WP Memory Limit: từ 128mb trở lên và các thông số về max time tăng 30 lên 3000

Thường thì khi mua hosting hay VPS nhà cung cấp chỉ để thông số ở mức nhất định nên không đủ để load flatsome, nếu các bạn không tăng thông số lên thì khả năng flatsome sẽ gặp sự cố trong quá trình sử dụng.

Chi tiết cấu hình thông số tại link: tăng cấu hình của hosting

Các Lỗi Thường Gặp Khi Sử Dụng Flatsome

Lỗi Flatsome không Load được UX Builder

• Lỗi Loading UX Builder nếu gặp lỗi này thì chắc hầu như là do bị xung đột với plugin nào đó, cách tốt nhất đó là bạn tắt từng plugin một để kiểm tra, chỉ giữ lại plugin woocommerce thôi nhé.
• Tăng cấu hình thông số PHP, cấu hình hosting lên nhé. Link hướng dẫn bên trên.
• Lỗi Loading UX Builder thì vào trang trắng đó rồi bấm phím F12 hoặc chuột phải -> kiểm tra phần tử( Inspect) rồi bấm Console xem báo đỏ gì, nếu báo lỗi plugin nào đó thì tắt plugin đó đi là được.

Lỗi thiếu Stylesheet style.css

Lỗi này là do bạn up full cả file theme bên trong còn rất nhiều file zip nữa là flatsome.zip và flatsome-child.zip, các bạn giải nén ra để lấy file bên trong cài nhé. Up zip lên mà không tìm thấy file hoặc cài đặt không thành công thì hãy giải nén ra để lấy file zip up lại nha. Không thể cài đặt gói được chỉ định. Giao diện đang bị thiếu style.css stylesheet.

Lỗi không lưu được cấu hình theme flatsome

Khi gặp lỗi này là do bạn sử dụng flatsome bản null hoặc crack , bản flatsome quá cũ nên bị xung đột, việc cần làm đó là mua flatsome có key cập nhật trọn đời, sử dụng nhiều website tại chợ WordPress sẽ khắc phục được 100% nhé. Link: mua key flatsome

Lỗi bị ẩn nút “cập nhật” flatsome

Thường lỗi này do cái addon chrome nó đụng nên gây ra lỗi, bạn mở ẩn danh mà xem, nếu bên ẩn danh mà elementor chạy bình thường thì kết luận do addon chrome rồi, bạn tắt nó đi xem cái nào đụng nha. Như cái plugin SEOquake đó hay đụng lắm.

Lỗi giao diện bị vỡ trong flatsome

Lỗi giao diện này cũng hay gặp khi thiết kế web với elementor xong bên trong đẹp mộng mơ ra ngoài giao diện thì nát bét hiện lung tung cả. Nguyên nhân: Do khi cài https chưa fix hết link, vẫn còn link http nên không load được style.css và link ảnh cũng lỗi luôn. Bạn hãy cài plugin Really Simple SSL Pro hoặc bản miễn phí tại WordPress cũng được nhé. Sau khi cài xong các bạn bấm Ahead để plugin tự fix link https. Sau đó vào Cài đặt -> đường dẫn tĩnh -> lưu lại nhé. Bạn ra lại giao diện bấm Ctrl + F5 để xem mới, vấn đề đã được khắc phục.

Lỗi js flatsome này cũng là do sai link http và addons chrome gây ra, nên bạn khắc phục lỗi thì đọc 2 phần phía trên nhé.