Các trang web có thể trở nên hấp dẫn hơn về mặt thẩm mỹ bằng cách chồng văn bản lên trên hình ảnh. Trong bài viết này, chúng ta sẽ nghiên cứu cách phủ văn bản lên ảnh trong Elementor.
Bây giờ, hãy xem nhanh hỗ trợ tích hợp sẵn của Elementor dành cho văn bản trên hình ảnh và xem bạn có thể triển khai nó nhanh như thế nào.
Thêm văn bản trên hình ảnh
Thêm một phần mới
Một phần mới sẽ xuất hiện trên trang; bấm vào nó để thêm nó. Tiếp theo, chọn lựa chọn đầu tiên, đó là cấu trúc đơn giản của phần. Các tòa nhà khác cũng có sẵn cho lựa chọn của bạn. Với mục đích rõ ràng, chúng tôi đã quyết định đi theo con đường này. Sau đó, chọn biểu tượng chỉnh sửa của phần để mở cửa sổ chỉnh sửa của phần ở bên trái.
Chèn hình ảnh
Trên ngăn Chỉnh sửa Phần, nhấp vào tab Kiểu rồi mở rộng danh sách thả xuống "Nền". Chọn "Cổ điển" làm loại nền. Bây giờ, hãy nhấp vào ký hiệu "+" trong thuộc tính hình ảnh để thêm hình ảnh vào phần.
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờ
Tải tệp lên
Trong cửa sổ "Chèn phương tiện", nhấp vào tab "Tải tệp lên".
Sau đó, kéo tệp hình ảnh qua cửa sổ bật lên và thả nó.
Nhấp vào ảnh bạn vừa tải lên trong "Thư viện phương tiện. Sau đó, nhấp vào "Chèn phương tiện" để thêm ảnh vào phần.
Định vị hình ảnh
Để thực hiện việc này, chúng ta cần mở bảng Chỉnh sửa Phần của phần.
Nhấp vào tab Kiểu và mở menu thả xuống cho Nền. Thay đổi thuộc tính Vị trí thành "Trung tâm Trung tâm", thuộc tính Lặp lại thành "Không lặp lại" và thuộc tính Kích thước thành "Bìa".
Thêm tiêu đề
Khi bạn nhấp vào ký hiệu "+", bảng để thêm các phần sẽ xuất hiện ở bên trái. Từ đó, bạn có thể thêm bất kỳ phần nào bạn muốn vào hình ảnh dưới dạng lớp phủ.
Bây giờ, kéo và thả "Heading" vào phần này. Một phần văn bản sẽ hiển thị trên hình ảnh.
Thêm văn bản
Trong thuộc tính tiêu đề, hãy viết văn bản của bạn trong tab "Nội dung".
Sau đó, thay đổi Căn chỉnh thành "Center" để văn bản nằm ở giữa phần và được căn giữa.
kết thúc
Được rồi! Bây giờ bạn đã biết cách sử dụng Elementor để thêm văn bản lên hình ảnh. Chúng tôi hy vọng rằng hướng dẫn này đã được hữu ích. Nếu bạn có bất kỳ câu hỏi nào, vui lòng hỏi chúng tôi hoặc liên hệ với chúng tôi.
