Tạo Hình nền Đáp ứng & amp; Thêm trong Elementor

Rifat Elementor Jun 17, 2022

Để nâng cao trải nghiệm người dùng của bạn, Elementor cung cấp các khả năng mới như điều khiển thiết bị di động đối với đồ họa nền, chế độ an toàn để gỡ lỗi và hơn thế nữa.

Elementor hasalways tự hào về khả năng thiết kế cho các thiết bị di động. Đối với người dùng Elementor, việc lấy chính xác vị trí ảnh nền vẫn còn là một vấn đề. Là một nhà phát triển web, bạn có thể thường gặp phải vấn đề này: Bạn muốn hiển thị khuôn mặt của con chó, nhưng chỉ hiển thị đuôi của nó trên thiết bị di động.

Các điều khiển Hình nền Đáp ứng của Elementor cho phép bạn tạo hình nền thích ứng với kích thước và độ phân giải của bất kỳ thiết bị nào.

Điều khiển hình ảnh nền đáp ứng

Phiên bản Elementor mới nhất cho phép khách hàng kiểm soát toàn diện các điều khiển hình ảnh phông nền trên máy tính để bàn, máy tính bảng và thiết bị di động. Điều khiển hình nền được bao gồm trong điều khiển này (hình ảnh, vị trí, phần đính kèm, lặp lại và kích thước).

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ờ

Lần đầu tiên, bạn có thể tùy chỉnh vị trí của từng thiết bị. Chọn "center-top" cho thiết bị di động và "center-center" cho máy tính để bàn để đảm bảo rằng hình ảnh được hiển thị đồng nhất trên tất cả các nền tảng. Đối với mỗi thiết bị, bạn có thể chọn một kích thước khác nhau. Đối với thiết bị di động, hãy chọn "chứa" cho máy tính để bàn và "bìa".

Chúng tôi chắc chắn rằng nhiều người sẽ thích chức năng mới này vì đây là một vấn đề lớn đối với nhiều người.

Elementor mang đến khả năng thiết lập các hình ảnh hoàn toàn khác biệt cho từng thiết bị riêng lẻ. Các điều khiển đáp ứng bổ sung đầu tiên có dạng kích thước và vị trí dành riêng cho thiết bị. Với kích thước và vị trí có thể điều chỉnh, nó cho phép bạn tiến xa hơn và mang đến cho bạn trải nghiệm thiết kế linh hoạt hơn.

Kích thước hình nền tùy chỉnh Vị trí &

Trước đây, chỉ có ba tùy chọn để đặt kích thước của hình nền: tự động, bìa hoặc chứa. Tương tự như 'Trên cùng bên trái', bạn chỉ có thể chỉ định các vị trí hình nền chung.

Kích thước và vị trí của nền hiện là hai điều khiển tùy chỉnh mới sẽ có sẵn trong tương lai.

Vị trí nền tùy chỉnh cho phép bạn chọn tọa độ trục X và trục Y chính xác của hình nền. Kết quả là bây giờ bạn có khả năng căn chỉnh chính xác phông nền của trang.

Kích thước phông nền tùy chỉnh cũng có thể. Đặt chiều rộng của hình ảnh phông nền của bạn thành một giá trị chính xác tính bằng pixel.

Đối với thiết kế đáp ứng, các cài đặt này— cụ thể là kích thước nền tùy chỉnh và vị trí— là rất quan trọng. Đối với máy tính để bàn, máy tính bảng và nền tảng di động, hãy sử dụng các cài đặt tùy chỉnh này để thiết lập tiêu điểm cụ thể vào tiêu điểm chính của hình ảnh.

Kiểm soát biên giới thích ứng

Ngoài ra, giờ đây bạn có thể tùy chỉnh bán kính và chiều rộng đường viền cho từng thiết bị một cách riêng biệt, ngoài hình ảnh phông nền.

Đường viền cột có thể được sử dụng theo nhiều cách khác nhau, chẳng hạn như khi một hàng liên kết được chia bởi đường viền cột. Nó không cần thiết trên thiết bị di động vì hàng không còn nội tuyến và mỗi liên kết được đặt trong một hàng của chính nó.

Loại bỏ đường viền của bố cục di động là điều không cần bàn cãi trong trường hợp này. Tính năng ranh giới động mới giúp thực hiện đơn giản.

Không còn "biên giới mồ côi" trên thiết bị di động!

Chế độ an toàn để khắc phục sự cố

Elementor được cam kết cung cấp trải nghiệm mượt mà, không có lỗi cho tất cả khách hàng. Có hàng chục nghìn plugin và chủ đề để bạn lựa chọn và có vô số cách để làm cho chúng hoạt động với nhau. Bất kể Elementor có liên quan hay không, những sự kết hợp này nhất định sẽ dẫn đến xung đột.

Elementor luôn tìm cách giúp người dùng của chúng tôi làm mọi việc dễ dàng hơn bằng cách giảm bớt sự va chạm trong quy trình làm việc của họ.

Khi mọi người không thể mở trình chỉnh sửa, đó là một vấn đề phổ biến. Nhiều tên đã được đặt cho sự cố này: Tôi nhận được màn hình trống, tôi không thể chỉnh sửa và máy tính của tôi bị kẹt khi tải…

Chế độ An toàn là câu trả lời!

Khi Windows lần đầu tiên ra mắt, nó bao gồm một tính năng chế độ an toàn có thể được sử dụng để khắc phục các sự cố khác nhau. Elementor đã tự mình phát triển một giải pháp tương tự.

Bất cứ khi nào bạn gặp phải một trang từ chối tải, bạn sẽ có thể kích hoạt 'Chế độ An toàn' bằng cách nhấp vào một nút.

Elementor và WordPress được bảo vệ ở "Chế độ An toàn" khỏi bất kỳ chủ đề hoặc plugin nào có thể gây ra sự cố.

Hơn 80% sự cố tải có thể được khắc phục tạm thời trong Chế độ an toàn.

Khi bạn vào Chế độ an toàn, mọi thứ có tải chính xác không .?

Điều này cho thấy rằng chủ đề của bạn hoặc một trong các plugin của bạn là nguyên nhân gây ra lỗi. Hãy tiếp tục và tắt từng cái một để xác định thủ phạm.

Tôi đã bật Chế độ an toàn nhưng nó vẫn không tải.

Điều này cho thấy bạn nên khám phá nơi khác để tìm giải pháp và rất có thể đó là một vấn đề liên quan đến mã tùy chỉnh hoặc lưu trữ.

"Chế độ An toàn sẽ ảnh hưởng đến Trang web của tôi?"

Khách truy cập vào trang web của bạn sẽ không nhận thấy sự khác biệt nếu họ sử dụng chế độ an toàn. Tất cả các plugin và chủ đề đã cài đặt của bạn sẽ được hiển thị trên trang web của bạn và khách truy cập của bạn sẽ có thể sử dụng chúng như bình thường.

Các plugin và chủ đề không được kích hoạt trong suốt quá trình tải trình chỉnh sửa Elementor.

Người dùng Elementor sẽ được hưởng lợi rất nhiều từ Chế độ an toàn về trải nghiệm ổn định hơn, liền mạch và không có lỗi.

Đọc thêm Tiện ích thẻ &

Thẻ read more của WordPress là một trong những thứ đầu tiên mà elementor nhận được như một yêu cầu tính năng.

Đây là một yêu cầu đơn giản, nhưng cuối cùng trình tạo trang cũng đã thực hiện được.

Khi bạn sử dụng thẻ "Đọc thêm" trong bài đăng trên blog của mình, hiển thị bài đăng của kho lưu trữ sẽ cắt phần còn lại của văn bản. Với điều này, đoạn giới thiệu nội dung của bạn bây giờ có thể được hiển thị ngay trên trang blog chính của bạn để mọi người xem.

Trong tiện ích soạn thảo văn bản hoặc dưới dạng tiện ích riêng biệt, giờ đây bạn có thể nhanh chóng thêm thẻ đọc thêm. Thậm chí còn dễ dàng hơn để hiển thị một đoạn trích trên trang lưu trữ của bạn với tiện ích 'Đọc thêm' mới của Elementor, có thể được chèn vào giữa hai tiện ích soạn thảo văn bản và dừng lại chính xác ở nơi bạn chọn.

Để tránh bất kỳ sự nhầm lẫn nào, tiện ích này chỉ áp dụng cho các trang lưu trữ WordPress thông thường sử dụng 'nội dung' trong nội dung của chúng. Các mẫu lưu trữ Elementor không bị ảnh hưởng.

Từ cuối cùng

Elementor là một trong những trình xây dựng trang WordPress được phát triển rộng rãi. Với các tính năng mới, nó ngày càng trở nên mạnh mẽ hơn. Với plugin này, bạn có thể khám phá một đại dương rộng lớn về thiết kế và trang trí cho trang web của mình. Hy vọng bạn sẽ trở nên có lợi từ bài đăng này. Truy cập thêm các hướng dẫn về elementor và chia sẻ chúng với bạn bè của bạn.

Divi WordPress Theme