Cách tạo trang chủ custom trong WordPress (3 cách dễ dàng)

Mục lục

Bạn đang muốn tạo một trang chủ custom thực sự giới thiệu website WordPress của mình? Ấn tượng đầu tiên rất quan trọng và tại WPBeginner, WPBeginner Việt Nam đã giúp vô số người dùng tạo ra các trang chủ bắt mắt thu hút người dùng.

Trang chủ WordPress mặc định (mặc dù có chức năng) thường không phải là cách hấp dẫn nhất để chào đón khán giả của bạn. Bạn muốn một trang chủ làm nổi bật content, sản phẩm hoặc dịch vụ tốt nhất của mình. Một thiết kế thu hút và giữ chân họ trên website của bạn.

Trong hướng dẫn này, WPBeginner Việt Nam sẽ hướng dẫn bạn 3 cách dễ dàng để tạo trang chủ custom trong WordPress, ngay cả khi bạn chưa từng làm trước đây.

Cách tạo trang chủ custom trong WordPress

Trang chủ là gì?

Trang chủ là trang đầu tiên mà người dùng nhìn thấy khi họ nhập tên miền của bạn. Đối với nhiều người, trang chủ này là phần giới thiệu về doanh nghiệp, blog hoặc website của bạn.

Một ví dụ về trang chủ custom

Một trang chủ tốt sẽ khiến người dùng muốn tìm hiểu thêm về website của bạn. Nó cũng sẽ cung cấp quyền truy cập dễ dàng vào các link, thanh tìm kiếm và menu giúp người dùng tìm thấy content thú vị.

Trang chủ mặc định trong WordPress hiển thị các bài đăng blog mới nhất của bạn, có thể phù hợp với blog cá nhân hoặc blogger theo sở thích.

Trang chủ blog WordPress mặc định

Tuy nhiên, nếu bạn điều hành một doanh nghiệp bằng website WordPress, bạn có thể muốn tạo một trang chủ custom để làm nổi bật các sản phẩm và dịch vụ của mình.

Tin tốt là WordPress giúp bạn dễ dàng hiển thị trang custom làm trang chủ thay vì danh sách mặc định các bài đăng gần đây.

Làm thế nào để thiết lập một trang custom làm trang chủ WordPress?

Trong hướng dẫn này, WPBeginner Việt Nam sẽ chỉ cho bạn một số cách khác nhau để tạo trang chủ custom. Tuy nhiên, bất kể bạn sử dụng phương pháp nào, bạn sẽ cần phải thay đổi cài đặt WordPress của mình sau khi tạo trang chủ tĩnh.

Để làm điều đó, chỉ cần đi đến Cài đặt » Đọc trong dashboard WordPress.

Thay đổi trang chủ WordPress

Tại đây, cuộn đến ‘Cài đặt trang chủ của bạn’ và chọn ‘Trang tĩnh’.

Bây giờ bạn có thể mở dropdown menu ‘Trang chủ’ và chọn trang mà bạn muốn sử dụng làm trang chủ mới.

Cách thay đổi trang chủ WordPress

Sau đó, chỉ cần cuộn xuống cuối màn hình và nhấp vào ‘Lưu thay đổi’. Bây giờ bạn có thể truy cập website của mình để xem trang chủ custom mới trực tiếp.

Nếu bạn có blog, hãy đảm bảo tạo một trang blog riêng để hiển thị các bài đăng của bạn. Nếu không, người dùng sẽ gặp khó khăn khi tìm các blog mới nhất của bạn.

Với những điều đã nói ở trên, chúng ta hãy xem cách bạn có thể thiết kế trang chủ custom trong WordPress. Chỉ cần sử dụng các link nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng:

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn thích hướng dẫn bằng văn bản thì hãy đọc tiếp.

Phương pháp 1: Tạo mẫu trang chủ custom bằng cách sử dụng Block Editor (Không cần plugin)

Nếu bạn đang sử dụng theme block, bạn có thể thiết kế mẫu trang chủ custom bằng trình chỉnh sửa website đầy đủ.

Phương pháp này không hiệu quả với mọi theme, vì vậy nếu bạn không sử dụng theme WordPress dạng block, thì bạn sẽ cần sử dụng một trong các phương pháp khác được đề cập trong hướng dẫn này.

Để biết thêm thông tin về cách sử dụng trình chỉnh sửa toàn bộ website, hãy xem hướng dẫn dành cho người mới bắt đầu về cách chỉnh sửa toàn bộ website WordPress.

Để bắt đầu, chỉ cần tạo một trang mới hoặc mở một trang hiện có mà bạn muốn sử dụng làm trang chủ. Trong menu bên phải, nhấp vào tab ‘Trang’ rồi chọn link xuất hiện bên cạnh ‘Mẫu’.

Văn bản link chính xác có thể khác nhau tùy thuộc vào mẫu bạn đang sử dụng.

Mở trình chỉnh sửa mẫu WordPress

Một popup sẽ xuất hiện với mẫu hiện tại của bạn.

Chỉ cần nhấp vào icon ‘Mẫu mới’.

Tạo mẫu WordPress mới

Trong popup, hãy đặt tên cho mẫu của bạn. Tên chỉ để bạn tham khảo, vì vậy bạn có thể sử dụng bất kỳ tên nào bạn muốn.

Sau đó, hãy nhấp vào ‘Tạo’ để khởi chạy trình chỉnh sửa website đầy đủ.

Cách tạo trang chủ custom

Trình chỉnh sửa mẫu hoạt động tương tự như trình chỉnh sửa block WordPress tiêu chuẩn.

Để thêm block vào trang chủ custom 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ả bất kỳ block nào vào layout của mình.

Thêm block vào trang chủ custom trong FSE

Vì chúng ta đang tạo trang chủ custom, nên thông thường bạn sẽ muốn bắt đầu bằng cách thêm hình ảnh nổi bật, chẳng hạn như logo hoặc biểu ngữ của website.

Để thực hiện việc này, bạn chỉ cần tìm block Hình ảnh trong menu bên trái rồi thêm vào layout của mình bằng cách kéo và thả.

Thiết kế trang chủ custom trong trình chỉnh sửa website đầy đủ

Bây giờ bạn có thể chọn hình ảnh từ media library WordPress hoặc tải file mới lên từ máy tính của mình.

Để có thêm sự tương tác, bạn có thể muốn hiển thị các comment gần đây trên trang chủ của mình bằng cách thêm block Bình luận mới nhất.

Hiển thị các comment mới nhất trên trang chủ WordPress

Để biết thêm thông tin, vui lòng xem hướng dẫn của WPBeginner Việt Nam về cách hiển thị comment trên trang chủ của theme WordPress của bạn.

Một trang chủ tốt giúp người dùng tìm thấy content thú vị. Với điều đó, bạn nên thêm block Điều hướng vào trang chủ custom của mình.

Thêm menu điều hướng vào trang chủ WordPress

Để tìm hiểu thêm, vui lòng xem hướng dẫn từng bước của WPBeginner Việt Nam về cách thêm menu điều hướng custom vào theme WordPress.

Sau khi thêm một block, hãy đảm bảo bạn nhấp để chọn block đó trong layout của mình. Sau đó, bạn có thể định cấu hình block bằng cách sử dụng các thiết lập trong menu bên phải và các nút trên thanh công cụ nhỏ.

Cách thiết lập menu điều hướng chính

Để xây dựng trang chủ custom của riêng bạn, chỉ cần tiếp tục thêm nhiều block hơn và sau đó định cấu hình chúng bằng cách sử dụng cài đặt trình chỉnh sửa website đầy đủ.

Ví dụ, bạn có thể muốn thêm các block như Bài đăng mới nhất, Tìm kiếm, Biểu tượng mạng xã hội, Đám mây tag, v.v.

Trang chủ WordPress custom được tạo bằng FSE

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’.

Trang bạn đã tạo trước đó hiện sẽ sử dụng mẫu trang chủ mới. Bây giờ bạn có thể yêu cầu WordPress sử dụng trang này làm trang chủ của bạn bằng cách làm theo quy trình được mô tả ở trên.

Phương pháp 2: Tạo trang chủ custom trong WordPress bằng cách sử dụng Page Builder (khuyến nghị)

Trình chỉnh sửa dựa trên block WordPress cho phép bạn tạo trang chủ custom bằng các công cụ bạn đã quen thuộc. Tuy nhiên, nó không hoạt động với tất cả các theme và bị hạn chế về tính linh hoạt và tính năng.

Thêm vào đó, mặc dù trình custom theme WordPress dành cho người dùng không chặn theme, nhưng đây không phải là option tối ưu nhất với người dùng vì nó không có tính năng kéo và thả.

Nếu bạn muốn tạo một trang chủ hoàn toàn custom hoạt động với bất kỳ theme WordPress nào, thì bạn sẽ cần một plugin xây dựng trang.

Đối với phương pháp này, WPBeginner Việt Nam sẽ sử dụng Hạt giống. Đây là plugin xây dựng trang tốt nhất trên thị trường và cho phép bạn tạo trang chủ custom bằng trình chỉnh sửa kéo và thả đơn giản.

Nó cũng đi kèm hơn 300 mẫu được thiết kế chuyên nghiệp và các block có sẵn mà bạn có thể sử dụng trên trang chủ của mình.

Ghi chú: Đây là một Phiên bản miễn phí của SeedProd có sẵn trên WordPress.org, nhưng WPBeginner Việt Nam sẽ sử dụng phiên bản Pro vì nó có nhiều mẫu, block và tính năng hơn.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin SeedProd. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần nhập code bản quyền.

Nhập khóa cấp phép SeedProd

Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên website SeedProd. Sau khi nhập khóa cấp phép, hãy tiếp tục và nhấp vào nút ‘Xác minh khóa’.

Tạo trang chủ mới với SeedProd

Ở giai đoạn này, bạn cần phải ghé thăm SeedProd » Trang và nhấp vào nút ‘Thêm landing page mới’.

Tạo thiết kế trang chủ mới với SeedProd

Sau đó, đã đến lúc chọn một mẫu cho trang chủ custom của bạn. SeedProd có rất nhiều mẫu được thiết kế chuyên nghiệp mà bạn có thể custom dựa trên nhu cầu của website WordPress của mình.

Để chọn một mẫu, bạn chỉ cần di chuột qua mẫu đó rồi nhấp vào icon ‘Dấu kiểm’.

Chọn mẫu cho trang chủ WordPress custom của bạn

Chúng tôi sử dụng mẫu ‘Juicy Sales Page’ trong tất cả hình ảnh của mình, nhưng bạn có thể sử dụng bất kỳ thiết kế nào.

Tiếp theo, hãy nhập tên cho trang chủ custom. SeedProd sẽ tự động tạo 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ỳ tên nào bạn muốn.

Khi bạn đã hài lòng với thông tin đã nhập, hãy nhấp vào nút ‘Lưu và bắt đầu chỉnh sửa trang’.

Cách tạo trang chủ custom trong WordPress bằng SeedProd

Tiếp theo, bạn sẽ được đưa đến page builder kéo và thả SeedProd, nơi bạn có thể custom mẫu của mình.

Trình chỉnh sửa SeedProd hiển thị bản xem trước trực tiếp thiết kế của bạn ở bên phải và một số cài đặt block ở bên trái.

Mẫu trang chủ được tạo bằng SeedProd

Menu bên trái cũng có các block mà bạn có thể kéo vào layout của mình.

Ví dụ, bạn có thể kéo và thả các block đơn giản như nút và hình ảnh hoặc sử dụng các block nâng cao như bộ đếm thời gian countdown, form liên hệ, nút chia sẻ xã hội, v.v.

Thêm phần chia sẻ xã hội vào trang chủ

Để custom bất kỳ block nào, chỉ cần nhấp để chọn block đó trong layout của bạn.

Menu bên trái hiện sẽ hiển thị tất cả các option custom để cấu hình block đó. Bạn cũng có thể thay đổi màu nền của trang, thêm hình ảnh nền hoặc thay đổi phối màu và font để phù hợp hơn với thương hiệu của bạn.

Thay đổi thương hiệu của trang chủ WordPress của bạn

Bạn thậm chí có thể sử dụng hoạt ảnh CSS để thu hút sự chú ý của người dùng.

Để bắt đầu, bạn sẽ muốn thay thế bất kỳ hình ảnh giữ chỗ nào bằng ảnh hoặc logo custom của riêng bạn. Để thực hiện việc này, chỉ cần nhấp để chọn bất kỳ block Hình ảnh nào trong bản xem trước trực tiếp.

Trong menu bên trái, nhấp vào nút ‘Chọn hình ảnh’.

Thêm hình ảnh vào thiết kế của bạn

Bây giờ bạn có thể chọn hình ảnh từ media library WordPress hoặc tải file mới lên từ máy tính của mình.

SeedProd có ‘Phần’, là tập hợp các block thường được sử dụng cùng nhau.

Ví dụ, SeedProd có tiêu đề, hình ảnh chính, lời kêu gọi hành động, lời chứng thực, form liên hệ, Câu hỏi thường gặp, tính năng, footer trang, v.v. Những thứ này có thể giúp bạn tạo trang chủ custom nhanh chóng.

Để xem qua các phần khác nhau, chỉ cần nhấp vào tab ‘Phần’. Để xem trước bất kỳ phần nào, chỉ cần di chuột qua phần đó rồi nhấp vào icon kính lúp.

Thêm các phần vào layout trang custom

Để thêm phần này vào thiết kế của bạn, hãy nhấp vào ‘Chọn phần này’.

Thao tác này sẽ thêm phần đó vào cuối trang chủ của bạn.

Phần lời chứng thực của khách hàng đã sẵn sàng

Bạn có thể di chuyển các phần và block xung quanh layout của mình bằng cách kéo và thả.

Khi bạn đã hài lòng với giao diện của trang chủ, đừng quên nhấp vào nút ‘Lưu’ để lưu lại thay đổi.

Lưu thiết kế SeedProd của bạn

Kết nối trang chủ của bạn với dịch vụ marketing qua email

Nếu bạn có plan chạy campaign marketing qua email, trang chủ là một trong những nơi tốt nhất để hiển thị form đăng ký.

Điều tuyệt vời của SeedProd là nó giúp bạn dễ dàng kết nối trang chủ của mình với các dịch vụ marketing qua email phổ biến như Constant Contact.

Để thực hiện việc này, chỉ cần nhấp vào tab ‘Kết nối’ rồi chọn nhà cung cấp dịch vụ email của bạn.

Kết nối nhà cung cấp email của bạn với page builder SeedProd

SeedProd hiện sẽ chỉ cho bạn cách kết nối trang chủ với dịch vụ marketing qua email của bạn.

Nếu nhà cung cấp của bạn không có trong danh sách, đừng lo lắng. SeedProd hoạt động với Zapier, đóng vai trò là cầu nối giữa SeedProd và hơn 3000 ứng dụng khác.

Chỉ cần cuộn đến phần ‘Khác’ và di chuột qua ‘Zapier’. Khi nút ‘Kết nối’ xuất hiện, hãy nhấp vào đó rồi làm theo hướng dẫn trên màn hình để kết nối SeedProd và Zapier.

Cách kết nối SeedProd và Zapier

Xuất bản Trang chủ SeedProd của bạn

Sau khi bạn đã thực hiện tất cả các bước trước đó, bạn đã sẵn sàng để xuất bản trang chủ custom của mình. Chỉ cần nhấp vào tab ‘Cài đặt trang’.

Có nhiều option hơn trong tab Cài đặt trang mà bạn có thể muốn xem. Ví dụ: bạn có thể thay đổi cài đặt SEO, chỉnh sửa tiêu đề trang và kết nối tên miền custom.

Thay đổi cài đặt cho trang chủ của bạn

Khi bạn đã hài lòng với cách thiết lập trang, hãy tiếp tục và chọn tab ‘Chung’.

Bây giờ bạn có thể nhấp vào nút chuyển đổi ‘Trạng thái trang’ để thay đổi từ ‘Bản nháp’ thành ‘Xuất bản’.

Xuất bản một thiết kế trang chủ độc đáo

Bây giờ, bạn chỉ cần đi đến Cài đặt » Đọc và đặt trang này làm trang chủ custom mới của bạn.

Phương pháp 3: Tạo thủ công trang chủ custom trong WordPress (Yêu cầu code hóa)

Một cách khác để tạo trang chủ custom là sử dụng code, cho phép bạn kiểm soát hoàn toàn giao diện của website. Tuy nhiên, phương pháp này có thể phức tạp và lỗi code hóa có thể gây ra mọi loại lỗi WordPress phổ biến.

Vì lý do đó, WPBeginner Việt Nam không khuyên dùng phương pháp này cho người mới bắt đầu.

Giao diện WordPress của bạn được tạo thành từ nhiều file khác nhau. Một số file này được gọi là mẫu và chúng kiểm soát cách các khu vực khác nhau trên website của bạn trông như thế nào. Để biết thêm thông tin, vui lòng xem bảng hướng dẫn phân cấp mẫu WordPress của WPBeginner Việt Nam.

Một trong những mẫu này được gọi là front-page.php.

Nếu theme của bạn có mẫu này, thì WordPress sẽ tự động sử dụng nó để hiển thị trang chủ. Điều này có nghĩa là bạn có thể tạo trang chủ custom bằng cách chỉnh sửa file này hoặc thay thế bằng file mới.

Để bắt đầu, bạn sẽ cần một chương trình FTP như FileZilla hoặc bạn có thể sử dụng trình quản lý file do nhà cung cấp dịch vụ hosting WordPress cung cấp.

Nếu đây là lần đầu tiên bạn sử dụng FTP, bạn có thể xem hướng dẫn đầy đủ của WPBeginner Việt Nam về cách kết nối đến website của bạn bằng FTP.

Sau khi kết nối với server, hãy vào /wp-content/themes/ rồi mở folder chứa theme WordPress hiện tại của bạn.

Kết nối với website của bạn bằng cách sử dụng máy khách FTP

Nếu folder này đã có file front-page.php, thì bạn có thể tiếp tục và mở file đó trong trình soạn thảo văn bản như Notepad. Sau đó, bạn có thể thực hiện bất kỳ thay đổi nào bạn muốn bằng cách chỉnh sửa code.

Nếu theme của bạn không có file front-page.php, thì bạn có thể tạo một file mới với tên front-page.php.

Sau đó, bạn chỉ cần tải front-page.php lên folder theme hiện tại trên tài khoản hosting WordPress của bạn.

Ngay khi bạn tải file này lên, WordPress sẽ bắt đầu sử dụng file này để hiển thị trang chủ của bạn. Tuy nhiên, vì file này hoàn toàn trống nên bạn sẽ thấy một trang trống làm trang chủ của mình.

Để khắc phục lỗi này, chỉ cần mở file trong ứng dụng soạn thảo văn bản và bắt đầu thêm code HTML.

Nếu bạn bắt đầu với một file tin trống, bạn có thể tiết kiệm thời gian bằng cách sử dụng code và mẫu có sẵn trong theme WordPress của mình.

Ví dụ, thường thì việc đưa header trang và footer trang của theme vào sẽ hợp lý hơn.

Trong code mẫu sau đây, WPBeginner Việt Nam đã xóa content và sidebar trong khi lấy mẫu tiêu đề và điều hướng từ theme:


    
>

You custom homepage code goes here

//Fetch the theme footer template

Khám phá thêm các mẹo chuyên gia để custom các trang và bài đăng trên WordPress

Bạn muốn kiểm soát nhiều hơn nữa website WordPress của mình và custom nhiều hơn cho các trang và bài đăng của mình? Hãy xem các bài viết dưới đây:

Chúng tôi hy vọng bài viết này đã giúp bạn tạo trang chủ custom trong WordPress. Bạn cũng có thể muốn xem các lựa chọn chuyên gia của WPBeginner Việt Nam về các plugin bài đăng phổ biến nhất cho WordPress và bài viết của WPBeginner Việt Nam về các trang quan trọng nhất mà mọi blog WordPress nên có.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (196 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập
WordPress

Đánh giá Sucuri – Sucuri đã giúp WPBeginner Việt Nam chặn 450.000 cuộc tấn công WordPress trong 3 tháng như thế nào

Bất cứ khi nào WPBeginner Việt Nam được hỏi về các mẹo bảo mật WordPress, hai trong số các recommend hàng đầu của WPBeginner Việt Nam là có được giải pháp backup WordPress tốt và bắt đầu sử dụng tường lửa website Sucuri. Tại WPBeginner, WPBeginner Việt Nam đã thử

Đọc tiếp »
WordPress

Cách quản lý tốt hơn các cập nhật WordPress tự động

Chúng tôi quản lý nhiều website WordPress và hiểu rằng việc cập nhật chúng là điều cần thiết để đảm bảo tính bảo mật, hiệu suất và tính ổn định của chúng. Nhưng việc quản lý các bản cập nhật đó theo cách thủ công có thể tốn thời gian

Đọc tiếp »