Trang tùy chỉnh cho phép bạn sử dụng bố cục khác với phần còn lại của trang web. Nhiều trang web WordPress sử dụng bố cục trang tùy chỉnh cho trang bán hàng, trang đích, trang hội thảo trên web, v.v.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo một trang tùy chỉnh trong WordPress
Tại sao tạo một trang tùy chỉnh trong WordPress?
Mỗi khi bạn tạo một trang mới, chủ đề WordPress của bạn sẽ kiểm soát giao diện của trang đó bằng tệp mẫu
Trang này. mẫu php ảnh hưởng đến tất cả các trang đơn mà bạn tạo trong WordPress. Tuy nhiên, bạn có thể không muốn sử dụng cùng một thiết kế mỗi lần
Các trang đích thường có nội dung khác so với các trang thông thường, chẳng hạn như hình ảnh chính lớn hoặc lời kêu gọi hành động [CTA]. Điều này có nghĩa là chúng thường trông hoàn toàn khác với phần còn lại của trang web của bạn.
Cố gắng tạo các thiết kế độc đáo bằng cách sử dụng mẫu trang tiêu chuẩn có thể mất nhiều thời gian
Bạn cũng bị giới hạn bởi mẫu và có thể không đạt được thiết kế chính xác mà bạn muốn. Điều này có thể gây khó khăn để có được kết quả tốt. Ví dụ: nếu bạn đang xây dựng trang bán hàng thì bạn có thể không nhận được nhiều chuyển đổi
Như đã nói, hãy xem cách bạn có thể tạo một trang tùy chỉnh trong WordPress, với thiết kế, bố cục và nội dung chính xác mà bạn muốn. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng
Phương pháp 1. Cách tạo Trang tùy chỉnh trong WordPress bằng Trình chỉnh sửa khối [Không cần plugin]
Trình chỉnh sửa khối giúp bạn dễ dàng thiết kế các mẫu của riêng mình bằng các công cụ mà bạn đã quen thuộc
Tuy nhiên, phương pháp này chỉ hoạt động với các chủ đề kích hoạt khối. Nếu phương pháp này không hoạt động với chủ đề của bạn, thì chúng tôi khuyên bạn nên sử dụng trình tạo trang để thay thế
Để bắt đầu, chỉ cần mở bất kỳ trang hoặc bài đăng nào. Sau đó, nhấp vào tab ‘Trang’ trong menu bên phải và nhấp để mở rộng phần ‘Mẫu’
Hãy tiếp tục và tạo một mẫu tùy chỉnh bằng cách nhấp vào liên kết 'Mới'.
Trong cửa sổ bật lên xuất hiện, hãy nhập tên cho mẫu của bạn rồi nhấp vào 'Tạo. ’
Tên chỉ để bạn tham khảo nên bạn có thể sử dụng bất cứ thứ gì bạn muốn
Thao tác này sẽ khởi chạy trình chỉnh sửa mẫu, hoạt động tương tự như trình chỉnh sửa khối tiêu chuẩn
Để thêm các khối vào thiết kế trang tùy chỉnh của bạn, chỉ cần nhấp vào nút '+' màu xanh lam. Sau đó, bạn có thể kéo và thả để thêm khối
Bạn có thể thêm nội dung vào một khối hoặc thay đổi định dạng của nó bằng các công cụ chỉnh sửa bài đăng WordPress quen thuộc. Ví dụ: bạn có thể nhập văn bản vào khối 'Tiêu đề' và áp dụng định dạng in đậm hoặc thay đổi từ H2 thành H3
Bạn cũng có thể tạo một trang tùy chỉnh bằng các mẫu. Mẫu là tập hợp các khối thường được sử dụng cùng nhau, chẳng hạn như danh sách sự kiện, hình ảnh có chú thích hoặc bảng giá
Các mẫu bạn thấy sẽ khác nhau tùy thuộc vào chủ đề WordPress của bạn, nhưng bạn có thể xem những mẫu nào có sẵn bằng cách nhấp vào tab ‘Mẫu’
Bạn có thể kéo và thả một mẫu khối vào bố cục của mình hoặc nhấp vào mẫu để thêm mẫu đó vào cuối mẫu của bạn. Khi bạn hài lòng với giao diện của mẫu, hãy nhấp vào nút 'Xuất bản' rồi nhấp vào 'Lưu. ’
Bây giờ bạn có thể áp dụng mẫu này cho bất kỳ trang nào. Mở trang đó trong trình chỉnh sửa, sau đó trong menu bên phải, mở menu thả xuống 'Mẫu' và chọn mẫu tùy chỉnh bạn vừa tạo
Bây giờ bạn có thể thêm nội dung vào trang giống như bất kỳ trang WordPress nào khác, để tạo một trang hoàn toàn tùy chỉnh trong WordPress. Khi bạn lưu trang, bạn có thể truy cập trang web của mình để xem mẫu mới đang hoạt động.
Phương pháp 2. Cách tạo Trang tùy chỉnh trong WordPress bằng SeedProd [Được khuyến nghị]
Trước đây, bạn đã tạo một trang tùy chỉnh bằng cách viết mã, điều này không thân thiện lắm với người mới bắt đầu. Nếu bạn mắc lỗi với mã HTML, CSS hoặc PHP thì nó thậm chí có thể gây ra các lỗi WordPress phổ biến hoặc làm hỏng hoàn toàn trang web của bạn.
Với ý nghĩ đó, chúng tôi khuyên bạn nên sử dụng trình tạo trang để thay thế
SeedProd là trình tạo trang kéo và thả tốt nhất cho WordPress. Nó đi kèm với hơn 180 mẫu cho phép bạn tạo các trang tùy chỉnh mà không cần viết bất kỳ mã nào.
Nếu bạn đang sử dụng trang tùy chỉnh để nhận được nhiều chuyển đổi hơn, thì SeedProd sẽ hoạt động với nhiều công cụ phổ biến của bên thứ ba mà bạn có thể đang sử dụng để quản lý chuyển đổi. Điều này bao gồm các dịch vụ tiếp thị qua email hàng đầu, WooC Commerce, Google Analytics, v.v.
Trước tiên, bạn cần cài đặt và kích hoạt SeedProd. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress
Ghi chú. Ngoài ra còn có một phiên bản SeedProd miễn phí cho phép bạn tạo các trang tùy chỉnh nếu bạn có ngân sách eo hẹp và mới bắt đầu. Tuy nhiên, đối với hướng dẫn này, chúng tôi sẽ sử dụng SeedProd Pro vì nó có nhiều mẫu hơn và tích hợp với tất cả các dịch vụ tiếp thị qua email tốt nhất
Sau khi kích hoạt plugin, SeedProd sẽ hỏi key bản quyền của bạn
Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web SeedProd. Sau khi nhập khóa, nhấp vào nút 'Xác minh khóa'
Khi bạn đã hoàn thành việc đó, hãy truy cập SeedProd » Landing Pages và nhấp vào nút ‘Add New Landing Page’
Bây giờ bạn có thể chọn một mẫu cho trang tùy chỉnh của mình
Các mẫu của SeedProd được tổ chức thành các loại chiến dịch khác nhau, chẳng hạn như 'dẫn đầu', 'bóp' và 'sắp ra mắt'. ’ Bạn có thể nhấp vào các tab ở đầu màn hình để lọc các mẫu dựa trên loại chiến dịch.
Nếu bạn muốn bắt đầu lại từ đầu, thì SeedProd cũng có một mẫu trống mà bạn có thể sử dụng
Để xem kỹ hơn bất kỳ thiết kế nào, chỉ cần di chuột qua mẫu đó rồi nhấp vào biểu tượng kính lúp
Khi bạn tìm thấy một thiết kế ưng ý, hãy nhấp vào 'Chọn mẫu này'. ' Chúng tôi đang sử dụng mẫu 'Trang bán hàng khóa học' trong tất cả các hình ảnh của mình, nhưng bạn có thể sử dụng bất kỳ mẫu nào bạn muốn
Tiếp theo, hãy tiếp tục và nhập tên cho trang tùy chỉnh. SeedProd sẽ tự động tạo một URL dựa trên tiêu đề của trang, nhưng bạn có thể thay đổi URL này thành bất cứ thứ gì bạn muốn
URL mô tả sẽ giúp các công cụ tìm kiếm hiểu nội dung của trang, vì vậy chúng có thể hiển thị trang đó cho đúng người dùng
Khi bạn hài lòng với thông tin bạn đã nhập, hãy nhấp vào nút 'Lưu và Bắt đầu Chỉnh sửa Trang'
Để trang tùy chỉnh của bạn có cơ hội xuất hiện tốt nhất trong các kết quả tìm kiếm có liên quan, bạn có thể muốn thêm bất kỳ từ khóa nào bị thiếu trong URL. Để biết thêm chi tiết, vui lòng xem hướng dẫn của chúng tôi về cách thực hiện nghiên cứu từ khóa
Thao tác này sẽ tải giao diện trình tạo trang SeedProd. Nó là một trình tạo kéo và thả đơn giản và hiển thị bản xem trước trực tiếp trang của bạn ở bên phải. Bạn cũng sẽ thấy cài đặt khối ở bên trái
Để tùy chỉnh một khối, chỉ cần nhấp để chọn nó trong trình chỉnh sửa trang. Sau đó, thanh công cụ bên trái sẽ hiển thị tất cả các cài đặt cho khối đó
Ví dụ: ở đây chúng tôi đang thay đổi văn bản bên trong khối 'Dòng tiêu đề'.
Bạn có thể định dạng văn bản, thay đổi căn chỉnh văn bản, thêm liên kết, v.v. bằng cách sử dụng cài đặt trong menu bên trái
Cũng dễ dàng chỉnh sửa hình ảnh bằng trình tạo trang SeedProd. Chỉ cần nhấp vào bất kỳ khối 'Hình ảnh' nào và sử dụng cài đặt để thêm văn bản thay thế, tải lên hình ảnh mới hoặc thực hiện bất kỳ thay đổi nào khác.
Nếu bạn muốn xóa một khối khỏi trang tùy chỉnh của mình, thì chỉ cần nhấp để chọn khối đó
Sau đó, bạn có thể nhấp vào biểu tượng thùng rác trên thanh công cụ nhỏ.
Để thêm các khối mới vào thiết kế của bạn, chỉ cần tìm một khối trong menu bên trái rồi kéo khối đó vào trình chỉnh sửa
Sau đó, bạn có thể nhấp để chọn khối và thực hiện bất kỳ thay đổi nào trong menu bên trái.
SeedProd cũng đi kèm với 'Phần', là các hàng và mẫu khối có thể giúp bạn tạo một trang tùy chỉnh một cách nhanh chóng. Ví dụ: nếu bạn đang thiết kế trang đích Quảng cáo Google, thì bạn có thể sử dụng các phần Anh hùng, Kêu gọi hành động hoặc Tính năng được tạo sẵn của SeedProd
Để xem tất cả các phần có sẵn, chỉ cần nhấp vào tab 'Phần'
Để xem kỹ hơn một phần, hãy di chuột qua phần đó rồi nhấp vào biểu tượng kính lúp
Khi bạn tìm thấy một phần mà bạn muốn thêm vào thiết kế của mình, chỉ cần di chuột qua phần đó rồi nhấp vào biểu tượng '+' nhỏ
Điều này thêm phần vào dưới cùng của trang của bạn. Bạn có thể di chuyển cả phần và khối xung quanh thiết kế của mình bằng cách kéo và thả
Nếu bạn mắc sai lầm hoặc thay đổi quyết định, thì đừng lo lắng. Bạn có thể đảo ngược thay đổi cuối cùng của mình bằng cách nhấp vào nút 'Hoàn tác' ở cuối thanh công cụ bên trái
Tại đây, bạn cũng sẽ tìm thấy nút làm lại, lịch sử sửa đổi, điều hướng bố cục và cài đặt chung
Các nút bổ sung này giúp dễ dàng tạo trang tùy chỉnh trong WordPress.
Ở dưới cùng của thanh công cụ, bạn cũng sẽ tìm thấy nút xem trước trên thiết bị di động cho phép bạn xem phiên bản dành cho thiết bị di động của trang tùy chỉnh.
Điều này có thể giúp bạn thiết kế một trang tùy chỉnh trông đẹp mắt trên thiết bị di động cũng như trên máy tính của bạn
Khi bạn hài lòng với trang tùy chỉnh, đã đến lúc xuất bản nó bằng cách nhấp vào mũi tên thả xuống bên cạnh 'Lưu', sau đó chọn tùy chọn 'Xuất bản'.
Trang tùy chỉnh của bạn bây giờ sẽ xuất hiện trên blog WordPress của bạn
Nếu bạn muốn chỉnh sửa trang tùy chỉnh bất kỳ lúc nào, thì chỉ cần truy cập SeedProd » Trang đích trong bảng điều khiển WordPress của bạn. Sau đó, bạn có thể tìm trang mà bạn muốn thay đổi và nhấp vào liên kết 'Chỉnh sửa' của trang đó
Thao tác này sẽ mở thiết kế trong trình chỉnh sửa của SeedProd, sẵn sàng để bạn thực hiện các thay đổi của mình
Phương pháp 3. Sử dụng Beaver Builder để tạo một trang tùy chỉnh trong WordPress
Bạn cũng có thể tạo một trang tùy chỉnh bằng Beaver Builder. Chúng tôi khuyên bạn nên sử dụng phiên bản chuyên nghiệp, nhưng cũng có phiên bản Beaver Builder miễn phí có các tính năng hạn chế
Trước tiên, bạn cần cài đặt và kích hoạt plugin. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress
Sau khi kích hoạt, hãy đi tới Cài đặt » Beaver Builder. Sau đó, nhấp vào tab 'Giấy phép'
Tại đây, chỉ cần nhập mã cấp phép mà bạn sẽ tìm thấy trong tài khoản của mình trên trang web Beaver Builder. Sau đó, bạn có thể tiếp tục và nhấp vào 'Lưu khóa cấp phép'. ’
Để tạo một trang tùy chỉnh, chỉ cần đi tới Trang »Thêm mới trong bảng điều khiển quản trị viên WordPress của bạn. Sau đó, nhấp vào nút 'Khởi chạy Beaver Builder'
Thao tác này sẽ mở trình chỉnh sửa Beaver Builder
Nếu menu bên phải không tự động mở, hãy nhấp vào dấu ‘+’ ở góc trên cùng bên phải để mở
Menu này có tất cả các mô-đun và hàng khác nhau mà bạn có thể thêm vào trang tùy chỉnh của mình. Tương tự như các khối của SeedProd, đây là những phần cốt lõi của bất kỳ trang Beaver Builder nào
Khi bạn tìm thấy một khối hoặc mô-đun mà bạn muốn sử dụng, hãy kéo và thả khối hoặc mô-đun đó vào trình chỉnh sửa trang.
Một tùy chọn khác là bắt đầu với một mẫu. Để xem tất cả các thiết kế Beaver Builder khác nhau, chỉ cần nhấp vào tab 'Mẫu'
Sau đó, bạn có thể nhấp vào bất kỳ mẫu nào để thêm nó vào trang.
Để chỉnh sửa bất kỳ phần nào của mẫu, chỉ cần nhấp vào nó. Ví dụ: bạn có thể thay đổi văn bản, hình ảnh, màu sắc, v.v.
Trong hình ảnh sau đây, chúng tôi đang chỉnh sửa tiêu đề trang. Quá trình chỉnh sửa của Beaver Builder không mượt mà như của SeedProd, vì vậy bạn sẽ cần thực hiện các thay đổi của mình trong hộp bật lên riêng xuất hiện
Khi bạn hài lòng với giao diện của trang tùy chỉnh, hãy nhấp vào nút 'Xong'
Sau đó, bạn có thể lưu bài đăng dưới dạng bản nháp hoặc xuất bản bài đăng để bài đăng hiển thị trên trang web WordPress của bạn
Phương pháp 4. Tạo mẫu trang tùy chỉnh theo cách thủ công
Bạn cũng có thể tạo mẫu trang tùy chỉnh theo cách thủ công trong WordPress. Tương tự với trang. php, mẫu này cho phép bạn kiểm soát giao diện của trang
Phương pháp này yêu cầu bạn viết một số mã, vì vậy đây không phải là tùy chọn thân thiện với người mới bắt đầu nhất. Tuy nhiên, nó cho phép bạn tạo một trang tùy chỉnh mà không cần phải cài đặt plugin mới
Nếu bạn chỉ muốn tạo một số lượng nhỏ các trang tùy chỉnh, thì bạn có thể thích viết mã hơn là thiết lập plugin trình tạo trang
Để bắt đầu, hãy mở trình soạn thảo văn bản đơn giản như Notepad trên máy tính của bạn. Trong tệp trống, thêm dòng mã này ở trên cùng
Mã này chỉ đơn giản nói với WordPress rằng đây là tệp mẫu có tên ‘CustomPageT1. ' Bạn có thể đặt tên cho mẫu bất cứ điều gì bạn muốn
Bây giờ, hãy thêm tất cả mã cho bố cục trang tùy chỉnh. Mẫu này hoàn toàn giống với bất kỳ tệp chủ đề nào khác trong WordPress để bạn có thể thêm HTML, thẻ mẫu và mã PHP
Để giúp bạn mã hóa tệp mẫu, bạn có thể muốn sao chép trang hiện có. mẫu php được cung cấp bởi chủ đề của bạn. Điều này có thể giúp bạn tiết kiệm thời gian và giúp trang tùy chỉnh hòa hợp với phần còn lại của trang web WordPress của bạn
Cách dễ nhất để sao chép trang. php, bằng cách kết nối với máy chủ của bạn bằng ứng dụng khách FTP chẳng hạn như FileZilla hoặc bạn có thể sử dụng trình quản lý tệp của nền tảng lưu trữ WordPress của mình chẳng hạn như cPanel hoặc Công cụ trang web của SiteGround.
Nếu đây là lần đầu tiên bạn sử dụng FTP, thì bạn có thể xem hướng dẫn đầy đủ của chúng tôi về cách kết nối với trang web của bạn bằng FTP.
Khi bạn đã kết nối, hãy truy cập /wp-content/themes/ và mở thư mục cho chủ đề hiện tại của bạn. Trong thư mục này, tìm trang. php và mở nó trong bất kỳ trình soạn thảo văn bản nào
Bạn có thể sử dụng mã này làm cơ sở cho mẫu tùy chỉnh của mình và thậm chí có thể dán mã vào tệp mẫu mới của bạn
Nếu bạn dán mã, thì đừng sao chép trang. văn bản tiêu đề php, là phần được nhận xét ở đầu tệp
Bạn có thể tạo bất kỳ bố cục nào bạn muốn, nhưng đây là ví dụ về bố cục trang tùy chỉnh đơn giản mà chúng tôi sẽ sử dụng trên trang web của mình.
Bây giờ bạn có thể lưu tệp. Bạn có thể sử dụng bất kỳ tên nào bạn muốn, nhưng đảm bảo rằng bạn kết thúc tệp bằng. phần mở rộng php
Mặc dù bạn có thể thêm tệp này vào bất kỳ chủ đề WordPress nào, nhưng bạn nên tạo một chủ đề con dựa trên chủ đề hiện tại của mình. Bằng cách này, bạn có thể cập nhật chủ đề WordPress của mình mà không làm mất khả năng tùy chỉnh.
Trong ứng dụng khách FTP hoặc trình quản lý tệp của bạn, chỉ cần tải mẫu tùy chỉnh lên thư mục chủ đề hiện tại của bạn. Khi bạn đã hoàn thành việc đó, đã đến lúc tạo một trang mới trong bảng điều khiển WordPress hoặc mở bất kỳ trang nào bạn muốn sử dụng mẫu
Trong menu bên phải, nhấp vào tab 'Trang', sau đó nhấp để mở rộng phần 'Mẫu', nếu nó chưa được mở rộng
Sau đó, bạn có thể mở menu thả xuống và chọn mẫu bạn đã tạo
Để thêm nội dung thực tế vào trang tùy chỉnh của bạn, chỉ cần chỉnh sửa trang như bình thường. Khi hài lòng với giao diện của mọi thứ, bạn có thể nhấp vào 'Cập nhật' hoặc 'Xuất bản' để đẩy trực tiếp lên trang web của mình.
Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo một trang tùy chỉnh trong WordPress. Bạn cũng có thể xem qua hướng dẫn của chúng tôi về các plugin WordPress phải có cho trang web của bạn và cách tăng lưu lượng truy cập blog của bạn
Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook