Xem Nhiều 4/2024 # Cách Tạo Một Landing Page Với Trình Tạo Nội Dung Kéo Và Thả Miễn Phí # Top 1 Yêu Thích

Chẳng hạn, nếu bạn truy cập CodeCanyon và thực hiện tìm kiếm nhanh về kéo và thả, bạn sẽ nhận được điều này.

Vậy bạn sẽ làm gì khi bạn muốn một số phép thuật xây dựng nội dung kéo và thả?

Hôm nay, hãy giữ mọi thứ miễn phí!

Hãy bắt đầu với phần thú vị. Đây là một ví dụ về những gì có sẵn trong lĩnh vực kéo và thả mà không cần đầu tư gì.

Chỉ để liệt kê một số chi tiết thú vị về trang demo nhỏ đó:

Vì vậy, bạn có thể tự hỏi:

Cách tạo trang đích trong WordPress bằng cách kéo và thả

Trước tiên, chúng ta sẽ sử dụng hai plugin để thực hiện tất cả điều đó.

Cái đầu tiên là plugin SiteOrigin Page Builder cùng với gói widget bổ sung .

(SiteOrigin thực sự đã được chỉ ra là giải pháp miễn phí tốt nhất trên thị trường khi so sánh các plugin xây dựng nội dung kéo và thả hàng đầu cho WordPress.)

Cái thứ hai là plugin Shortcodes Ultimate .

(Có lẽ là plugin shortcodes miễn phí tốt nhất xung quanh. Chúng tôi sẽ sử dụng nó để thêm một số khối nội dung thú vị bổ sung vào cấu trúc trang đích được tạo trước đây của chúng tôi.)

Một số chi tiết khác về các plugin:

Bạn có thể sử dụng chúng trên bài viết và trang.

Bạn làm tất cả công việc của mình bên trong màn hình chỉnh sửa tiêu chuẩn trong WordPress.

Đầu ra là đáp ứng và thân thiện với thiết bị di động.

Bạn có thể sử dụng các widget như các khối nội dung trong SiteOrigin.

Có kiểm soát phiên bản trong SiteOrigin.

Các yếu tố trang đích quan trọng

Hầu hết các trang đích chất lượng thường có các yếu tố sau:

Trình bày tiêu đề tốt – lớn và táo bạo.

Các yếu tố bên tối thiểu, chẳng hạn như thanh bên, nội dung chân trang hoặc bất kỳ thứ gì khác có thể gây mất tập trung cho khách truy cập.

Rõ ràng tập trung vào chỉ một mục tiêu duy nhất. Đây có thể là bán hàng, nhấp vào liên kết hoặc đăng ký bản tin (thường).

Thuyết trình theo câu chuyện – nơi khách truy cập được thực hiện bằng tay qua từng phần của trang cho đến khi họ đạt được lời kêu gọi hành động cuối cùng.

Lời kêu gọi hành động – câu hỏi. Yếu tố này cho khách truy cập biết phải làm gì.

Tốt tách hình ảnh của các phần riêng biệt trên trang.

Chúng tôi có thể liệt kê nhiều yêu cầu hơn nữa, nhưng tôi nghĩ rằng điều này sẽ đủ cho bản demo nhanh của chúng tôi ở đây.

(Đừng quên rằng bạn không chỉ cần plugin SiteOrigin chính mà còn cả gói widget bổ sung.)

Quyết định đầu tiên được đưa ra là liệu bạn sẽ tạo trang đích của mình dưới dạng bài đăng WordPress hay trang .

Khi đã ở trên màn hình Thêm Trang mới, hãy chuyển sang ngay lập tức

Có hai loại vùng chứa chính trong SiteOrigin:

Về cơ bản, để đặt bất kỳ loại nội dung nào trên trang đích của bạn, trước tiên bạn cần tạo một hàng, sau đó thêm nội dung của bạn dưới dạng tiện ích.

Được rồi, vì vậy để bắt đầu, bạn cần có một ý tưởng chung về những gì bạn muốn trang đích của bạn trông như thế nào!

Vì vậy, bằng cách nhìn, tôi cần bốn hàng riêng lẻ:

Bắt đầu từ đầu:

Hàng tiêu đề là một điều rất đơn giản để làm, nhưng nó có thể trông thực sự tuyệt vời!

Đây là cách thực hiện:

Nhấp vào nút row trong giao diện SiteOrigin chính:

Đây là của tôi.

Hàng này là nơi tôi đặt ba hình ảnh nhỏ trong thiết kế của mình. Đây cũng là nơi đầu tiên chúng tôi sẽ sử dụng plugin Shortcodes Ultimate.

Đây là cách tôi sẽ tạo ra nó.

Bắt đầu bằng cách thêm một hàng mới (giống như trước đây). Nhưng lần này, tôi muốn ba cột và tôi muốn chúng là số chẵn.

Để thực hiện điều đó, tôi nhấp vào nút Chèn mã ngắn ở gần đầu màn hình trình chỉnh sửa:

Mã ngắn tôi sẽ sử dụng có tên là Animation:

Tuy nhiên, hiện tại, chúng tôi sẽ tăng tốc mọi thứ và chỉ cần sử dụng mã ngắn được tạo sẵn ngay bên trong cửa sổ trình chỉnh sửa. Chỉ cần đặt mã sau đây xung quanh hình ảnh của bạn:

[su_animate type=”flipInY” delay=”1″]YOUR_IMAGE_HERE[/su_animate]

Làm như thế này (vì vậy shortcode nằm xung quanh hình ảnh):

Tiếp theo, tôi tạo thêm hai khối soạn thảo giống như khối này và thêm các mã ngắn tương tự ở đó, nhưng tôi đang gán các độ trễ khác nhau cho chúng ( 2 giây cho khối thứ hai và 3 giây cho khối thứ ba). Điều này sẽ cho chúng ta một sự tiến triển tốt đẹp.

Đây là những gì hàng mới của tôi trông giống như bây giờ:

Vì vậy, tạo một hàng mới và đặt nó để chứa 2 cột. Sau đó, đặt các cột được chia theo tỷ lệ vàng và từ Từ phải sang trái. Khác Giống như vậy.

Đây là hàng cuối cùng của chúng tôi và thực sự là hàng quan trọng nhất cho bất kỳ trang đích nào – đó là nơi lời mời hành động.

Tôi đang sử dụng một hàng ba cột và bắt đầu với tỷ lệ được đặt thành Số chẵn. Tuy nhiên, tôi sẽ điều chỉnh cột giữa ngay lập tức để chỉ chiếm 20% toàn bộ chiều rộng. Thích như vậy:

Bây giờ, các cột của tôi.

Khối thứ hai cũng không có gì lạ mắt. Tôi chỉ sử dụng biểu tượng mũi tên để trỏ đến hình thức chọn tham gia sẽ được đặt ở bên phải. Một lần nữa, được thực hiện với tiện ích của Trình chỉnh sửa trang web Siteigin

Cột thứ ba là nơi phép màu xảy ra. Đây là nơi tôi sử dụng một widget từ plugin gửi email của mình. Tiện ích đó sẽ đảm nhiệm việc đặt biểu mẫu đăng ký hoạt động ngay trên trang và nối nó với phần mềm email của tôi (kiểm tra với nhà cung cấp email của riêng bạn để tìm hiểu cách làm cho phần này hoạt động).

Cuối cùng, đây là hàng cuối cùng của tôi trong trình tạo trang đích kéo và thả:

Tất cả các trang đích cùng nhau

Ở giai đoạn này, công việc đã hoàn thành và bạn có thể tận hưởng trang đích mới của mình được xây dựng với một số thủ thuật kéo và thả. Của tôi đã trở nên khá đẹp, tôi nghĩ vậy. Kiểm tra xem nó:

Vui lòng xem mục này trong tài liệu ThemeIsle của chúng tôi để biết phiên bản ngắn hơn của hướng dẫn này.

Nhưng bạn nghĩ gì? Bạn có bất kỳ câu hỏi về cách quá trình này hoạt động? Hoặc có thể bạn có một trang đích của riêng mình mà bạn muốn cho chúng tôi xem.