Bạn có muốn tạo một mẫu trang tùy chỉnh WordPress không?
Bạn có thể đồng ý rằng việc tạo trang web bằng WordPress tương đối dễ dàng
Cài đặt một chủ đề WordPress, điều chỉnh nội dung theo yêu cầu của bạn và voila, trang web của bạn đã sẵn sàng để ra mắt
Với cấu trúc mẫu được tạo sẵn, tất cả những gì bạn phải làm là thay thế văn bản và hình ảnh mặc định bằng nội dung độc đáo của mình và bạn đã sẵn sàng.
Nếu bạn muốn thay đổi cấu trúc bố cục cho một trang cụ thể thì sao?
May mắn thay, WordPress cung cấp cho bạn sự linh hoạt để tạo bố cục trang tùy chỉnh. Bạn có thể sử dụng chúng dưới dạng một lần hoặc làm mẫu cho nhiều trang
Và phần hay nhất là bạn thậm chí không cần biết HTML, CSS hoặc PHP
Vì vậy, làm cách nào để chúng tôi tạo một mẫu trang tùy chỉnh trong WordPress?
Hãy cùng tìm hiểu
Mục lục
Mẫu trang tùy chỉnh WordPress là gì?
Như tên gợi ý, mẫu trang tùy chỉnh WordPress là tệp mẫu tùy chỉnh được áp dụng cho một trang hoặc nhóm trang cụ thể
Bằng cách sử dụng mẫu trang tùy chỉnh, bạn có thể áp dụng bố cục khác với các trang còn lại trên trang web của mình
Ví dụ: bạn có thể muốn trang đích hoặc trang bán hàng của mình trông khác với các bài đăng và trang của bạn. Bạn cũng có thể muốn tạo một trang lưu trữ tùy chỉnh để hiển thị các bài đăng của mình
Bạn muốn tạo một mẫu trang trong WordPress cho bố cục toàn chiều rộng hoặc một cột?
Tất cả những điều này có thể đạt được bằng cách sử dụng mẫu trang tùy chỉnh
Mẫu trang không chỉ có thể được áp dụng để hiển thị nội dung động trên một trang mà còn có thể được áp dụng cho một phần trang hoặc thậm chí một lớp trang cụ thể
Sự xuất hiện của các trang được kiểm soát bởi chủ đề WordPress của bạn bằng cách sử dụng trang. tập tin mẫu php
Theo mặc định, tất cả các trang đơn lẻ trên trang web WordPress của bạn đều sử dụng tệp này
Nhưng, điều gì sẽ xảy ra khi bạn có một mẫu WordPress tùy chỉnh?
Đó là nơi hệ thống phân cấp mẫu trang phát huy tác dụng
Phân cấp mẫu trang
Mỗi khi một yêu cầu được gửi để xem trang web của bạn, WordPress sẽ tìm ra nội dung nào sẽ được hiển thị và phần cụ thể của trang web hoặc trang đó sẽ được hiển thị như thế nào
Hệ thống phân cấp mẫu WordPress sẽ duyệt qua danh sách các tệp mẫu trang và chọn tệp phù hợp nhất
Thông thường, hệ thống phân cấp trang trông như thế này
- Mẫu trang. WordPress tìm mẫu tùy chỉnh mà bạn đã chỉ định cho trang và sử dụng nó
- trang-{slug}. php. Nếu bạn chưa chỉ định mẫu tùy chỉnh, WordPress sẽ tìm mẫu chứa sên của trang
- trang-{id}. php. Nếu không tìm thấy mẫu có sên của trang, tiếp theo, WordPress sẽ tìm mẫu có ID của trang
- trang. php. Nếu không tìm thấy mẫu có ID của trang, WordPress sẽ sử dụng mẫu mặc định của chủ đề
- số ít. php. Trong trường hợp trang. không tìm thấy tệp php, bất kể loại bài đăng nào, WordPress sử dụng mẫu của chủ đề dành cho các bài đăng đơn lẻ
- mục lục. php. WordPress sử dụng chỉ mục mặc định của chủ đề. php để hiển thị trang nếu không có mẫu cụ thể nào được chỉ định
Bây giờ chúng ta đã có một ý tưởng hợp lý về cách WordPress chọn một mẫu, hãy hiểu lý do tại sao chúng ta có thể cần một mẫu trang tùy chỉnh WordPress
Xin chào. Tên tôi là Sujay và tôi là CEO của Astra
Chúng tôi đang thực hiện sứ mệnh giúp các doanh nghiệp nhỏ phát triển trực tuyến bằng các sản phẩm phần mềm giá cả phải chăng và nền giáo dục mà bạn cần để thành công
nếu bạn muốn tham gia cuộc trò chuyện hoặc nhấp vào đây nếu bạn muốn trợ giúp cá nhân hoặc tham gia riêng với nhóm của chúng tôi
Tại sao bạn có thể cần một mẫu trang tùy chỉnh WordPress?
Mẫu WordPress tùy chỉnh cho phép bạn tùy chỉnh trang web theo nhiều cách
Sử dụng mẫu trang tùy chỉnh cho phép bạn hiển thị nhiều loại nội dung khác nhau trên các trang khác nhau. Nếu bạn đang lập kế hoạch tạo nhiều trang, thì một mẫu tùy chỉnh là lựa chọn tốt nhất của bạn
Mặc dù hầu hết các chủ đề đều cung cấp tuyển chọn các mẫu đặt trước, nhưng một số thì không, hạn chế tính linh hoạt trong thiết kế của bạn
Hãy xem xét một vài trường hợp mà bạn có thể cần một mẫu trang tùy chỉnh
- Trang phễu bán hàng
- trang đích
- Các trang cho các mục đích sử dụng khác nhau
- trang chuyên mục
- Các trang chứa tập lệnh
Trang kênh bán hàng
Trang kênh bán hàng là một trang độc lập trên trang web WordPress của bạn được thiết kế với mục đích duy nhất là khuyến khích khách truy cập thực hiện một tác vụ cụ thể
Điều này có thể là đăng ký hội thảo trên web, mua thứ gì đó, đăng ký dùng thử miễn phí hoặc tải xuống Sách điện tử
Nếu bạn đang sử dụng WordPress, bạn có thể nhanh chóng tạo kênh bán hàng bằng mẫu trang tùy chỉnh
Khi bạn đã chọn một mẫu, bạn có thể tùy chỉnh nó để làm cho nó phù hợp với giao diện của trang web của bạn. Bạn cũng có thể sử dụng mẫu trang đích được tạo sẵn để tạo kênh của mình
Bạn cũng sẽ cần WooC Commerce và CartFlows để tạo kênh bán hàng với WordPress
Trang đích
Trang đích là một trang độc lập được thiết kế để chuyển đổi khách truy cập thành khách hàng tiềm năng như trang kênh
Một trang đích điển hình không có thanh bên, đầu trang hoặc chân trang để giảm bớt sự phân tâm. Tất cả những gì bạn có là một trang có chiều rộng đầy đủ bao gồm văn bản, biểu mẫu thu thập khách hàng tiềm năng và lời kêu gọi hành động
Mẫu WordPress tùy chỉnh là một cách tuyệt vời để tạo trang đích
Nếu bạn sử dụng trình chỉnh sửa khối Gutenberg, bạn có thể tùy chỉnh bất kỳ khối nào và xóa khối bạn không cần
Nhiều trang đích sử dụng nút kêu gọi hành động và khối nút để cho phép bạn thêm nút vào trang của mình. Khối đăng ký cũng sẽ giúp bạn thu thập khách hàng tiềm năng từ khách truy cập
Nếu trang web của bạn đang bán một sản phẩm, thì trang đích của bạn phải được thiết kế có tính đến mục tiêu của đối tượng cụ thể đó
Trang bóp là một lựa chọn tốt nếu bạn đang cố nắm bắt địa chỉ email. Một trang cảm ơn sẽ thúc đẩy sự hài lòng của khách hàng. Trang đích của hội thảo trên web nhằm mục đích tăng số lượt đăng ký
Bạn có được ý tưởng
Các cách sử dụng khác cho mẫu trang tùy chỉnh bao gồm
Các trang có mục đích sử dụng khác với các trang chính
Các mẫu trang tùy chỉnh WordPress có thể tạo bất kỳ trang nào bạn cần
Chẳng hạn, bạn có thể sử dụng mẫu tùy chỉnh để hiển thị các bài đăng trên blog của mình ở định dạng danh mục cụ thể
Bạn cũng có thể chỉ định một trang tùy chỉnh làm trang chủ của trang web, làm cho trang của bạn trông hoàn toàn khác với các trang khác của bạn
Nói một cách đơn giản, một mẫu trang tùy chỉnh hoạt động tốt khi bạn muốn tạo một trang trông khác với các trang còn lại trên trang web của mình
Khi bạn tạo một mẫu, bạn có thể sử dụng lại nó bao nhiêu lần tùy thích mà không phải tạo một mẫu khác từ đầu
Để hiển thị các bài đăng gần đây của từng danh mục
Nếu bạn điều hành một trang web hoặc blog được thiết lập tốt và muốn có các trang danh mục chuyên dụng, bạn có thể muốn sử dụng một mẫu WordPress tùy chỉnh
Nhiều chủ đề đi kèm với các trang chủ hấp dẫn và các trang đăng cá nhân, nhưng một số chủ đề bao gồm một trang danh mục
Đây là nơi một mẫu tùy chỉnh xuất hiện. Bạn có thể lấy các phần của chủ đề tổng thể của mình và xóa các phần tử không phù hợp hoặc không hoạt động trên trang danh mục
Sau đó, bạn có thể biến trang đó thành một mẫu để sử dụng cho mọi danh mục
Nhúng Google Map hoặc Script
Bạn cũng có thể sử dụng các mẫu WordPress tùy chỉnh để nhúng các yếu tố như bản đồ Google hoặc tập lệnh
Ví dụ: bạn muốn đánh dấu vùng phủ sóng hoặc hiển thị bán kính giao hàng hoặc bạn muốn đưa nguồn cấp dữ liệu Instagram của mình vào trang riêng
Bạn không muốn bao gồm một menu đầy đủ và tất cả các yếu tố trên các trang tiêu chuẩn của mình, vì vậy việc tạo một mẫu tùy chỉnh có thể là lý tưởng
Tạo mẫu trang trong WordPress với Mẫu dành cho người mới bắt đầu
Tạo các mẫu trang trong WordPress thực sự đơn giản nếu bạn đang sử dụng chủ đề Astra và Mẫu dành cho người mới bắt đầu của chúng tôi
Mẫu dành cho người mới bắt đầu là một thư viện gồm các mẫu trang web dựng sẵn phù hợp với hầu hết mọi phân khúc thị trường ngách. Vì mục đích của bài viết này, chúng tôi sẽ nhập Mẫu dành cho người mới bắt đầu cho trình tạo trang Elementor
Để bắt đầu, hãy đi tới Trang > Thêm mới và đặt tên cho mẫu của bạn
Trong tab Mẫu, chọn tùy chọn Elementor Canvas. Bằng cách này, chúng ta có một canvas hoàn toàn trống để chơi
Tiếp theo, nhấp vào nút Chỉnh sửa bằng Elementor
Từ các tùy chọn được cung cấp, nhấp vào Starter Templates
Chúng tôi cho rằng bạn đã cài đặt Mẫu dành cho người mới bắt đầu trên trang web WordPress của mình
Nếu có, bạn sẽ nhận thấy một loạt các mẫu độc đáo để lựa chọn
Mặc dù bạn có thể chọn bất kỳ mẫu nào mình thích, nhưng chúng tôi sẽ tiếp tục và tìm kiếm mẫu 'trang đích' bằng cách sử dụng trường tìm kiếm được cung cấp
Bằng cách nhấp vào mẫu, bạn có thể xem các trang khác nhau đi kèm với nó
Trong trường hợp này, chúng tôi chỉ có mẫu trang đích
Nếu tất cả đều ổn, hãy tiếp tục và nhấp vào nút Nhập mẫu
Thao tác này sẽ tải mẫu lên trang của bạn
Thông thường, chúng tôi sẽ nhấp vào nút xuất bản ngay lập tức. Tuy nhiên, trước khi làm điều đó, hãy nhấp vào mũi tên bên cạnh nút xuất bản
Bạn tìm thấy hai tùy chọn – lưu bản nháp hoặc lưu dưới dạng mẫu
Nhấp vào tùy chọn ‘Lưu dưới dạng Mẫu’
Bạn sẽ được nhắc nhập tên cho mẫu của mình. Nhấp vào Lưu khi bạn hoàn tất
Mẫu của bạn bây giờ sẽ được lưu trong tab Mẫu của tôi
Lần tới khi bạn muốn sử dụng mẫu này, hãy nhấp vào liên kết Chèn
Đó là cách đơn giản để tạo mẫu trang tùy chỉnh bằng Mẫu dành cho người mới bắt đầu
Cách tạo mẫu WordPress bằng Elementor
Bây giờ chúng tôi sẽ chỉ cho bạn cách tạo mẫu WordPress từ đầu bằng Elementor
Chuyển đến Trang > Thêm mới và đặt tên cho mẫu của bạn
Chẳng hạn, chúng tôi đã đặt tên cho mẫu của mình là 'Mẫu phần tử của tôi. ’
Tiếp theo, nhấp vào Chỉnh sửa bằng Elementor
Mặc dù bạn có thể tạo một trang từ đầu bằng cách sử dụng các phần và các tiện ích khác nhau được cung cấp, nhưng chúng tôi sẽ tạo một trang nhanh hơn bằng cách sử dụng một trong số các mẫu dựng sẵn
Nhấp vào biểu tượng thư mục để thêm mẫu
Thao tác này sẽ mở ra toàn bộ thư viện mẫu mà bạn có thể sử dụng. Có một mẫu dành cho hầu hết mọi thị trường ngách, từ đại lý và chuyên gia tư vấn đến phòng khám nha khoa và thẩm mỹ viện
Bạn không muốn sử dụng các mẫu trang? . Bạn cũng có thể sử dụng các khối dựng sẵn
Bạn có thể thiết kế một mẫu trang tùy chỉnh từ đầu bằng cách sử dụng nhiều khối. Bao gồm các khối trên trang của bạn cho các danh mục khác nhau, chẳng hạn như giới thiệu, liên hệ, kêu gọi hành động, khách hàng hoặc bất kỳ thứ gì bạn muốn
Chúng tôi sẽ chọn một mẫu từ bên dưới tab Trang
Nhấp và xem trước mẫu bạn chọn
Nếu nó phù hợp với yêu cầu của bạn, hãy tiếp tục và nhấp vào Chèn
Nếu đây là lần đầu tiên bạn kết nối với thư viện mẫu, bạn có thể được nhắc đăng nhập
Nhấp vào Bắt đầu và hoàn tất quy trình đăng nhập đơn giản
Sau khi đăng nhập thành công, bạn sẽ được nhắc xác nhận quá trình nhập
Nhấp vào Có để tiếp tục
Mẫu bây giờ sẽ được chèn vào trang của bạn
Tiếp theo, nhấp vào mũi tên bên cạnh nút Xuất bản, như hình bên dưới
Từ các tùy chọn được cung cấp, nhấp vào Lưu dưới dạng Mẫu
Bạn sẽ được nhắc đặt tên cho mẫu của mình
Nhập tên và nhấp vào Lưu
Mẫu trang tùy chỉnh của bạn hiện được thêm vào danh sách Mẫu của tôi
Lần tới khi bạn muốn sử dụng mẫu trang tùy chỉnh, hãy nhấp vào tab Mẫu của tôi và chèn mẫu của bạn
Và đó là cách đơn giản để tạo một mẫu tùy chỉnh bằng Elementor
Tạo mẫu trang tùy chỉnh bằng Gutenberg
Bây giờ, hãy tạo một mẫu trang tùy chỉnh bằng trình chỉnh sửa khối Gutenberg
Trình chỉnh sửa Gutenberg giúp tạo các trang bằng các khối cực kỳ dễ dàng. Bạn muốn thêm một yếu tố vào trang của bạn? . Nó đơn giản mà
Gutenberg khiến việc này trở nên dễ dàng hơn bằng cách cho phép bạn tạo các khối có thể tái sử dụng
Sau khi hài lòng với một khối mà bạn đã tạo, bạn có thể thêm khối đó vào bộ sưu tập các khối có thể tái sử dụng của mình
Bằng cách này, bạn có thể sử dụng lại khối đó trên bất kỳ trang nào hoặc đăng trên trang web của mình
Khi bạn đã tạo xong trang của mình, hãy tạo một khối có thể tái sử dụng bao gồm tất cả các khối bạn vừa tạo
Chẳng hạn, chúng tôi đã thêm một số khối vào trang của mình và chọn tất cả chúng
Bạn có thể thực hiện việc này bằng cách nhấp vào bên trong bất kỳ khối nào và sử dụng phím tắt, CTRL+A [hoặc CMD+A đối với người dùng Mac], bạn có thể chọn tất cả các khối
Sau đó, nhấp vào nút 'Thêm vào các khối có thể tái sử dụng'. ’
Đặt tên cho khối có thể tái sử dụng của bạn rồi nhấp vào Lưu
Bạn muốn thêm mẫu của mình vào một trang mới?
Đơn giản phải không?
Sử dụng Spectra để tạo mẫu trang tùy chỉnh trong WordPress
Tiếp theo, chúng tôi sẽ chỉ cho bạn cách tạo mẫu trong WordPress bằng plugin Spectra. Đó là một addon miễn phí dành cho trình chỉnh sửa khối WordPress có thêm một loạt các khối và tính năng bổ sung
Sử dụng Spectra thêm các khối vào quy trình chỉnh sửa khối WordPress [Gutenberg] tiêu chuẩn mà chúng tôi vừa mô tả
Lợi ích của Spectra là bạn có một số khối mới để chơi khi tạo một mẫu WordPress tùy chỉnh
Hãy tạo một mẫu trang đích tùy chỉnh nhanh mà bạn có thể sử dụng nhiều lần cho bất kỳ số lượng ưu đãi nào
Chọn Trang > Thêm mới trong WordPress
Đặt tên cho trang của bạn và nhấp để thêm một khối
Chọn Spectra và chọn Container
Chọn bố cục vùng chứa phù hợp với trang của bạn. Chúng tôi đã chọn bố cục 3 phần cho trang mẫu của mình
Chọn tiêu đề để giới thiệu trang và ưu đãi
Chọn một danh sách để làm nổi bật các tính năng tuyệt vời của sản phẩm của bạn
Thêm khối Gọi hành động từ Spectra bên dưới và điền thông tin chi tiết
Tất cả các trang đích tốt đều cần lời chứng thực để thêm bằng chứng xã hội, vì vậy hãy chọn khối Lời chứng thực từ Spectra và thêm nó vào bên dưới
Sau đó chọn một khối Gọi hành động khác để hoàn thành trang
Khi bạn đã hoàn tất, hãy lưu trang dưới dạng bản nháp. Sau đó chọn tất cả các khối trên trang và chọn ba dấu chấm ở đầu màn hình
Chọn 'Thêm vào các khối có thể tái sử dụng' từ menu, đặt tên cho mẫu của bạn và chọn Lưu
Khi bạn xem trước trang đích của mình, nó sẽ giống như thế này
Trong thế giới thực, rõ ràng chúng ta sẽ tạo ra nhiều thiết kế hơn, nhưng bạn có thể thấy việc tạo các mẫu trang trong WordPress có thể đơn giản như thế nào với Spectra
Vì chúng tôi đã lưu trang này dưới dạng một khối có thể tái sử dụng, bạn có thể sử dụng nó bao nhiêu lần tùy ý chỉ bằng cách tải nó lên một trang
Cách tạo mẫu WordPress theo cách thủ công
Chúng tôi đã để lại phương pháp này sau cùng, đơn giản vì nó liên quan đến một số mã hóa
Mặc dù các phương pháp chúng tôi đã đề cập trước đó sẽ hoạt động hoàn toàn tốt, nhưng bạn cũng có thể sử dụng phương pháp này để tạo một mẫu trang tùy chỉnh nếu bạn cảm thấy thoải mái khi viết mã
Bạn cũng sẽ cần thông tin đăng nhập FTP hoặc quyền truy cập vào trình quản lý tệp trên tài khoản lưu trữ của mình để tải tệp lên trang web trực tiếp của mình
Bắt đầu bằng cách mở trình soạn thảo văn bản. Sau đó, thêm dòng mã sau
Dòng mã này cho WordPress biết đây là tệp mẫu. Bạn có thể đặt bất kỳ tên nào cho mẫu của mình. Chẳng hạn, chúng tôi đã đặt tên cho mẫu của mình là MyCustomTemplate
Khi đã xong, hãy lưu tệp trên màn hình của bạn với một. phần mở rộng php. Chúng tôi đã giữ tệp dưới dạng mycustomtemplate. php
Tiếp theo, chúng tôi phải tải tệp này lên trang web trực tiếp. Bạn có thể sử dụng ứng dụng khách FTP như FileZilla hoặc trình quản lý tệp từ bảng điều khiển lưu trữ của mình
Tệp phải được tải lên cùng với thư mục của chủ đề hiện tại mà bạn có thể tìm thấy thư mục này trong thư mục /wp-content/themes/
Khi bạn đã tải tệp lên thành công, hãy truy cập bảng điều khiển WordPress của bạn và thêm một trang mới
Trong Mẫu, ở bên phải trình chỉnh sửa của bạn, bạn sẽ tìm thấy mẫu bạn vừa tải lên
Chọn mẫu tùy chỉnh và nhấn xuất bản
Xem xét chúng tôi chỉ có một dòng mã trên trang mẫu của chúng tôi, tất cả những gì bạn sẽ thấy hiện tại là một màn hình trống
Cách dễ nhất để bắt đầu ngay từ mẫu của bạn là sử dụng mã hiện có và chỉnh sửa nó cho phù hợp với nhu cầu của bạn
Chẳng hạn, bạn có thể bắt đầu bằng cách tải xuống trang của chủ đề hiện tại. tập tin php. Sau đó, chỉnh sửa mã, thêm mã PHP tùy chỉnh, xóa thanh bên hoặc thêm HTML bổ sung theo yêu cầu của bạn để tạo mẫu trang tùy chỉnh
Đây là mã trong trang của Astra. tệp php trông giống như,