Có thể nói wordpress là nền tảng CMS thành công bậc nhất hiện nay, với mã nguồn mở cùng sự đóng góp của hàng trăm nghìn developers, WordPress cũng mang tới vô vàn những tính năng & trải nghiệm thú vị nằm ở cả Themes(giao diện) và Plugins(bản mở rộng).
Ux builder wordpress
Ux builder flatsome
Flatsome mang tới khả năng tùy biến đa dạng bởi nó hỗ trợ một page builder hoàn toàn riêng rẽ – UX Builder. Tuy vậy, không phải ai cũng có thể sử dụng dễ dàng, thành thạo page builder này. Sau đây là m
Tại Theme Options bạn sẽ cấu hình, chỉnh sửa được các phần sau:
- Header (phần đầu trang): Top bar, Main Menu, Bottom Menu, Sticky menu, logo, banner, giỏ hàng, số điện thoại, menu, …
- Footer (phần cuối trang): Các cột cuối trang, thông tin bản quyền, các khối nội dung (block)…
- Shop: chỉnh sửa các thông tin bên trong trang sản phẩm, bố cục trang danh mục sản phẩm,…
- Blog: chỉnh sửa layout, ngày giờ, và nhiều chỉnh sửa liên quan
- Style: chỉnh sửa màu sắc, font chữ, tùy biến css
Ux builder wordpress plugin
UX Builder wordpress là tên gọi của plugin giúp xây dựng trang cho thiết kế website chuẩn seo bằng cách kéo thả các thành phần vào vị trí cụ thể. UX Builder giúp cho ngay cả những người không biết gì về code cũng có thể tạo được một trang web đẹp mắt. Đa số các UX Builder cho wordpress đều hỗ trợ các plugin phổ biến như WooCommerce, Contact Form 7,… Tức là cho phép chèn và hiển thị nội dung của các plugin này vào trang thông qua UX Builder.
Ux builder plugin wordpress
Một điểm khác biệt của UX Builder là nó không tồn tại dưới dạng plugin mà được đính kèm trong theme Flatsome. Nghĩa là bạn phải sử dụng theme Flatsome cho website thì mới dùng được UX Builder. Nhưng bạn yên tâm là Flatsome luôn lọt top các theme bán chạy nhất.
Nguyên lý hoạt động của UX Builder: Giao diện trên website được quy ước hiển thị theo những đoạn code, và UX builder cho chúng ta một giao diện cho phép kéo thả dễ dàng hơn. Những gì chúng ta kéo thả & sắp xếp sẽ được tự động chuyển hoá thành những dòng code trong giao diện.
Ux flatsome
Ux builder và elementor
Thêm Slider trong Ux builder Flatsome
Bước 1: Nhấp vào Add Elements để thêm phần tử mới
Nhìn sang cột bên trái bạn sẽ thấy các Element cần thiết kế website cao cấp
Bước 2: Nhấp chọn một Element bất kỳ
Nhấp vào Add slides here để thêm một hình ảnh làm Slide
Cột bên trái là khu vực tùy chỉnh hiển thị.
Bước 3: Nhấp vào Select media để tải một hình ảnh lên
Nhấp chuột trái vào văn bản để chỉnh sửa.
Ấn chuột phải chọn Delete nến muốn xóa đi
Ux blocks flatsome
Cách tạo và chỉnh sửa UX Block
Bước 1: Các bạn vào bảng điều khiển -> Ux Block -> Add new. Đặt tên và lưu lại UX Block -> click vào UX Builder để chỉnh sửa.
Bước 2: Bắt đầu tùy biến cho block. Các bạn có thể đặt bất cứ thứ gì cho layout trang block chỉ cần được cho phép. Sau khi nhấn vào thì bảng tùy chọn sẽ hiện ra cho các bạn tùy chỉnh.
Flatsome theme ux builder
Khi kết hợp với Flatsome, UX Builder giúp bạn chỉnh sửa trực tiếp trên trang, do đó thiết kế web cực kỳ thân thiện với mọi thiết bị, dù là di động, máy tính bảng hay máy tính để bàn. CSS dùng để tùy biến màu sắc, giao diện cho website… khi mà theme không có tính năng tùy chỉnh. Nếu bạn có kiến thức lập trình CSS và có nhu cầu tùy biến CSS thì có thể truy cập Flatsome -> Theme Options -> Custom CSS.
Hoặc bạn cũng có thể sửa trên file style.css của theme bằng cách truy cập Giao diện -> Sửa -> Chọn sửa file style.css
Lê Trương Tấn Lộc (Website: sieutocviet.page)
Với hơn 3 năm kinh nghiệm Python / PHP / CSS / JS / WORDPRESS, 5 năm kinh nghiệm trong quản trị website tư vấn giải pháp SEO từ khóa, Marketing tối ưu nhất cho doanh nghiệp. Chuyên viên tư vấn sản phẩm: Hosting, Email doanh nghiệp, VPS, App web design.
Hiện đang là trưởng phòng kinh doanh tại Siêu Tốc Việt.