Hướng Dẫn Sử Dụng Tính Năng Template Library Của Elementor

NghiemVo 17/12/2020 197 lượt xem

 

Biết cách sử dụng tính năng Template Library của Elementor sẽ giúp bạn thiết kế, lưu và sử dụng Mẫu cho các Website khác một cách dễ dàng. Hãy cùng tìm hiểu chi tiết tính năng này ở bài viết dưới đây.

hướng dẫn sử dụng tính năng template library của elementor
Template Library có hơn 200 mẫu thiết kế đẹp mắt và hoàn toàn miễn phí

Nhờ khả năng tùy biến, tính linh hoạt, tốc độ tải ấn tượng mà Elementor trở thành Page Builder phổ biến như hiện nay. Trong đó, tính năng Template Library của Elementor rất hữu ích và không thể bỏ qua khi bạn dùng Page Builder này.

Có thể bạn quan tâm:

Hướng dẫn sử dụng tính năng Tools của Elementor

Hướng dẫn sử dụng tính năng Developers của Elementor

Cách sử dụng chi tiết tính năng Template Library

Với Template Library, bạn có thể khám phá hơn 200 mẫu thiết kế đẹp mắt, chuyên nghiệp hoàn toàn miễn phí. Bắt đầu tìm hiểu ngay cách sử dụng tính năng này ngay sau đây nhé.

Lỗi “Undefined” khi Load Templates

Bạn có thể thấy thông báo lỗi “Không xác định” khi cố gắng thêm mẫu. Đừng quá lo lắng, tôi sẽ hướng dẫn bạn cách khắc phục ngay đây:

  • Nâng cấp phiên bản PHP lên PHP7. Tuy nhiên, nhớ sao lưu trang Web của bạn trước đó nhé.
  • Trong một số trường hợp, phiên bản PHP mới nhất có thể gây ra lỗi Undefined. Trong trường hợp này, bạn nên hạ cấp xuống phiên bản PHP thấp hơn một phiên bản so với Version mới nhất.
  • Yêu cầu nhà cung cấp Hosting tăng giá trị thời gian chờ của máy chủ của bạn. Đồng thời, bạn cũng yêu cầu họ kiểm tra mã hóa cơ sở dữ liệu,
  • Xác minh rằng đó không phải là do xung đột Plugin bằng cách hủy kích hoạt tất cả các Plugin của bạn ngoại trừ Elementor và Elementor Pro. Sau đó, bạn kích hoạt lại từng cái một để tìm ra thủ phạm.
  • Kiểm tra xem đó có phải do xung đột với tiện ích bổ sung của trình duyệt hay không bằng cách chỉnh sửa ở chế độ ẩn danh với trình duyệt của bạn.

Connect To Template Library

Connect To Template Library
Bạn nên kết nối Connect To Template Library để tận dụng tối ưu các tính năng

Lần đầu chèn một Template, bạn sẽ được yêu cầu kết nối tài khoản Elementor để truy cập Thư viện Template. Nếu bạn chưa có tài khoản, bạn có thể đăng ký Free trong quá trình này.

Việc kết nối Template Library cho phép Elementor thêm các tính năng thông minh vào thư viện trong tương lai. Ví dụ các tính năng cá nhân hóa, những cải tiến cho Thư viện Mẫu. Ngoài ra, với tư cách là người dùng, bạn sẽ kiểm soát tốt hơn, tăng cường bảo mật tài khoản và trang Web của mình. 

Nếu không kết nối, bạn sẽ không thể truy cập các mẫu mà Elementor cung cấp qua Thư viện Mẫu. Tuy nhiên, điều này sẽ không tác động đến các mẫu đã lưu. Bạn vẫn sẽ luôn có quyền truy cập vào các mẫu đã lưu của riêng mình.

Register New Account

Để sử dụng đầy đủ tính năng Template Library của Elementor, bạn nênđăng ký tài khoản Elementor nhé:

  • Bạn truy cập trang Web của Elementor tại ĐÂY.
  • Nhấp vào liên kết Tạo tài khoản
  • Bạn điền địa chỉ Email, nhập mật khẩu.
  • Nhấp vào nút Tạo tài khoản.

Elementor Library FAQ

Bạn có thể chọn bất kỳ mẫu nào từ thư viện và thêm vào trang chỉ bằng một cú nhấp chuột. Tôi đã tổng hợp một số câu hỏi thường gặp về Elementor Library để bạn tiện tham khảo.

  • Tôi có thể tìm các Mẫu được thiết kế sẵn ở đâu?

Bạn chỉ cần nhấp vào nút ‘Thêm mẫu‘.

  • Có phím tắt để mở thư viện mẫu không?

Câu trả lời là có, bạn bấm các phím sau ‘Ctrl / Cmd + Shift + L‘.

  • Có các mẫu Landing Page trong Thư viện Elementor không?

Trong Thư viện Elementor có một số mẫu Landing Page được tích hợp sẵn. Bạn có thể dễ dàng xác định chúng trong danh sách vì tiêu đề của chúng luôn bao gồm các từ “Landing Page”.

  • Tùy chọn “Chèn” đã biến mất, tôi có thể làm gì?

Bạn hãy thử hủy kích hoạt tất cả các Plugin (ngoài Elementor) và xem nó có giải quyết được không. Nếu nó không hiệu quả, hãy thử chuyển Theme của bạn sang chủ đề WP mặc định chẳng hạn như Twenty Sixteen.

Với tính năng Template Library của Elementor, bạn có thể hiển thị Popup ở bất kỳ góc nào trên màn hình. Hơn thế nữa, bạn có thể kiểm soát vị trí ngang (trái, giữa, phải) và dọc (trên, giữa và dưới cùng) của cửa sổ Popup. Một số câu hỏi thường gặp về Popup bạn có thể xem bên dưới.

  • Có các mẫu Popup được thiết kế sẵn để lựa chọn không?

Elementor hiện có hơn 100 mẫu Popup được thiết kế đẹp mắt để bạn lựa chọn.

  • Tôi có thể đặt biểu mẫu trong Popup không?

Bạn hoàn toàn có thể đặt biểu mẫu Elementor vào một Popup. Tuy nhiên, các tập lệnh biểu mẫu của bên thứ ba có thể không hoạt động trong Trình tạo Popup theo mặc định.

  • Tôi có thể đặt bất kỳ tiện ích Elementor nào trong Cửa sổ bật lên không?

Hoàn toàn có thể. Bạn có thể thêm các biểu mẫu, vật dụng, Template và các yếu tố khác theo ý bạn muốn.

What Is The Difference Between Conditions, Triggers, and Advanced Rules?

Bạn có quyền kiểm soát chính xác thời điểm và vị trí các Popup được hiển thị thông qua việc sử dụng Conditions, TriggersAdvanced Rules.

  • Conditions: Kiểm soát vị trí Popup xuất hiện. Ví dụ như chỉ bật Popup lên trên trang đầu, hoặc bật lên trên mọi trang của Website,…
Conditions trong elementor
  • Triggers: Xác định các hành động cụ thể mà người dùng thực hiện sẽ tự động tạo cửa sổ Popup. Ví dụ khi người dùng cuộn, nhấp vào, hay định thoát khỏi trang,… Popup sẽ xuất hiện.
triggers trong elementor
  • Advanced Rules: Chỉ định các yêu cầu khác phải được đáp ứng để tạo cửa sổ bật lên. Ví dụ đặt yêu cầu để Popup bật lên sau một số lượt truy cập nhất định, khi đến từ một URL cụ thể hoặc chỉ trên các thiết bị cụ thể.
advanced rules trong elementor

Embed Templates Anywhere (Pro)

Bạn có thể nhúng mẫu ở mọi nơi nhờ tính năng Template Library của Elementor (Pro).

  • Cách thêm mẫu trình tạo trang Web Elementor làm tiện ích con WordPress:

Bước 1: Trong Bảng điều khiển WordPress, bên dưới Giao diện, bạn chọn Tiện ích. Bạn sẽ thấy tiện ích Thư viện Elementor. 

Bước 2: Nhấp vào Menu thả xuống, Chọn mẫu, chọn một mẫu đã lưu và nhấp vào Lưu .

  • Thêm Mẫu vào Elementor Page bằng tiện ích Template: Đầu tiên, kéo tiện ích Template vào một Section. Tiếp đến, bạn nhấp vào Menu thả xuống và Chọn mẫu, chọn một mẫu đã lưu.
  • Thêm mẫu làm mã rút gọn: Bạn đi tới Mẫu => Mẫu đã Lưu => Sao chép mã ngắn => Dán Mã ngắn vào tiện ích của bạn.

How Do I Create My First Popup?

Tiếp theo đây, tôi sẽ hướng dẫn tạo Popup với tính năng Template Library của Elementor.

  • Đi tới Trang tổng quan => Mẫu=> Cửa sổ bật lên (Popup)=> Thêm mới.
  • Đặt tên cho mẫu của bạn và nhấp vào ‘Tạo Mẫu‘.
  • Chọn một mẫu từ Thư viện hoặc tạo thiết kế của riêng bạn.
  • Nhấp vào ‘ Xuất bản ‘, sau đó nhấp vào ‘ Lưu và Đóng ‘.
  • Mở một trang mới trong Elementor (CTRL / CMD + E, trang mới).
  • Kéo trong tiện ích Button.
  • Trong Bố cục, bạn chọn Liên kết => Dynamic => Actions => Popup.
  • Nhấp vào Cửa sổ bật lên => Open Popup=> Chọn Popup bạn đã tạo.
  • Đi tới trang đang Live, nhấp vào nút là bạn có thể thấy cửa sổ Popup xuất hiện.

Template Library

Thư viện Mẫu Elementor cung cấp cho bạn quyền truy cập vào hàng trăm Layout và Block mà bạn có thể sử dụng thoải mái trên trang Web của mình.

Chèn Template với tính năng Template Library của Elementor

  • Nhấp vào biểu tượng Thêm Mẫu Từ Thư viện để thêm mẫu Trang, Block hoặc mẫu Đã lưu của riêng bạn từ màn hình chỉnh sửa.
  • Bạn có thể xem trước Template bằng cách nhấp vào biểu tượng kính lúp.
  • Bấm CHÈN để chọn mẫu cần thiết.
  • Bạn có thể lưu các mẫu yêu thích vào mục My Favorite.
  • Bạn tải lên tệp .Zip hoặc .Json bằng cách nhấp vào mũi tên ở góc trên cùng bên phải.

Lưu trang dưới dạng mẫu

  • Nhấp vào nút màu xanh lá cây nằm ở cuối bảng điều khiển.
  • Chọn Lưu Mẫu.
  • Đặt tên cho mẫu của bạn và lưu.

The images of the templates are missing

Thỉnh thoảng, khi sử dụng tính năng Template Library của Elementor bạn sẽ gặp vấn đề vì không có hình ảnh trong các Mẫu. Điều này có thể xảy ra do giới hạn bộ nhớ thấp hoặc cài đặt máy chủ khác (hầu hết các vấn đề về quyền tệp).

Với vấn đề này, tôi khuyên bạn nên yêu cầu công ty cung cấp dịch vụ Hosting kiểm tra xem tùy chọn Allow_url_fopen được đặt thành “bật” chưa và chức năng File_get_contents này có bị chặn hay không. 

Điều này cũng có thể xảy ra khi bạn nhập các mẫu từ máy chủ cục bộ sang máy chủ lưu trữ cục bộ khác, hoặc với máy chủ chặn việc chuyển ảnh từ trang này sang trang khác. 

The Template Library is Empty

The Template Library is Empty

Nếu bạn không thấy bất kỳ mẫu nào trong “Mẫu được thiết kế trước” sau khi nhấn vào “Thêm Mẫu”, hãy kiểm tra các bước sau:

  • Trên Bảng điều khiển WordPress của bạn, chuyển đến “Elementor => Tools” và nhấp vào “ Sync Library ”.
  • Đi tới Elementor => System Info trên Bảng điều khiển WordPress của bạn và kiểm tra “Giới hạn bộ nhớ” được cấp cho WordPress. Nếu giới hạn bộ nhớ của bạn dưới 128MB thì cần nâng lên.
  • Liên hệ với công ty Hosting để họ có thể kiểm tra nhật ký lỗi của máy chủ của bạn.
  • Hỏi công ty lưu trữ của bạn nếu chức năng allow_url_fopen được kích hoạt.
  • Để khắc phục sự cố, bạn có thể kiểm tra Elementor trên máy chủ cục bộ để loại trừ sự cố máy chủ.

My Page is Blank When I Try to Import Templates

Công ty cung cấp dịch vụ Hosting phải kiểm tra nhật ký lỗi của máy chủ của bạn để có thể biết điều gì dẫn đến sự cố này. 

Sau đây là những gì bạn có thể thử:

My Page is Blank When I Try to Import Templates elementor
  • Yêu cầu nhà cung cấp Hosting của bạn kích hoạt ZipArchive: Http://php.net/manual/en/class.ziparchive.php
  • Yêu cầu họ nâng giới hạn bộ nhớ lên 256MB nếu giới hạn bộ nhớ của bạn dưới 256MB.
  • Cũng có thể là có vấn đề về quyền. Điều này có thể được kiểm tra thông qua nhật ký lỗi của máy chủ của bạn. Nhà cung cấp Hosting của bạn có thể kiểm tra nó. 
  • Bạn có thể nâng cấp lên phiên bản PHP 7 hoặc Version cao hơn.
  • Chuyển phương thức trình tải qua Elementor => Advanced trên Trang tổng quan WordPress của bạn.

Có thể bạn quan tâm:

Cloud Hosting WordPress – giải pháp tối ưu cho Website mã nguồn WordPress

AskWhat – trang hỏi đáp kiến thức tổng hợp

Trên đây là thông tin hướng dẫn cách sử dụng tính năng Template Library của Elementor. Hi vọng bài viết sẽ giúp ích ít nhiều cho các bạn trong việc xây dựng trang Web của mình một cách hoàn chỉnh và chuyên nghiệp nhất.






Bài viết liên quan