VietNetwork.Vn

Bạn có muốn tạo một trang tùy chỉnh trong WordPress không?

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 các trang bán hàng, trang đích, trang hội thảo trên web và hơn thế nữa.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng tạo một trang tùy chỉnh trong WordPress.

1. Tại sao phải 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 cách sử dụng tệp mẫu.

Mẫu page.php này ảnh hưởng đến tất cả các trang đơn lẻ 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 anh hùng 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 ra 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 rấ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ể khiến bạn khó đạt được kết quả tốt. Ví dụ: nếu bạn đang xây dựng một 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)
• Phương pháp 2. Cách tạo trang tùy chỉnh trong WordPress bằng SeedProd (Được khuyến nghị)
• Phương pháp 3. Sử dụng Beaver Builder để tạo một trang tùy chỉnh trong WordPress
• Phương pháp 4. Tạo mẫu trang tùy chỉnh theo cách thủ công

2. 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ủ đề hỗ trợ 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' ở menu bên phải và nhấp để mở rộng phần 'Mẫu'.

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 và sau đó nhấp vào 'Tạo'.

Tên chỉ là để bạn tham khảo, vì vậy bạn có thể sử dụng bất cứ điều gì bạn muốn.


Thao tác này 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 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 các 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 quen thuộc của WordPress. 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 đậm hoặc thay đổi nó từ H2 thành H3.

Bạn cũng có thể tạo một trang tùy chỉnh bằng cách sử dụ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 các sự kiện, hình ảnh có chú thích hoặc bảng định 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 nó 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' và sau đó 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, hãy 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.

3. 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 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 phá vỡ 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 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, WooCommerce, Google Analytics, v.v.

Đầu 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.

Lưu ý: Ngoài ra còn có 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ẽ yêu cầu khóa cấp phép 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, hãy nhấp vào nút 'Xác minh khóa'.

Khi bạn đã hoàn thành việc đó, hãy chuyển đến SeedProd »Trang Đích và nhấp vào nút 'Thêm Trang Đích Mới'.


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', 'é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ỹ bất kỳ thiết kế nào, bạn 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ế mà bạn thích, 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 chúng tôi, 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 kỳ 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 họ 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'.


Để tạo cơ hội tốt nhất cho trang tùy chỉnh của bạn xuất hiện 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 của 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 khối đó 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, 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, sau đó 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 nhanh chóng. Ví dụ: nếu bạn đang thiết kế trang đích của 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 đó và sau đó nhấp vào biểu tượng dấu '+' nhỏ.


Điều này sẽ thêm phần vào cuối trang của bạn. Bạn có thể di chuyển cả hai phần và khối xung quanh thiết kế của mình bằng cách sử dụng kéo và thả.

Nếu bạn mắc sai lầm hoặc thay đổi ý định của bạn, 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 bạn dễ dàng tạo một trang tùy chỉnh trong WordPress.

Ở cuối 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 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' và 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 tại bất kỳ thời điểm nào, thì chỉ cần chuyển đến SeedProd »Landing Pages 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.

4. 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ế.

Đầu 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 khóa 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 Khoá 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ị 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 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ả nó 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à hơn thế nữa.

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 hoàn toàn suôn sẻ như 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 biệt 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 'Hoàn tất'.

Sau đó, bạn có thể lưu bài đăng dưới dạng bản nháp hoặc xuất bản để nó hiển thị trên trang web WordPress của bạn.


5. 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ự như tệp page.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 nó không phải là tùy chọn thân thiện nhất với người mới bắt đầu. 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 mộ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 một plugin trình tạo trang.

Để bắt đầu, hãy mở một trình soạn thảo văn bản thuần túy 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:
   
<?php /* Template Name: CustomPageT1 */ ?>
Mã này chỉ đơn giản cho WordPress biết rằng đây là một tệp mẫu có tên là 'CustomPageT1.' Bạn có thể đặt tên cho mẫu bất cứ thứ 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 nên bạn có thể thêm HTML, thẻ mẫu và mã PHP.

Để giúp bạn viết mã tệp mẫu, bạn có thể muốn sao chép mẫu page.php hiện có do chủ đề của bạn cung cấp. Đ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 mã page.php là kết nối với máy chủ của bạn bằng ứng dụng FTP 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 như cPanel hoặc Công cụ trang 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.

Sau 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. Bên trong thư mục này, tìm tệp page.php và mở tệp đó 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 mình.

Nếu bạn dán mã, thì đừng sao chép văn bản tiêu đề page.php, đây là phần được chú thích ở đầ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à một 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:
   
<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
  
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
  
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
  
            // End of the loop.
        endwhile;
        ?>
 
    </main><!--.site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div><!--.content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>
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 hãy đả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 bạn. Bằng cách này, bạn có thể cập nhật chủ đề WordPress của mình mà không mất khả năng tùy chỉnh.

Trong trình quản lý tệp hoặc ứng dụng khách FTP 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, hãy nhấp vào tab 'Trang' và sau đó nhấp để mở rộng phần 'Mẫu', nếu nó chưa được mở rộng.
Thay đổi mẫu trang WordPress

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 bạn 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' để đưa nó trực tuyến vào trang web của bạn.

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ề việc phải có các plugin WordPress cho trang web của bạn và cách tăng lưu lượng truy cập blog của bạn.