Bạn có muốn biết cách tạo trang đăng nhập bằng Elementor không?
Trong WordPress, bạn có thể đi trên yourdomain.com/wp-login.php để đi đến trang đăng nhập của trang web của bạn. Nếu bạn có một trang web lớn với nhiều tác giả / người dùng, bạn có thể muốn tạo một trang đăng nhập tùy chỉnh với thiết kế của riêng bạn để củng cố bản sắc thương hiệu trang web của bạn.
Với Elementor, bạn có thể tạo trang đăng nhập tùy chỉnh cho trang web WordPress của mình một cách dễ dàng - mà không cần viết mã hoặc cài đặt bất kỳ plugin bổ sung nào.
Elementorcó một tiện ích - tiện ích Đăng nhập - mà bạn có thể sử dụng để tạo trang đăng nhập tùy chỉnh. Elementor thậm chí còn cung cấp các mẫu trang đăng nhập để bạn có thể thiết lập và chạy trang đăng nhập ngay lập tức.
Cách tạo trang đăng nhập WordPress tùy chỉnh với Elementor
Xin lưu ý rằng tiện ích Đăng nhập chỉ có sẵn trên Elementor Pro. Vì vậy, trước khi có thể tạo trang đăng nhập tùy chỉnh, bạn cần nâng cấp Elementor lên phiên bản chuyên nghiệp.
1. Cách tạo trang đăng nhập từ mẫu
Như đã đề cập trước đây, Elementor cung cấp các mẫu để cho phép bạn tạo trang đăng nhập được cá nhân hóa nhanh chóng. Để sử dụng một trang, hãy bắt đầu bằng cách tạo một trang mới (Trang -> Thêm) Và sửa đổi nó với Elementor.
Trong trình chỉnh sửa Elementor, nhấp vào biểu tượng thư mục để mở thư viện mô hình.
Tìm kiếm một mẫu trang đăng nhập tùy chỉnh. Bạn có thể sử dụng hộp tìm kiếm để thuận tiện cho công việc của mình. Khi bạn tìm thấy mô hình mình thích, hãy di chuột qua mô hình đó và nhấp vào nút CHÈN.
Chờ một chút cho đến khi Elementor tải xong mô hình. Sau khi mô hình được tải, bạn có thể nhấp vào xuất bản để xuất bản nó.
Voilà
Để xem trang, bạn có thể nhấp vào biểu tượng ba dòng ở góc trên của bảng điều khiển bên trái và chọn Hiển thị trang.
Và đây là kết quả cuối cùng nếu bạn đã chọn mô hình giống như chúng tôi.
2. Cách tạo trang đăng nhập tùy chỉnh từ đầu
Nếu bạn muốn có thiết kế trang đăng nhập của riêng mình, bạn cũng có thể tạo trang đăng nhập tùy chỉnh của mình từ đầu. Để bắt đầu, hãy tạo một trang mới và chỉnh sửa nó bằng Elementor.
Trong trình chỉnh sửa Elementor, hãy thêm một phần mới bằng cách nhấp vào biểu tượng dấu cộng. Bạn có thể chọn cấu trúc cột dựa trên thiết kế mà bạn muốn tạo.
Khi phần của bạn đã sẵn sàng, hãy thêm tiện ích Kết nối bằng cách kéo nó từ bảng điều khiển bên trái vào vùng canvas.
Đi tới tab Nội dung trên bảng điều khiển bên trái để đặt các tùy chọn cơ bản. Có 3 khối tùy chọn mà bạn có thể thao tác:
1. Trường biểu mẫu
Bạn có thể mở khối này để bật / tắt thẻ và đặt kích thước đầu vào.
2. Nút
Bạn có thể mở khối này để đặt văn bản nút, kích thước nút và căn chỉnh nút.
3. Tùy chọn bổ sung
Bạn có thể mở khối này để bật / tắt các phần tử của trang đăng nhập của mình, chẳng hạn như liên kết MMất mật khẩu và tùy chọn Hãy nhớ đến tôi. Vì bạn muốn tạo một trang đăng nhập, hoạt động tùy chọn Chuyển hướng sau khi đăng nhập và dán url bảng điều khiển WordPress (yourdomain.com/wp-admin) trên trường có sẵn. Bạn cũng có thể kích hoạt tùy chọn Chuyển hướng sau khi đăng xuất nếu bạn muốn nó.
Bạn có thể kích hoạt tùy chọn Nhãn tùy chỉnh nếu bạn muốn sử dụng nhãn tùy chỉnh và trình giữ chỗ tùy chỉnh trên biểu mẫu đăng nhập của mình.
Khi bạn đã hoàn tất việc thiết lập các tùy chọn cơ bản, hãy điều hướng đến tab Kiểu để tùy chỉnh biểu mẫu đăng nhập. Có 5 khối tùy chọn kiểu có sẵn:
1. Hình thức
Bạn có thể mở khối này để xác định không gian giữa các dòng, màu của các liên kết và màu của trỏ của các liên kết.
2. Nhãn
Bạn chỉ có thể thấy khối này nếu bạn kích hoạt nhãn biểu mẫu. Bạn có thể mở khối này để đặt khoảng cách giữa các nhãn biểu mẫu, màu văn bản và kiểu chữ (họ phông chữ, cỡ phông chữ, kiểu phông chữ, v.v.).
3. Các lĩnh vực
Bạn có thể mở khối này để xác định màu của các trường văn bản, kiểu chữ (họ phông chữ, cỡ chữ, kiểu phông chữ, v.v.), nền của điều khiển, màu của đường viền của điều khiển, chiều rộng của đường viền của trường và bán kính của đường viền của trường.
4. Nút
Bạn có thể mở khối này để tùy chỉnh nút đăng nhập. Bạn có thể đặt những thứ như màu văn bản của nút, màu văn bản khi di chuột, kiểu chữ, màu nền của nút, bán kính đường viền và tô màu cho nút.
5. Tin nhắn đã đăng nhập
Bạn có thể mở khối này để tùy chỉnh thông báo sau khi người dùng của bạn đã đăng nhập. Đây là tin nhắn:
Bạn có thể đặt màu văn bản và kiểu chữ của tin nhắn.
Khi bạn đã hoàn thành việc tạo kiểu cho widget Đăng nhập, bạn có thể tùy chỉnh các widget khác trên trang của mình. Sau khi chỉnh sửa trang xong, hãy xuất bản / cập nhật trang của bạn và bạn đã tạo thành công trang đăng nhập tùy chỉnh.
Một điều quan trọng cần lưu ý. Sau khi tạo trang đăng nhập tùy chỉnh, không xóa tệp wp-login.php trên trang web WordPress của bạn. Trang web WordPress của bạn vẫn cần tệp này để xử lý quá trình đăng nhập.
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo trang đăng nhập với Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Bạn có muốn tìm hiểu Cách tạo một khóa học trực tuyến với Tutor LMS và Elementor không?
Chia sẻ kiến thức là một điều tuyệt vời và nó có nhiều hình thức khác nhau bao gồm các khóa học trực tuyến. Các khóa học trực tuyến trao quyền cho những người tìm kiếm kiến thức, nhưng chúng cũng trao quyền cho những người tạo ra nó. Với một khóa học trực tuyến, bạn có thể xây dựng khán giả, thiết lập bản thân như một người có thẩm quyền và thậm chí kiếm tiền nếu bạn muốn kiếm tiền từ nội dung của mình.
Tuy nhiên, tạo một khóa học trực tuyến không phải là một nhiệm vụ dễ dàng, đặc biệt nếu bạn không phải là nhà phát triển. Để giúp bạn trong nhiệm vụ này, Elementor đã hợp tác với Gia sư LMS.
Tutor LMS là một plugin WordPress LMS (Hệ thống quản lý học tập) quản lý tất cả các khía cạnh chính của "khóa học" như:
Tạo các khóa học, bài học, câu đố, bài tập về nhà, v.v.
Quản lý quyền truy cập vào các khóa học của bạn và thậm chí tính phí thanh toán một lần hoặc định kỳ nếu cần.
Quản lý và tương tác với sinh viên của bạn, chẳng hạn như gửi thông báo đến ứng viên của bạn và trả lời các câu hỏi của sinh viên.
Điều đặc biệt hữu ích về Tutor LMS là nó cung cấp khả năng tích hợp sâu với Elementor, cho phép bạn thiết kế tất cả nội dung khóa học của mình bằng giao diện trực quan của Elementor và hơn 25 widget tùy chỉnh. Với bộ đôi này, bạn có khả năng tạo các khóa học linh hoạt trong khi vẫn giữ được khả năng sử dụng Elementor để thiết kế trang web của mình.
Trong hướng dẫn từng bước này, chúng tôi sẽ chỉ cho bạn chính xác cách bạn có thể tạo một khóa học trực tuyến với Elementor và Tutor LMS.
Những gì bạn sẽ tạo ra trong hướng dẫn này.
Trước khi đi vào hướng dẫn, chúng tôi muốn cung cấp cho bạn một chuyến tham quan nhanh về những gì bạn sẽ tạo chính xác trong hướng dẫn này.
Với Tutor LMS bạn có thể thiết lập các khóa học tùy chỉnh của riêng mình về bất kỳ chủ đề nào, với các bài học, câu đố khác nhau,… Sau đó, bạn có thể sử dụng các widget Elementor 25+ và Tutor LMS để tạo thiết kế trang lớp.
Dưới đây là một ví dụ về những gì nó có thể trông như thế nào - tất cả nội dung là từ Tutor LMS, nhưng thiết kế được cung cấp bởi Elementor:
Học sinh sẽ có thể tiến bộ trong các khóa học và câu đố của bạn. Họ cũng sẽ có bảng điều khiển của riêng mình, nơi họ có thể quản lý các khóa học đã đăng ký và theo dõi sự tiến bộ của họ.
Là chủ sở hữu khóa học, bạn cũng sẽ nhận được bảng điều khiển nơi bạn có thể quản lý các khóa học, học viên, thu nhập của mình, v.v. Bạn cũng có thể tương tác với học viên thông qua thông báo và Q&A.
Đây chỉ là một chuyến tham quan nhanh để cung cấp cho bạn ý tưởng về những gì bạn sẽ tạo ra.
Cách tạo một khóa học trực tuyến với Elementor
Bạn đã sẵn sàng để tạo khóa học trực tuyến của mình chưa?
Dưới đây là tổng quan cấp cao về các bước bạn sẽ cần thực hiện để bắt đầu khóa học của mình:
Định cấu hình trang web WordPress cơ bản của bạn và cài đặt các plugin cần thiết.
Thêm nội dung khóa học của bạn bằng Tutor LMS,
Thiết kế các trang khóa học của bạn bằng Elementor.
Thiết lập thanh toán qua WooCommerce nếu bạn muốn tính phí truy cập.
Định cấu hình các cài đặt khác nếu cần, chẳng hạn như bạn có muốn cho phép người hướng dẫn bên thứ ba hay không.
1. Tạo một trang web và cài đặt các plugin cần thiết
Trước khi bắt đầu tạo khóa học trực tuyến, bạn cần thiết lập trang web WordPress cơ bản và cài đặt các plugin bạn cần.
Định cấu hình WordPress
Nếu bạn chưa thiết lập WordPress, bước đầu tiên của bạn là chọn lưu trữ WordPress và cài đặt phần mềm WordPress.
Khi bạn đã mua dịch vụ lưu trữ, hãy sử dụng trình cài đặt WordPress của nhà cung cấp dịch vụ lưu trữ để tạo một trang WordPress mới cho khóa học trực tuyến của bạn.
Cài đặt các plugin
Khi bạn đã có trang web WordPress cơ bản, bước tiếp theo là cài đặt và cấu hình các plugin cần thiết.
Dưới đây là các plugin bắt buộc và tùy chọn mà bạn sẽ cần để tạo một khóa học:
Elementor - bắt buộc - plugin Elementor cơ bản miễn phí cho phép bạn thiết kế nội dung khóa học và các trang khác bằng trình chỉnh sửa trực quan, kéo và thả.
Elementor Pro - tùy chọn - bạn sẽ cần cài đặt Elementor Pro nếu bạn muốn sử dụng Elementor Theme Builder để thiết kế trang web của mình. Tuy nhiên, bạn chỉ cần phiên bản Elementor miễn phí để thiết kế các khóa học Tutor LMS của mình.
Gia sư LMS - bắt buộc - plugin Tutor LMS miễn phí cung cấp công cụ để cung cấp sức mạnh cho tất cả nội dung khóa học, bài học, câu đố, quản lý sinh viên / giảng viên, v.v. Về cơ bản tất cả các chức năng của khóa học. Nó sẽ khởi chạy trình hướng dẫn thiết lập ngay sau khi bạn kích hoạt - hãy đảm bảo làm theo các bước để thiết lập một số điều cơ bản quan trọng cho khóa học của bạn.
LMS Pro Tutor - tùy chọn - bạn không cần phiên bản cao cấp để tham gia khóa học này. Nhưng nếu việc bổ sung nhiều tính năng như vậy có thể đưa các khóa học của bạn lên một tầm cao mới, thì bạn có thể cần phải cân nhắc.
Tutor LMS Elementor Addons - bắt buộc - plugin miễn phí này cung cấp cho bạn hơn 25 tiện ích Elementor cho phép bạn thiết kế khóa học trực tuyến của mình bằng Elementor.
WooCommerce - bắt buộc nếu bạn muốn chấp nhận thanh toán - bạn sẽ cần WooCommerce nếu bạn muốn kiếm tiền từ các khóa học của mình và chấp nhận thanh toán một lần hoặc định kỳ. Nếu bạn cần trợ giúp thiết lập, hãy xem hướng dẫn của chúng tôi về Cách cài đặt và định cấu hình WooC Commerce
Elementor - bắt buộc - plugin Elementor cơ bản miễn phí cho phép bạn thiết kế nội dung khóa học và các trang khác bằng trình chỉnh sửa trực quan, kéo và thả.
Elementor Pro - tùy chọn - bạn sẽ cần cài đặt Elementor Pro nếu bạn muốn sử dụng Elementor Theme Builder để thiết kế trang web của mình. Tuy nhiên, bạn chỉ cần phiên bản Elementor miễn phí để thiết kế các khóa học Tutor LMS của mình.
Gia sư LMS - bắt buộc - plugin Tutor LMS miễn phí cung cấp công cụ để cung cấp sức mạnh cho tất cả nội dung khóa học, bài học, câu đố, quản lý sinh viên / giảng viên, v.v. Về cơ bản tất cả các chức năng của khóa học. Nó sẽ khởi chạy trình hướng dẫn thiết lập ngay sau khi bạn kích hoạt - hãy đảm bảo làm theo các bước để thiết lập một số điều cơ bản quan trọng cho khóa học của bạn.
LMS Pro Tutor - tùy chọn - bạn không cần phiên bản cao cấp để tham gia khóa học này. Nhưng nếu việc bổ sung nhiều tính năng như vậy có thể đưa các khóa học của bạn lên một tầm cao mới, thì bạn có thể cần phải cân nhắc.
Tutor LMS Elementor Addons - bắt buộc - plugin miễn phí này cung cấp cho bạn hơn 25 tiện ích Elementor cho phép bạn thiết kế khóa học trực tuyến của mình bằng Elementor.
WooCommerce - bắt buộc nếu bạn muốn chấp nhận thanh toán - bạn sẽ cần WooCommerce nếu bạn muốn kiếm tiền từ các khóa học của mình và chấp nhận thanh toán một lần hoặc định kỳ. Nếu bạn cần trợ giúp thiết lập, hãy xem hướng dẫn của chúng tôi về Cách cài đặt và định cấu hình WooC Commerce
Chọn một chủ đề
Cuối cùng, bạn cũng cần phải cấu hình thiết kế cơ bản của khóa học của mình. Chúng tôi sẽ chỉ cho bạn cách thiết kế các trang khóa học của bạn bằng Elementor trong phần sau của hướng dẫn, nhưng bạn cần phải định cấu hình thiết kế cơ bản của trang chủ và các trang chính khác.
Bạn có một vài lựa chọn ở đây.
Trước hết, bạn cần sử dụng chủ đề xin chào miễn phí sau đó nhập Bộ mô hình KHÓA HỌC TRỰC TUYẾN Elementor. Đây là một bộ mẫu toàn diện sẽ giúp bạn thiết lập tất cả các trang chính trong khóa học của mình và cho phép bạn sử dụng Elementor Theme Builder để tùy chỉnh thiết kế trang web của mình.
Hoặc, bạn có thể sử dụng chủ đề LMS dành riêng cho Tutor như TutorStarter, có các bản trình diễn được tạo bằng Elementor. Bạn có thể nhập bất kỳ bản demo nào và sau đó tùy chỉnh mọi thứ bằng giao diện của Elementor.
Đối với hướng dẫn này, chúng tôi sẽ sử dụng một trong các bản trình diễn của TutorStarter - tuy nhiên, bạn có thể chọn cách tiếp cận bạn thích.
Đây là những gì nhập một trong các thiết kế Elementor của TutorStarter trông như thế nào:
Định cấu hình nội dung khóa học
Bây giờ bạn đã sẵn sàng để cấu hình nội dung khóa học và các bài học của mình. Sau đó, trong phần tiếp theo, bạn sẽ học cách kiểm soát thiết kế nội dung khóa học của mình bằng Elementor.
Tạo một khóa học
Để tạo khóa học đầu tiên của bạn, hãy truy cập Tutor LMS → Khóa học → Thêm mới.
Đầu tiên, hãy điền vào tất cả các chi tiết cơ bản về khóa học của bạn, chẳng hạn như tiêu đề, mô tả, danh mục / thẻ, tùy chọn trong khu vực Cài đặt của khóa học. Tất nhiên và các tùy chọn trong khu vực Dữ liệu bổ sung. Bạn cũng có thể đặt một video giới thiệu khóa học chuyên dụng:
Khi bạn đã hoàn thành việc đó, bạn có thể định cấu hình cấu trúc khóa học của mình bằng cách sử dụng hộp. Người xây dựng khóa học bằng cách kéo và thả.
Bạn có thể chia khóa học của mình thành các “chủ đề” khác nhau. Bên trong mỗi chủ đề, bạn có thể thêm bài học, bài tập về nhà, bài học trực tiếp và câu đố. Đây là một sơ đồ cho thấy nó hoạt động như thế nào:
Để bắt đầu, hãy thêm một phần mới trong khu vực của người xây dựng khóa học. Bên trong mỗi chủ đề, bạn sẽ thấy lời nhắc thêm bài học hoặc câu đố. Với Tutor LMS Pro, bạn cũng sẽ thấy các tùy chọn cho bài học về nhà và các bài học thu phóng trực tiếp.
Nếu bạn cần thay đổi thứ tự của bất kỳ thứ gì, bạn có thể sử dụng tính năng kéo và thả:
Thêm nội dung bài học
Để thêm một bài học và kiểm tra nội dung của nó, hãy nhấp vào liên kết bài học tại tòa áns của người xây dựng. Thao tác này sẽ mở một cửa sổ bật lên nơi bạn có thể:
Thêm tên bài học.
Giới thiệu nội dung văn bản của bài học trong trình soạn thảo.
Xác định video bài học. Nói chung, bạn sẽ cầnnhúng video từ YouTube hoặc Vimeo. Tutor LMS cung cấp tùy chọn sử dụng trình phát video của riêng mình, điều này sẽ ngăn khách truy cập chia sẻ video khóa học của bạn nếu bạn không muốn.
Tải xuống tệp đính kèm nếu cần thiết.
Sau đó, bạn sẽ thấy bài học của mình xuất hiện dưới chủ đề trong trình tạo bài học.
Lặp lại quy trình để thêm bất kỳ bài học nào bạn muốn đưa vào khóa học của mình. Một lần nữa, nếu bạn cần thay đổi thứ tự của các bài học hoặc chuyển chúng sang chủ đề khác, bạn có thể sử dụng tính năng kéo và thả.
Thêm câu đố (tùy chọn)
Nếu bạn muốn thêm câu đố vào khóa học của mình, nó hoạt động giống như thêm một bài học. Để bắt đầu, bạn sẽ nhấp vào liên kết Đố trong phần mà bạn muốn thêm câu đố. Thao tác này sẽ mở ra một cửa sổ bật lên, nơi bạn có thể thiết lập bài kiểm tra của mình và thêm câu hỏi.
Bạn có thể thêm số lượng câu hỏi không giới hạn và chọn từ các loại câu hỏi khác nhau. Bạn cũng sẽ nhận được các cài đặt khác, chẳng hạn như gán giá trị điểm cho câu hỏi để tính điểm:
Để truy cập các loại câu hỏi đố vui khác, bạn có thể nâng cấp lên phiên bản cao cấp của Tutor LMS. Nó bao gồm các loại câu hỏi mới cho câu trả lời ngắn, trận đấu, kết hợp hình ảnh, câu trả lời bằng hình ảnh, v.v.
Trong cài đặt bài kiểm tra, bạn cũng sẽ có thể định cấu hình các chi tiết như:
Sự chậm trễ.
Các chế độ phản hồi.
Cho dù các nỗ lực mới có được phép hay không. Nếu có, bao nhiêu.
Điểm vượt qua.
Vv ...
Sau khi hoàn thành, bạn sẽ thấy bài kiểm tra của mình xuất hiện trong Người xây dựng khóa học. Bạn có thể lặp lại quy trình để thêm nhiều câu đố hơn và sử dụng kéo và thả để thay đổi vị trí của chúng trong khóa học nếu cần.
Xem trước khóa học của bạn và xuất bản nó
Khi bạn hài lòng với cấu trúc của khóa học của mình trong người xây dựngCác lớp học, bạn đã sẵn sàng để xem trước và xuất bản khóa học của mình.
Để xem trước nó, chỉ cần nhấp vào Tùy chọn xem trước ở góc trên bên phải như bạn sẽ sử dụng nó để xem trước bất kỳ loại nội dung WordPress nào khác. Đừng lo lắng quá nhiều về thiết kế - bạn sẽ học cách kiểm soát điều đó tiếp theo. Bạn chỉ cần đảm bảo rằng cấu trúc tổng thể của khóa học của bạn trông đúng và bạn đã thêm tất cả các chi tiết cần thiết.
Khi bạn hài lòng với mọi thứ, bạn có thể nhấp vào nút xuất bản để xuất bản khóa học của bạn:
Thiết kế khóa học của bạn với Elementor
Tại thời điểm này, bạn đã thêm tất cả nội dung khóa học của mình vào phần phụ trợ của trang web. Bây giờ bạn đã sẵn sàng hiển thị nội dung này trên giao diện người dùng bằng Elementor.
Bên cạnh việc cho phép bạn thiết kế các phần khác của trang web, việc tích hợp Elementor của Tutor LMS cung cấp cho bạn hai cách để thiết kế các mẫu cho các khóa học của bạn:
Bạn có thể tạo một mẫu chung áp dụng cho tất cả các khóa học.
Bạn có thể ghi đè lên mẫu tổng thể cho các khóa học riêng lẻ để tạo một thiết kế tùy chỉnh.
Trước tiên, hãy xem cách thiết kế các mẫu khóa học của bạn, sau đó chúng tôi sẽ đề cập đến các lĩnh vực khác, chẳng hạn như tạo một trang để giới thiệu các khóa học của bạn.
Bật Elementor cho nội dung LMS của Tutor
Để bắt đầu, bạn cần nói với Elementor rằng bạn muốn sử dụng nó cho nội dung LMS của Tutor. Để định cấu hình điều này, hãy truy cập Elementor → Cài đặt. Trong tab Chung, đánh dấu vào các hộp sau trong danh sách Các loại nội dung :
Tất nhiên
bài học
Đố
nhiệm vụ
Tạo một mẫu chung cho các khóa học của bạn
Sau đó, bạn có thể sử dụng Elementor để tạo mẫu tổng thể mà tất cả các khóa học của bạn sẽ sử dụng theo mặc định.
Để bắt đầu, hãy đến khu vực mô hình từ trang tổng quan của bạn và nhấp vào Thêm On. Trong cửa sổ bật lên, hãy chọn Trang trong danh sách thả xuống, sau đó chọn hộp Mẫu khóa học Tutor LMS duy nhất. Sau đó, bạn có thể đặt tên cho nó để giúp bạn nhớ nó:
Bây giờ bạn sẽ ở trong giao diện Elementor. Để thêm nội dung khóa học, bạn có thể sử dụng các widget LMS dành riêng cho Tutor.
Khi bạn thêm chúng, Tutor LMS sẽ tự động điền chúng vào nội dung khóa học thực tế của bạn, giống như sử dụng Elementor Theme Builder:
Bạn nên sử dụng hầu hết các widget, mặc dù bạn có thể bỏ qua một số widget nếu không muốn hiển thị thông tin này. Một tiện ích mà bạn không muốn bỏ qua là hộp đăng ký khóa họcbởi vì đó là những gì khách truy cập sẽ sử dụng để đăng ký khóa học.
Bạn cũng có thể sử dụng tất cả các widget Elementor khác, vì vậy hãy thoải mái sáng tạo với thiết kế của mình.
Khi bạn hài lòng với giao diện của nó, hãy nhấp vào xuất bản.
Tạo thiết kế tùy chỉnh cho một khóa học (tùy chọn)
Nếu cần, bạn cũng có thể sử dụng Elementor để ghi đè lên mẫu khóa học tổng thể cho một khóa học riêng lẻ.
Để làm điều này, hãy mở trình chỉnh sửa khóa học (Gia sư LMS → Khóa học). Sau đó bấm vào nút Chỉnh sửa bằng phần tử để mở giao diện Elementor cho khóa học này:
Tạo trang lưu trữ khóa học của bạn (danh sách khóa học)
Nếu bạn có nhiều khóa học, trang lưu trữ khóa học của bạn là trang liệt kê tất cả các khóa học của bạn để khách truy cập có thể xem mọi thứ mà bạn cung cấp.
Nếu bạn có nhiều khóa học, bạn có thể cần tạo một trang lưu trữ khóa học chuyên dụng. Hoặc, có thể bạn chỉ cần bao gồm danh sách các khóa học trên một trang khác (như trang chủ của bạn). Hoặc, bạn có thể phải làm cả hai!
Để giúp bạn xem tất cả hoặc một phần các khóa học của mình, Tutor LMS đi kèm với hai tiện ích Elementor chuyên dụng, mỗi tiện ích có nhiều tùy chọn phụ:
Danh sách các khóa học
Tuyến đường băng chuyền
Với tiện ích Danh sách các khóa học, bạn có thể hiển thị một danh sách đơn hoặc nhiều cột của tất cả các khóa học của mình với bốn “giao diện” khác nhau:
cổ điển
Carte
Xếp chồng lên nhau
Chồng lên nhau
Trong cài đặt widget, bạn cũng sẽ nhận được nhiều tùy chọn khác để kiểm soát siêu dữ liệu, nút đăng ký, phân trang, v.v ... Nếu bạn có nhiều khóa học, bạn cũng có thể sử dụng quy tắc truy vấn để lọc các khóa học cụ thể theo danh mục hoặc giảng viên.
Tiện ích Băng chuyền khóa học có các tùy chọn và giao diện cơ bản giống nhau, nhưng nó hiển thị các khóa học của bạn ở dạng xem băng chuyền thay vì danh sách.
Bạn sẽ nhận được các tùy chọn bổ sung để điều khiển điều hướng, tự động phát, vòng lặp vô hạn, v.v.:
Ngoài việc sử dụng các tiện ích Elementor này để liệt kê các khóa học của mình, bạn cũng có thể chỉ định một trang lưu trữ khóa học thực tế nếu bạn điều hướng đến Tutor LMS → Cài đặt → Khóa học.
4. Phí tham gia khóa học (tùy chọn)
Nếu bạn chỉ muốn cung cấp các bài học miễn phí, bạn không phải cấu hình bất kỳ thứ gì trong phần này. Nhưng nếu bạn muốn tính phí để truy cập vào các khóa học của mình, bạn cần phải thiết lập nó ngay bây giờ.
Tutor LMS cung cấp một số tùy chọn để chấp nhận thanh toán, bao gồm WooCommerce, Easy Digital Downloads (EDD) và Paid Memberships Pro. Tuy nhiên, đối với phần này, chúng tôi sẽ tập trung vào tích hợp WooCommerce.
Bạn có thể chấp nhận thanh toán một lần bằng plugin WooCommerce cơ bản. Nếu bạn muốn chấp nhận thanh toán định kỳ tự động, bạn sẽ cần mua plugin phổ biến. Đăng ký WooCommerce.
Để tính phí truy cập vào khóa học của bạn, bạn sẽ tạo một sản phẩm WooCommerce thông thường và liên kết nó với một trong các khóa học của bạn. Sau đó, thông tin chi tiết về sản phẩm đó sẽ xuất hiện trên trang danh sách khóa học của bạn và sinh viên có thể mua nó bằng cách sử dụng thanh toán WooCommerce thông thường (và bất kỳ cổng thanh toán nào khác mà bạn đã thiết lập).
Khi bạn đã thiết lập các khái niệm cơ bản về WooCommerce, đây là cách thiết lập nó với Tutor LMS.
Bật tính năng kiếm tiền
Trước tiên, bạn cần bật tính năng kiếm tiền trong cài đặt Tutor LMS. Đi đến Tutor LMS → Cài đặt → Kiếm tiền và xác định tùy chọn Kiếm tiền sur WooCommerce:
Tạo sản phẩm WooCommerce
Bây giờ đi đến Sản phẩm → Thêm để tạo ra sản phẩm mà bạn sẽ liên kết đến khóa học của mình.
Bạn không cần phải điền vào tất cả các thông tin sản phẩm giống như bạn làm với một cửa hàng WooCommerce thực sự. Thay vào đó, chỉ cần tập trung vào:
Tiêu đề
Mô tả
Hình ảnh sản phẩm (nó sẽ xuất hiện trên trang thanh toán, nhưng nó sẽ không hiển thị trên trang khóa học của bạn)
Giá (hoặc, nếu bạn có đăng ký WooCommerce, chi tiết đăng ký)
Liên kết sản phẩm với khóa học của bạn
Khi bạn đã tạo sản phẩm, hãy mở trình chỉnh sửa khóa học mà bạn muốn liên kết đến sản phẩm đó. Cuộn xuống khu vực Thêm sản phẩm ở cuối trình chỉnh sửa khóa học.
Xác định Loại khóa học sur Thanh toán, sau đó sử dụng danh sách thả xuống để chọn sản phẩm WooCommerce bạn đã tạo trong phần trước:
Và đó là tất cả ! Để hiển thị giá khóa học trong mẫu khóa học, bạn có thể sử dụng tiện ích Giá khóa học trong Elementor. Đối với các khóa học trả phí, tiện ích Hộp đăng ký đến khóa học sẽ tự động chuyển sang "Thêm vào giỏ hàng" để mời người dùng mua khóa học và đăng ký.
Lorsque les étudiants vérifieront, ils verront le processus de paiement WooCommerce normal. Une fois qu’ils ont fait leur achat, ils seront automatiquement inscrits au cours – vous avez également la possibilité de les rediriger automatiquement vers la page du cours.
5. Định cấu hình các cài đặt bổ sung nếu cần
Tại thời điểm này, chúng tôi đã đề cập đến tất cả các tính năng cơ bản mà bạn cần để thiết lập và chạy một khóa học. Để kết thúc mọi thứ, bạn cần khám phá cài đặt của Tutor LMS và thực hiện một vài thay đổi khác nếu cần. Đây là nơi bạn có thể tìm hiểu và tùy chỉnh khóa học của mình để đáp ứng nhu cầu của bạn.
Nhưng trước khi chuyển sang cài đặt Tutor LMS, cần phải hoàn thành một cài đặt WordPress thông thường.
Bật ghi âm trong cài đặt WordPress
Để cho phép sinh viên đăng ký các khóa học của bạn, bạn phải đảm bảo rằng bạn đã bật đăng ký trong khu vực cài đặt WordPress. Bạn có thể làm điều này bằng cách đi tới Cài đặt → Chung và bằng cách chọn hộp thành viên để mọi người có thể đăng ký:
Ngoài nút đăng ký trên các khóa học riêng lẻ, Tutor LMS còn cho phép bạn tạo trang đăng ký để học viên có thể tạo tài khoản. Bạn có thể chỉ định trang này bằng cách truy cập Tutor LMS → Cài đặt → Người học.
Để tạo điều kiện kết nối người học, bạn cũng có thể sử dụng tiện ích Đăng nhập trong Elementor Pro để thêm biểu mẫu đăng nhập ở bất kỳ đâu trên trang web của bạn. Tiện ích Đăng nhập cũng cho phép bạn chuyển hướng người dùng đến một trang tùy chỉnh sau khi họ đăng nhập, để bạn có thể tự động chuyển hướng họ đến trang tổng quan tài khoản của họ.
Định cấu hình cài đặt khóa học chung
Bây giờ chúng ta hãy xem xét một số cài đặt khác trong khu vực Cài đặt LMS của Tutor.
Trong các tab Chung,Khóa học,bài học et Đố, bạn có thể cấu hình các cơ sở quan trọng cho các khu vực này.
Ví dụ: bạn có thể muốn sử dụng trình phát video YouTube gốc thay vì trình phát video tùy chỉnh của Tutor LMS. Bạn có thể định cấu hình nó từ tab Chung. Hoặc, bạn có thể tự động chuyển hướng người dùng đến khóa học của họ sau khi hoàn thành mua hàng WooCommerce trong Khóa học.
Nous vous encourageons à explorer tous ces paramètres, car vous trouverez peut-être des options utiles pour vos cours.
Cho phép nhiều người hướng dẫn
Cho đến nay, chúng tôi chủ yếu tập trung vào ý tưởng tạo một khóa học với một người hướng dẫn duy nhất (ví dụ: bạn hoặc khách hàng của bạn). Nhưng Tutor LMS cũng cho phép bạn ủy quyền cho nhiều người hướng dẫn, bao gồm cả tùy chọn chia hoa hồng. Điều này sẽ cho phép bạn thuê nhiều người hướng dẫn dưới thương hiệu của riêng bạn hoặc tạo bản sao Udemy của riêng bạn, nơi bạn cho phép những người hướng dẫn bên thứ ba đăng ký và tạo các khóa học của riêng họ.
Nếu bạn muốn cho phép nhiều người hướng dẫn, bạn có thể định cấu hình nó từ tab Giảng viên trong cài đặt Tutor LMS. Bạn cũng có thể chỉ định trang đăng ký giảng viên và chọn xem giảng viên có trực tiếp xuất bản các khóa học của riêng họ hay không:
Cho đến nay, chúng tôi chủ yếu tập trung vào ý tưởng tạo một khóa học với một người hướng dẫn duy nhất (ví dụ: bạn hoặc khách hàng của bạn). Nhưng Tutor LMS cũng cho phép bạn ủy quyền cho nhiều người hướng dẫn, bao gồm cả tùy chọn chia hoa hồng. Điều này sẽ cho phép bạn thuê nhiều người hướng dẫn dưới thương hiệu của riêng bạn hoặc tạo bản sao Udemy của riêng bạn, nơi bạn cho phép những người hướng dẫn bên thứ ba đăng ký và tạo các khóa học của riêng họ.
Nếu bạn muốn cho phép nhiều người hướng dẫn, bạn có thể định cấu hình nó từ tab Giảng viên trong cài đặt Tutor LMS. Bạn cũng có thể chỉ định trang đăng ký giảng viên và chọn xem giảng viên có trực tiếp xuất bản các khóa học của riêng họ hay không:
Nếu bạn muốn cung cấp cho người hướng dẫn một khoản hoa hồng trên doanh thu khóa học mà họ tạo ra, bạn có thể thiết lập nó từ tab Thu nhập. Bạn cũng có thể chỉ định số tiền rút tối thiểu và chọn phương thức rút tiền trong tab Rút tiền.
Và đó là tất cả ! Bây giờ bạn có một khóa học trực tuyến đang làm việc được cung cấp bởi Elementor và Tutor LMS.
Cách quản lý khóa học trực tuyến của bạn (thanh toán, tích hợp, v.v.)
Bây giờ bạn đã thiết lập khóa học trực tuyến của mình và tạo một thiết kế đẹp với Elementor, hãy chuyển sang cách bạn có thể quản lý các phần chính của khóa học hàng ngày. Điều này bao gồm các hành động như:
Quản lý và tích hợp sinh viên mới.
Xem / quản lý các khoản thanh toán và thu nhập.
Quản lý người hướng dẫn (nếu bạn đã quyết định ủy quyền cho nhiều người hướng dẫn).
Quản lý và tích hợp sinh viên mới
Tại thời điểm này, sinh viên của bạn sẽ có thể đăng ký tài khoản và đăng ký các khóa học miễn phí hoặc trả phí của riêng họ.
Họ cũng sẽ nhận được bảng điều khiển của riêng mình, nơi họ có thể xem các khóa học đã đăng ký, để lại đánh giá và truy cập các chi tiết chính khác:
Là chủ sở hữu khóa học, bạn cũng sẽ nhận được các công cụ để quản lý và tương tác với học viên của mình. Bạn có thể thực hiện việc này từ trang tổng quan chính của WordPress hoặc trang tổng quan giao diện người dùng của tài khoản của bạn (điều này đặc biệt hữu ích nếu bạn cho phép người hướng dẫn bên thứ ba).
Một lĩnh vực tương tác chính là Câu hỏi và câu trả lời. Sinh viên của bạn có tùy chọn để lại câu hỏi về mỗi khóa học / bài học và sau đó bạn có thể trả lời những câu hỏi này từ trang tổng quan của mình (phụ trợ hoặc giao diện người dùng).
Bạn cũng có thể tạo thông báo, cho phép bạn gửi tin nhắn đến tất cả học viên trong một khóa học. Một lần nữa, bạn có thể thực hiện việc này từ backend hoặc frontend tùy thuộc vào sở thích của bạn.
Bạn cũng sẽ nhận được các khu vực bảng điều khiển khác để xem danh sách sinh viên của mình, xem các lần thử bài kiểm tra và thực hiện các hành động quản trị chính khác.
Với Tutor LMS Pro và tiện ích bổ sung Báo cáo gia sư, bạn cũng sẽ nhận được một bảng điều khiển chuyên dụng với tổng quan về các khóa học và tùy chọn của bạn để theo dõi đăng ký và số liệu thống kê theo thời gian, điều này rất hữu ích để phát hiện các xu hướng trong các bài học của bạn:
Xem và quản lý các khoản thanh toán
Nếu bạn đang bán các khóa học, bạn có thể gặp các tình huống cần xem và quản lý các khoản thanh toán của mình, và thậm chí có thể hoàn lại tiền nếu cần.
Vì bạn đang sử dụng WooCommerce để quản lý các khoản thanh toán cho Tutor LMS, bạn có thể xem tất cả các chi tiết này từ cài đặt WooCommerce - WooCommerce → Đơn hàng để xem các lệnh cụ thể hoặc WooCommerce → báo cáo để xem các báo cáo toàn cầu.
Nếu bạn sử dụng WooCommerce Thành Viên đối với các khoản thanh toán định kỳ, bạn cũng có thể theo dõi và quản lý các gói đăng ký.
Bạn hoặc người hướng dẫn của bạn cũng có thể theo dõi thu nhập từ bảng điều khiển giao diện người dùng. Nếu bạn cho phép người hướng dẫn bên thứ ba và trả tiền hoa hồng, họ cũng sẽ có thể xem lịch sử thu nhập và rút tiền của mình.
Quản lý giảng viên
Nếu bạn cho phép những người hướng dẫn khác tạo các khóa học, bạn có thể quản lý tất cả những người hướng dẫn của mình bằng cách truy cập Tutor LMS → Giảng viên trong bảng điều khiển WordPress của bạn. Bạn có thể thêm người hướng dẫn mới theo cách thủ công, chỉnh sửa người hướng dẫn hiện có và chặn người hướng dẫn nếu cần.
Tạo khóa học trực tuyến của riêng bạn với Elementor và Tutor LMS
Tạo các khóa học trực tuyến là một cách tuyệt vời để xây dựng khán giả và kiếm tiền từ kiến thức của bạn. Bạn có thể chia sẻ kiến thức của mình về thiết kế web hoặc bất kỳ chủ đề nào khác mà bạn có kinh nghiệm.
Bằng cách kết hợp Gia sư LMSet Elementor, bạn có thể tạo các khóa học độc đáo và được cá nhân hóa mà không cần kiến thức kỹ thuật đặc biệt.
Tutor LMS có thể xử lý tất cả các tính năng quan trọng của khóa học. Sau đó, với các tiện ích Tutor LMS Elementor, bạn có thể sử dụng giao diện kéo và thả trực quan của Elementor để thiết kế nội dung và mẫu khóa học của mình.
Bắt đầu tạo khóa học đầu tiên của bạn ngay hôm nay và bạn sẽ thiết lập và chạy ngay lập tức.
Vì thế ! Đó là vì bài viết này hướng dẫn bạn cách tạo một khóa học trực tuyến với Tutor LMS và Elementor. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.
Bạn có muốn tìm hiểu cách tạo trang lưu trữ tác giả trong Elementor không?
Bạn có một trang web nhiều tác giả và muốn cung cấp cho nó một thiết kế mới với Elementor?
Nếu vậy thì đây là một ý tưởng tuyệt vời vì Elementor cho phép mọi người trở thành nhà thiết kế web mà không cần phải có kỹ năng CSS. Khi nói đến trang web nhiều tác giả, một trong những điều bạn có thể muốn suy nghĩ lại là trang lưu trữ tác giả.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo trang lưu trữ tác giả tùy chỉnh trong WordPress bằng Elementor.
Elementor - như bạn có thể biết - đi kèm với tính năng trình tạo chủ đề cho phép bạn tạo các phần tùy chỉnh của chủ đề, bao gồm cả trang lưu trữ tác giả. Hai tiện ích con chính mà bạn có thể sử dụng để tạo trang lưu trữ tác giả tùy chỉnh với Elementor là:
Hộp tác giả
Lưu trữ bài viết
Tiện ích Hộp tác giả sẽ tải hồ sơ của tác giả hiện tại. Nó sẽ tải thông tin theo các trường meta tác giả đã điền (chẳng hạn như tên, ảnh hồ sơ, tiểu sử, v.v.). Trong khi tiện ích Lưu trữ Bài đăng hiển thị các bài đăng được viết bởi tác giả được liên kết.
Tất nhiên, ngoài hai widget trên, bạn cũng có thể thêm các widget khác theo ý thích của mình để làm nổi bật trang lưu trữ tác giả tùy chỉnh của mình.
Cách tạo trang lưu trữ tác giả tùy chỉnh trong WordPress bằng Elementor
Trước khi bắt đầu, hãy đảm bảo rằng bạn đã nâng cấp Elementor của mình lên phiên bản chuyên nghiệp trong trường hợp bạn chưa nâng cấp vì tính năng trình tạo chủ đề này chỉ khả dụng trên Elementor Pro.
Khi bạn đã sẵn sàng, hãy đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Mẫu -> Trình tạo Chủ đề. Bạn sẽ được chuyển hướng đến trang xây dựng chủ đề của Elementor. Bấm vào tab Lưu trữ trong bảng điều khiển bên trái, sau đó bật Thêm mới ở góc trên bên phải để tạo mẫu lưu trữ.
Elementor cung cấp hàng chục mẫu lưu trữ được tạo sẵn để bạn lựa chọn. Chỉ cần chọn một mô hình bạn thích. Nếu bạn muốn tạo mẫu lưu trữ từ đầu, bạn chỉ cần đóng thư viện mẫu. Trong ví dụ này, chúng tôi sẽ tạo mẫu lưu trữ từ đầu. Đóng thư viện mẫu.
Trong ví dụ này, chúng tôi sẽ tạo một trang lưu trữ tác giả đơn giản chỉ bao gồm hai tiện ích con. Một lần nữa, bạn có thể thêm bất kỳ yếu tố nào theo ý thích của mình để làm cho trang lưu trữ tác giả được cá nhân hóa của bạn hấp dẫn hơn.
Bắt đầu bằng cách thêm một phần mới bằng cách nhấp vào nút dấu cộng trong vùng canvas.
Tác giả Hộp tiện ích
Thêm tiện ích Hộp tác giả bằng cách kéo nó từ bảng điều khiển bên trái vào hộp chỉnh sửa.
Chuyển đến bảng điều khiển bên trái để tùy chỉnh tiện ích con. Trong tùy chọn nguồn dưới khối Thông tin tác giả, để nó như mặc định. Để tắt / bật một số thông tin meta (chẳng hạn như ảnh hồ sơ, tên hiển thị và tiểu sử), bạn chỉ cần kéo các nút chuyển đổi.
Từ khối này bạn có thể thay đổi bố cục cũng như căn chỉnh thông tin tác giả.
Để tạo kiểu cho tiện ích con, bạn có thể truy cập vào tab Phong cách. Có 3 khối tham số bạn có thể mở:
hình ảnh
Bạn có thể mở khối này để đặt căn chỉnh ảnh hồ sơ, kích thước, khoảng cách giữa ảnh hồ sơ và tiểu sử tác giả, bán kính đường viền và bóng hộp.
bản văn
Bạn có thể mở khối này để xác định kiểu chữ của tên tác giả và tiểu sử. Bạn có thể đặt những thứ như kích thước phông chữ, họ phông chữ, kiểu phông chữ và màu văn bản. Bạn cũng có thể đặt khoảng cách giữa tên tác giả và tiểu sử của tác giả.
nút
Nếu bạn kích hoạt nút lưu trữ, bạn có thể mở khối này để tùy chỉnh nó. Bạn có thể đặt những thứ như màu nền, màu văn bản của nút, bán kính đường viền và tô màu.
Bài đăng lưu trữ tiện ích con
Thêm tiện ích Lưu trữ Bài đăng bằng cách kéo nó từ bảng điều khiển bên trái vào hộp chỉnh sửa. Sau khi thêm, bạn có thể chuyển đến bảng điều khiển bên trái để tùy chỉnh tiện ích. Trong khối Bố trí dưới tab Nội dung, bạn có thể xác định vùng da, số cột, vị trí của hình ảnh, kích thước của hình ảnh, tỷ lệ khung hình, độ dài của phần trích xuất, v.v.
Bạn có thể mở khối Sự đánh số trang để xác định phân trang và khối Nâng cao để xác định một thông báo tùy chỉnh nếu kho lưu trữ không chứa nội dung.
Để tùy chỉnh tiện ích Lưu trữ Bài đăng, bạn có thể mở tab Phong cách. Có 5 khối tham số mà bạn có thể thao tác:
Bố trí
Bạn có thể mở khối này để xác định khoảng cách giữa các hàng và cột. Bạn cũng có thể thiết lập sự liên kết của nội dung.
Hình ảnh
Bạn có thể mở khối này để tùy chỉnh hình ảnh của các tin nhắn. Bạn có thể đặt bán kính đường viền và khoảng cách giữa hình ảnh và nội dung. Bạn cũng có thể áp dụng bộ lọc CSS nếu muốn. Bạn có thể áp dụng bộ lọc CSS cho trạng thái bình thường và trạng thái di chuột.
Nội dung
Bạn có thể mở khối này để đặt kiểu chữ của tiêu đề bài đăng, meta, đoạn trích và hơn thế nữa. Bạn cũng có thể đặt khoảng cách giữa mỗi phần tử.
Sự đánh số trang
Bạn có thể mở khối này để xác định kiểu chữ và màu sắc của văn bản phân trang. Bạn có thể sử dụng các cài đặt kiểu chữ và văn bản khác nhau trên ba trạng thái khác nhau: bình thường, di chuột và hoạt động. Bạn cũng có thể đặt khoảng cách giữa các số phân trang.
Không tìm thấy tin nhắn nào
Bạn có thể mở khối này để đặt kiểu chữ và màu sắc của văn bản tin nhắn khi trang lưu trữ trống.
Khi bạn hoàn tất việc chỉnh sửa mẫu, hãy nhấp vào nút PUBLISH ở cuối bảng điều khiển bên trái. Sau đó, bạn sẽ được nhắc xác định điều kiện hiển thị. Chỉ cần nhấp vào nút THÊM ĐIỀU KIỆN.
Từ menu thả xuống, hãy chọn tác giả Lưu Trữ. Nếu bạn muốn áp dụng mẫu lưu trữ tác giả tùy chỉnh cho tất cả các tác giả trên trang web của mình, bạn có thể đặt Tất cả trong menu thả xuống thứ hai.
Ngược lại, nếu bạn muốn áp dụng mẫu lưu trữ tác giả tùy chỉnh cho một người dùng cụ thể, bạn có thể chỉ cần chọn tác giả ưa thích của mình từ menu thả xuống thứ hai.
Bạn có thể thêm nhiều điều kiện hiển thị trong trường hợp bạn muốn áp dụng mẫu lưu trữ tác giả tùy chỉnh cho hai hoặc nhiều tác giả. Bấm vào LƯU & ĐÓNG để áp dụng các thay đổi.
Đây. Bạn đã tạo thành công trang lưu trữ tác giả tùy chỉnh trên trang web WordPress của mình bằng Elementor.
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo trang lưu trữ tác giả trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Một trong những tính năng mà WordPress cung cấp là khả năng thêm các trường tùy chỉnh. Tính năng này rất hữu ích nếu bạn muốn tạo một trang web phức tạp và động liên quan đến nhiều trường meta bổ sung mà WordPress không cung cấp theo mặc định.
Elementor(phiên bản chuyên nghiệp) hỗ trợ nội dung động cho phép bạn xử lý các trường tùy chỉnh của WordPress. Bạn có thể thêm các trường tùy chỉnh vào thiết kế Elementor của mình (trang hoặc mẫu).
Nhưng làm thế nào để bạn thêm chính các trường tùy chỉnh? Đọc để tìm hiểu thêm.
Các trường tùy chỉnh của WordPress là gì?
Trước khi chúng ta chuyển sang phần hướng dẫn, hãy đề cập đến vấn đề này trước. Trường tùy chỉnh là một tập hợp siêu dữ liệu lưu trữ thông tin bổ sung về các bài đăng trên blog, các trang, loại bài đăng tùy chỉnh hoặc phân loại.
Thông tin có thể khác nhau tùy thuộc vào mục tiêu của bạn. Ví dụ: nếu bạn muốn tạo một trang web cho thuê xe đạp, bạn có thể thêm thông tin như giá giờ, địa điểm đón, địa điểm trả khách, ngày đón, ngày trả khách, v.v.
Hoặc, nếu bạn muốn xây dựng một trang web đánh giá phim, bạn có thể thêm thông tin như xếp hạng, thể loại và tóm tắt đánh giá.
Trong ví dụ trên, điểm số,thể loại và bản tóm tắt của sự chỉ trích được gọi là các trường tùy chỉnh.
Bạn có thể tự hỏi tại sao không chỉ thêm điểm, thể loại và tóm tắt đánh giá vào trình chỉnh sửa WordPress?
Tất nhiên bạn có thể. Tuy nhiên, hãy tưởng tượng nếu bạn muốn tạo danh sách "những bộ phim hay nhất mọi thời đại" và bạn muốn người dùng của mình có thể sắp xếp phim theo điểm số, tiêu đề hoặc thể loại.
Làm thế nào bạn có thể làm điều đó?
Đây là cách các trường tùy chỉnh phát huy tác dụng. Các trường tùy chỉnh cung cấp tính linh hoạt hơn cho việc sắp xếp và quản lý nội dung trên trang web WordPress của bạn.
Các trường tùy chỉnh đặc biệt quan trọng đối với các trang web phức tạp như trang web danh sách bất động sản hoặc trang web đại lý du lịch, vì bạn sẽ có thể cung cấp tốt hơn trải nghiệm người dùng, chẳng hạn như khả năng sắp xếp bài viết theo giá, đánh giá, cài đặt, v.v.
Để tận dụng tối đa các trường tùy chỉnh, bạn cũng có thể tạo loại bài đăng tùy chỉnh.
Un loại bài tùy chỉnh cho phép bạn tạo một loại nội dung mới trên trang web WordPress của mình khác với các loại nội dung mặc định do WordPress cung cấp, chẳng hạn như các bài đăng trên blog và các trang.
Nếu bạn đang sử dụng WooCommerce, đây là một ví dụ hoàn hảo về việc triển khai các trường tùy chỉnh và loại bài đăng tùy chỉnh.
Cách thêm các trường tùy chỉnh trong Elementor
Có hai plugin WordPress mà chúng tôi đề xuất nếu bạn muốn thêm các trường tùy chỉnh trong Elementor hoặc WordPress nói chung:
ACF là một giải pháp tuyệt vời nếu bạn đang tìm kiếm một plugin miễn phí để thêm các trường tùy chỉnh trong Elementor, nhưng Elementor Pro là bắt buộc. ACF có hỗ trợ tích hợp gốc với Elementor Pro.
Là một plugin trả phí, Động cơ phản lực cung cấp nhiều tính năng hơn ACF. Bên cạnh việc tạo các trường tùy chỉnh, bạn cũng có thể sử dụng nó để tạo các loại bài đăng tùy chỉnh, phân loại tùy chỉnh, biểu mẫu tùy chỉnh và các mục danh sách.
Thêm các trường tùy chỉnh trong Elementor bằng ACF
Trước khi bạn có thể thêm các trường tùy chỉnh bằng ACF, hãy đảm bảo rằng bạn đã cài đặt và kích hoạt plugin ACF trên trang web WordPress của mình. Phiên bản miễn phí của plugin này có sẵn trên Thư mục plugin WordPress. Ngoài ra, hãy đảm bảo rằng bạn đã nâng cấp Elementor của mình lên phiên bản chuyên nghiệp trong trường hợp bạn chưa nâng cấp.
Khi mọi thứ đã sẵn sàng, hãy truy cập ACF -> Thêm để thêm một nhóm trường tùy chỉnh mới.
Đặt tên cho nhóm điều khiển của bạn và nhấp vào nút Thêm một trường để thêm một trường tùy chỉnh.
Biểu mẫu trường tùy chỉnh sẽ mở ra sau khi bạn nhấp vào thêm một trường ở trên. Thêm các thông số cần thiết như nhãn trường, tên, loại, v.v.
Bạn có thể bấm vào nút Thêm trường để thêm các trường tùy chỉnh khác. Bạn có thể đặt thứ tự của các trường tùy chỉnh bằng cách kéo chúng lên và xuống.
Khi bạn đã hoàn tất việc thêm các trường tùy chỉnh, hãy chuyển sang phần Sự đặt vào dưới biểu mẫu trường tùy chỉnh. Xác định loại bài đăng mà bạn muốn hiển thị nhóm trường tùy chỉnh. Cho dù đó là các bài đăng trên blog, các trang, các loại bài đăng tùy chỉnh hoặc phân loại.
Sau đó vào phần thiết lập để xác định vị trí của nhóm trường tùy chỉnh, kiểu, vị trí của nhãn và vị trí của hướng dẫn. Sau khi hoàn tất, hãy nhấp vào nút xuất bản để áp dụng các trường tùy chỉnh cho loại nội dung đã chọn.
Nếu có bất kỳ trường nào bạn bỏ lỡ hoặc cài đặt bạn muốn thay đổi, bạn có thể chỉnh sửa nhóm trường tùy chỉnh của mình bằng cách đi tới ACF -> Nhóm điều khiển. Di chuột qua nhóm trường tùy chỉnh bạn muốn sửa đổi và nhấp vào liên kết Chỉnh sửa.
Thêm các loại trường tùy chỉnh được tạo bằng ACF vào thiết kế Elementor
Bạn có thể sử dụng các trường tùy chỉnh mà bạn đã tạo bằng ACF ở trên trên các thiết kế Elementor của mình. Có thể là các trang hoặc mẫu từ trình tạo chủ đề. Để làm điều đó, hãy chỉnh sửa một trang / mẫu mà bạn muốn thêm các trường tùy chỉnh của mình vào với Elementor.
Thêm tiện ích mới (tức là tiện ích Tiêu đề). Sau khi tiện ích được thêm vào, hãy chuyển đến bảng điều khiển bên trái để xác định nội dung, nhấp vào biểu tượng cơ sở dữ liệu và chọn Trường ACF.
Nhấp vào biểu tượng cờ lê và chọn trường bạn muốn thêm từ trình đơn tùy chọn thả xuống Chìa khóa.
Và bạn đã có nó, bạn vừa tạo trường tùy chỉnh của mình bằng plugin ACF.
Bạn có thể đạt được kết quả tương tự bằng cách sử dụng plugin WordPress của Elementor JetEngine.
Cuối cùng
Các trường tùy chỉnh rất quan trọng để giải phóng sức mạnh của WordPress. Nhờ chúng, bạn có thể tạo một trang web năng động và phức tạp cho thương mại điện tử, quảng cáo bất động sản, v.v.
Khả năng quản lý các trường tùy chỉnh là một trong những điều làm cho Elementor trở nên đặc biệt như một plugin tạo trang WordPress. Bạn có thể thêm nội dung động tùy chỉnh vào thiết kế của mình bằng cách tận dụng các trường tùy chỉnh.
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách thêm các trường tùy chỉnh trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Bạn muốn biết cách xử lý việc gửi biểu mẫu trong Elementor?
Elementor Pro có tiện ích Biểu mẫu mà bạn có thể sử dụng để tạo biểu mẫu. Khi bạn tạo biểu mẫu bằng tiện ích này, bạn có thể đặt biểu mẫu gửi đến địa chỉ email của mình, nhưng đối với một số nhu cầu như thăm dò ý kiến, cuộc thi ảnh hoặc bài kiểm tra, bạn cần lưu biểu mẫu gửi vào cơ sở dữ liệu thay vì gửi chúng đến email của bạn.
Thật không may, Elementor không có chức năng quản lý việc gửi biểu mẫu.
Bạn thực sự có thể kết nối biểu mẫu Elementor của mình với một dịch vụ phụ trợ của biểu mẫu, chẳng hạn như hình thức et Formcarry nhờ hỗ trợ tích hợp webhook, nhưng sẽ tốn nhiều công sức hơn và bạn sẽ phải tốn thêm tiền.
Có một giải pháp tuyệt vời nếu bạn muốn lưu các lần gửi biểu mẫu của mình vào cơ sở dữ liệu: Biểu mẫu Vibes.
Vibes Biểu mẫu là gì?
Form Vibes là một plugin WordPress mà bạn có thể sử dụng để lưu các biểu mẫu gửi vào cơ sở dữ liệu. Plugin này lý tưởng nếu bạn đang sử dụng plugin trình tạo biểu mẫu không có trình quản lý gửi mặc định như Liên hệ Biểu mẫu 7 và tiện ích Biểu mẫu của Elementor.
Bạn có thể quản lý việc gửi biểu mẫu thông qua bảng điều khiển WordPress của mình. Bên cạnh đó, bạn cũng có thể xuất chúng sang tệp CSV để xử lý thêm bằng các công cụ như Microsoft Excel hoặc các công cụ tương tự khác.
Biểu mẫu Vibes đi kèm với một tính năng phân tích để cho phép bạn theo dõi hiệu suất của biểu mẫu của mình.
Cách sử dụng Vibe biểu mẫu để quản lý việc gửi biểu mẫu trong Elementor
Bước 1: Tạo biểu mẫu mới
Tất nhiên, trước tiên bạn phải có một biểu mẫu trước khi có thể sử dụng Vibes Biểu mẫu để quản lý việc gửi biểu mẫu của mình. Để làm điều này, hãy tạo một trang và chỉnh sửa nó bằng Elementor. Bạn cũng có thể chỉnh sửa một trang hiện có. Trong trình chỉnh sửa Elementor, hãy thêm tiện ích Biểu mẫu bằng cách kéo nó từ bảng điều khiển bên trái vào khu vực chỉnh sửa.
Chuyển đến bảng điều khiển bên trái và đặt các trường biểu mẫu trên khối Trường biểu mẫu dưới tab Nội dung. Bạn có thể thêm / bớt các trường tùy theo nhu cầu của mình. Để làm cho công việc của bạn dễ dàng hơn trong việc sử dụng Vibe Biểu mẫu sau này, bạn cũng có thể đặt tên cho biểu mẫu của mình.
Sau khi định nghĩa xong các trường biểu mẫu, hãy mở khối Hành động sau khi gửi. Vì bạn muốn lưu các lần gửi biểu mẫu của mình trong cơ sở dữ liệu, bạn có thể làm trống trường Thêm hành động.
Đi tới tab Phong cách để tùy chỉnh biểu mẫu của bạn. Sau khi hoàn tất, hãy xuất bản / cập nhật trang của bạn.
Bước 2: Cài đặt và kích hoạt plugin Form Vibes
Hình thức rung cảmlà một plugin miễn phí. Nó có sẵn trên kho plugin chính thức của WordPress. Để cài đặt nó, hãy truy cập Plugin -> Thêm mới trên bảng điều khiển WordPress của bạn.
Nhập "Vibes Biểu mẫu" vào hộp tìm kiếm. Khi bạn đã tìm thấy nó, hãy nhấp vào nút cài đặt bây giờ để cài đặt nó trên trang web WordPress của bạn. Kích hoạt plugin ngay lập tức sau khi cài đặt.
Bước 3: Bắt đầu quản lý việc gửi biểu mẫu
Sau khi plugin Form Vibes được cài đặt và kích hoạt, bạn sẽ thấy một mục menu mới trên trang tổng quan WordPress của bạn có tên Hình thức rung cảm. Nhấn vào nó.
Trước khi bạn bắt đầu quản lý việc gửi biểu mẫu, hãy chuyển đến Cài đặt rung biểu mẫu -> để xác định dữ liệu người dùng bạn muốn lưu. Có 4 loại dữ liệu bạn có thể lưu:
Địa chỉ iP
Đại lý người dùng
Chế độ kiểm tra sửa lỗi
Lý do xuất CSV
Làm mới tự động
Bộ lọc độ bền
Nhấp vào nút Lưu các thiết lập để lưu các thay đổi.
Để bắt đầu quản lý việc gửi biểu mẫu của bạn, hãy truy cập Vibes biểu mẫu -> Đệ trình. Form Vibes tự động phát hiện tất cả các biểu mẫu trên trang web WordPress của bạn. Chọn biểu mẫu Elementor bạn vừa tạo ở bước 1 ở trên từ menu thả xuống trong thanh phía trên bảng.
Lưu ý: Nếu biểu mẫu của bạn không xuất hiện trong trình đơn thả xuống, hãy đảm bảo rằng nó đã có ít nhất một lần gửi.
Vibes biểu mẫu cung cấp hai hành động: xuất và xóa.
Xuất biểu mẫu gửi
Vibes biểu mẫu cho phép bạn xuất các biểu mẫu gửi sang tệp CSV. Bạn có thể chọn tùy chọn này nếu bạn muốn thực hiện xử lý thêm bằng Microsoft Excel hoặc các công cụ xử lý dữ liệu khác hỗ trợ tệp CSV.
Để xuất các bài gửi biểu mẫu sang tệp CSV, hãy chọn các bài gửi bạn muốn xuất bằng cách chọn hộp. Để chọn tất cả các bài gửi, chỉ cần đánh dấu vào ô phía trên. Sau khi chọn xong các bài nộp, hãy nhấp vào menu thả xuống Chọn hành động và chọn Xuất nhanh.
Xóa các lần gửi biểu mẫu
Để xóa các bài gửi biểu mẫu, chỉ cần chọn các bài gửi bạn muốn xóa, nhấp vào menu thả xuống ChọnHoạt động và chọn Hủy bỏ.
Cuối cùng
Vibes Biểu mẫu hiển thị các lần gửi biểu mẫu của bạn trong các cột dựa trên các trường biểu mẫu của bạn, đây là điều lý tưởng để quản lý các bài gửi dễ dàng hơn. Bạn cũng có thể nhấp vào từng nội dung gửi để xem chi tiết về nội dung gửi dựa trên dữ liệu bạn đã xác định trên trang cài đặt Vibes Biểu mẫu.
Để xem thống kê cho biểu mẫu của bạn, hãy truy cập Vibes biểu mẫu -> Phân tích. Chọn biểu mẫu mà bạn muốn xem thống kê và đặt phạm vi ngày. Bạn cũng có thể xem số liệu thống kê hàng ngày, số liệu thống kê hàng tuần và số liệu thống kê hàng tháng.
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách xử lý việc gửi biểu mẫu trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Bạn có muốn sử dụng phông chữ Adobe trong Elementor không?
Sử dụng phiên bản chuyên nghiệp Elementor cho phép bạn tích hợp cái sau với một loạt các dịch vụ và công cụ. Adobe Fonts -Adobe Font- (trước đây là TypeKit) là một trong số đó. Adobe Fonts, như bạn đã biết, là một trong những tài nguyên tốt nhất cho các phông chữ khác với Google Fonts. Tích hợp Adobe Fonts với Elementor sẽ làm phong phú thêm thư viện phông chữ Elementor của bạn.
Để sử dụng phông chữ từ Adobe Fonts, bạn phải có ít nhất một dự án web trong tài khoản Adobe Fonts của mình. Sau đó, bạn có thể sử dụng ID dự án web của mình để tích hợp Adobe Fonts với Elementor của bạn.
Cách tạo một dự án web trong Adobe Fonts
Nếu bạn chưa có dự án web, bạn có thể tạo một dự án trước. Để làm điều này, hãy truy cập Trang web Adobe Fonts và đăng nhập bằng tài khoản Adobe của bạn. Sau khi đăng nhập, hãy nhấp vào Duyệt qua Phông chữ ở góc trên bên trái để duyệt họ phông chữ.
Tìm họ phông chữ mà bạn thích và nhấp vào nút Xem. gia đình để xem chi tiết.
Bấm vào Thêm vào dự án web phía bên phải.
Trong cửa sổ bật lên xuất hiện, hãy chọn một dự án từ menu thả xuống. Nếu bạn chưa có, chỉ cần tạo một dự án bằng cách đặt tên và nhấp vào nút Tạo nên.
Khi dự án mới của bạn đã được kiểm tra, hãy nhấp vào Phông chữ Adobe của tôi ở góc trên bên phải.
Bấm vào tab Các dự án web. Chọn một trong các dự án hiện có mà bạn muốn tích hợp với Elementor và chọn ID dự án của nó.
Để thêm họ phông chữ vào dự án của bạn, bạn có thể nhấp vào Duyệt qua Phông chữ ở góc trên bên trái. Chọn một họ phông chữ bạn thích và nhấp vào nút Hiển thị. gia đình để xem chi tiết.
Bấm vào Thêm vào dự án web ở phía bên phải và chọn một dự án web bạn muốn thêm họ phông chữ từ menu thả xuống.
Tích hợp Adobe Fonts với Elementor
Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Elementor -> Cài đặt để mở trang cài đặt Elementor. Khi bạn ở đó, hãy nhấp vào tab Tích hợp. Cuộn xuống phần Phông chữ Adobe (TypeKit) và dán ID dự án bạn vừa sao chép.
Nhấp vào nút Nhận ID Poject. Đừng quên bấm vào nút Lưu thay đổi ở dưới cùng để áp dụng các thay đổi.
Xin lưu ý rằng quá trình đồng bộ hóa có thể mất vài phút. Nếu bạn đang vội, bạn có thể nhấp vào nút Sync. dự án bất cứ khi nào bạn hoàn tất việc thêm một họ phông chữ mới vào dự án của mình trong Adobe Fonts.
Nếu mọi việc suôn sẻ, bây giờ bạn có thể sử dụng phông chữ từ Adobe Fonts trên trang hoặc mẫu Elementor của mình. Để kiểm tra kết quả, hãy thử thay đổi kiểu chữ của tiện ích con và thay đổi họ phông chữ. Elementor hiển thị các phông chữ Adobe Fonts ngay bên dưới phần Phông chữ Tùy chỉnh.
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách sử dụng phông chữ Adobe trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Bảo mật và cookie: trang này sử dụng cookie. Bằng cách tiếp tục duyệt trang web này, bạn đồng ý với việc chúng tôi sử dụng nó.
Để tìm hiểu thêm, bao gồm cả cách kiểm soát cookie, hãy xem phần sau:
Chính sách cookie
