WordPress sử dụng các mẫu và chủ đề để định hướng bố cục của trang web. Nhưng có thể đôi khi bạn muốn tạo một trang có giao diện khác. Chẳng hạn, nhiều trang web có trang đích trông khác nhiều so với phần còn lại của trang web
Bạn có thể tạo các trang có thiết kế và bố cục của riêng mình bằng mẫu trang tùy chỉnh trong WordPress. Nó không dễ như cài đặt một plugin – nó đòi hỏi một chút công việc thực hành. Nhưng một khi bạn đã tạo mẫu, chỉ cần một cú nhấp chuột trong WordPress bất cứ khi nào bạn cần
Chúng ta sẽ làm việc với PHP và FTP, vì vậy một số kiến thức cơ bản về mã hóa và tải lên tệp trang web sẽ rất hữu ích. [Việc tùy chỉnh mẫu cũng sẽ liên quan đến việc làm việc với CSS, PHP và một số HTML. ]
Nhưng ngay cả khi bạn không có kinh nghiệm viết mã hàng ngày, bạn vẫn có thể tạo một mẫu trong WordPress. Chỉ cần làm theo các bước tại đây và đến cuối bài viết, mẫu tùy chỉnh của bạn sẽ được thiết lập và chạy
Trang tùy chỉnh có thể làm gì cho bạn
Mẫu trang tùy chỉnh có thể hữu ích khi bạn cần tạo giao diện riêng biệt từ trang web chính của mình. Điều đó có thể được thực hiện cho mục đích tiếp thị hoặc để tạo một trang không liên quan đến chủ đề trang web tổng thể của bạn
Bạn có thể thiết lập trang theo bất kỳ cách nào mà không có tác động tiêu cực đến phần còn lại của trang web của bạn. Bất cứ điều gì bạn thay đổi trên trang tùy chỉnh sẽ không ảnh hưởng đến phần còn lại của bố cục trang web của bạn. Nhìn nó giống như một trang hoạt động độc lập với phần còn lại của trang web WordPress của bạn
Tạo mẫu trang tùy chỉnh
Để tạo mẫu tùy chỉnh, chúng tôi sẽ sử dụng trình soạn thảo văn bản
Nếu bạn là người dùng Windows, trình soạn thảo văn bản Notepad đã có sẵn trên máy tính của bạn. Nhưng bất kỳ trình soạn thảo văn bản hoặc trang web nào [DreamWeaver, CoffeCup, Notepad++, Atom Text, TextPad, v.v. ] sẽ thực hiện công việc
Đối với hướng dẫn này, tôi đang sử dụng trình chỉnh sửa Sublime. Giao diện trình chỉnh sửa của bạn có thể trông hơi khác
Bước 1
Mở trình soạn thảo văn bản của bạn. Trong một trang trống, hãy nhập dòng mã này
Mã cho WordPress biết rằng đó là một mẫu và sẽ được hiển thị dưới dạng MyPageTemplate. Bạn có thể sử dụng bất kỳ tên nào bạn muốn. Chỉ cần đảm bảo rằng đó là thứ bạn sẽ nhận ra sau này
Lưu tệp dưới dạng tệp php. Để sắp xếp mọi thứ, hãy đặt tên tệp giống như tên mẫu bạn đã sử dụng. Vì vậy, trong trường hợp của tôi, tôi sẽ lưu tệp dưới dạng MyPageTemplate. php
Để mở trang bạn vừa tạo trong trình chỉnh sửa của bạn. Chúng ta sẽ quay lại với nó
Bước 2
Bây giờ chúng tôi sẽ tải tệp lên trang web WordPress của bạn, vì vậy bạn sẽ cần một chương trình FTP. Nếu bạn chưa sử dụng chương trình FTP, hãy thử FileZilla. Tên buồn cười, chương trình FTP tuyệt vời
Bạn cũng có thể FTP các tệp từ Windows File Explorer hoặc Trình quản lý tệp cPanel cho tài khoản lưu trữ của mình. Nhưng về lâu dài, một chương trình FTP độc lập sẽ nhanh hơn và hiệu quả hơn
Vì vậy, hãy mở chương trình FTP của bạn. Chúng tôi sẽ kết nối với thư mục “root” WordPress của bạn. [Bạn cũng có thể thấy các thư mục được gọi là thư mục. ]
Cài đặt WordPress của tôi được gọi là “demo”, vì vậy thư mục gốc WordPress của tôi trông như thế này
Bạn có thể thấy các tệp WordPress và ba thư mục “wp-”
Nhấp vào thư mục /wp-content
Sau đó nhấp vào thư mục /themes
Trong thư mục /themes, bạn sẽ thấy các chủ đề WordPress hiện được cài đặt
Bây giờ hãy nhấp vào thư mục gốc của chủ đề bạn đang sử dụng. Trong trường hợp của tôi, đó sẽ là /twentyninteen
Tải lên tệp PHP chủ đề tùy chỉnh của bạn vào thư mục chủ đề
Bây giờ bạn thấy MyPageTemplate. php trong thư mục gốc Twentynineteen
Chúng tôi sẽ sử dụng lại chương trình FTP sau một phút nữa, vì vậy đừng đóng nó
Bước 3
Đăng nhập vào bảng quản trị WordPress của bạn
Bây giờ khi bạn tạo một trang mới hoặc chỉnh sửa một trang hiện có, mẫu tùy chỉnh của bạn sẽ có sẵn
Tôi đã tạo và lưu một trang mới bằng mẫu tùy chỉnh của mình. Nhưng khi tôi xem nó trên trang web của mình, nó trống
Đó là bởi vì mẫu của chúng tôi chỉ chứa một dòng xác định nó. Không có mã trong tệp mẫu để cho WordPress biết cách hiển thị trang
Vì vậy, đó là những gì chúng ta sẽ làm tiếp theo. Thêm mã vào mẫu tùy chỉnh của chúng tôi để hiển thị nội dung trang
Nó không khó như nó có vẻ. Chúng tôi sẽ tự làm mọi thứ dễ dàng hơn bằng cách sao chép mẫu trang chủ đề hiện có. Chúng tôi sẽ sử dụng nó làm cơ sở cho mẫu tùy chỉnh của mình
Bước 4
Quay trở lại chương trình FTP của bạn
Trong thư mục gốc của chủ đề, nơi chúng tôi đã tải lên tệp chủ đề tùy chỉnh của mình, hãy tìm tệp có tên là trang. php
Tải xuống máy tính của bạn
Bây giờ hãy mở nó trong trình soạn thảo văn bản hoặc trang web của bạn
Sao chép nội dung của trang. php và dán chúng vào tệp mẫu tùy chỉnh của bạn
Mẫu tùy chỉnh của chúng tôi bây giờ trông như thế này
Mẫu trang tùy chỉnh của chúng tôi đã có tiêu đề, vì vậy chúng tôi sẽ cắt phần tiêu đề ra khỏi mã mà chúng tôi đã sao chép từ trang. php
Chúng tôi đang cắt phần bắt đầu bằng /* và kết thúc bằng */ – nó trông như thế này
Sau khi tiêu đề bị xóa, mẫu trang tùy chỉnh của chúng tôi sẽ trông như thế này
Lưu tệp mẫu trang tùy chỉnh và tải lại lên thư mục gốc của chủ đề. Nó sẽ đi vào cùng một nơi mà chúng tôi đã tải lên phiên bản đầu tiên của tệp
Bây giờ, nếu bạn truy cập trang trên trang web của mình sử dụng mẫu mới, bạn sẽ không còn thấy trang trống nữa
Lấy mẫu tùy chỉnh WordPress của bạn từ đây
Như bạn chắc chắn đã nhận thấy, trang mẫu tùy chỉnh của bạn trông giống như phần còn lại của trang web hiện tại của bạn. Đó là bởi vì chúng tôi đã sử dụng mẫu trang chủ đề làm điểm bắt đầu
Từ thời điểm này, bạn sẽ phải tham gia vào một số mã liên quan hơn để tạo trang bạn muốn. Nhưng nếu bạn thông thạo HTML hoặc có một số kỹ năng cơ bản về PHP, thì nó nằm trong tầm tay của bạn
Để cung cấp cho bạn một ví dụ đơn giản, tôi sẽ thêm một hình ảnh tiêu đề bằng cách thêm một dòng vào tệp mẫu. Dòng này là thẻ hình ảnh chứa đường dẫn đến hình ảnh tiêu đề mà tôi đã tạo và tải lên
Chỉnh sửa nhỏ đó cung cấp cho các trang sử dụng mẫu một hình ảnh tiêu đề
Nơi bạn lấy một mẫu trang tùy chỉnh tùy thuộc vào sự sáng tạo của riêng bạn
Phương pháp này cũng hoạt động cho các bài đăng trên WordPress?
Nó không. Bài đăng và trang được hiển thị theo những cách rất khác nhau trong WordPress. Điều đó đang được nói, có những plugin cho phép bạn tạo các mẫu bài đăng tùy chỉnh
Lỗi hoặc lỗi trong mẫu trang tùy chỉnh có phá vỡ trang web của bạn không?
Không. Vẻ đẹp của mẫu trang tùy chỉnh là nó được tách biệt khỏi phần còn lại của các bài đăng và trang của bạn. Vì vậy, bất kỳ lỗi nào trong mẫu của bạn chỉ ảnh hưởng đến trang hoặc các trang sử dụng nó. Và nếu điều đó xảy ra, bạn luôn có thể thay đổi mẫu cho trang về mẫu trang mặc định của chủ đề. Điều đó sẽ loại bỏ lỗi cho đến khi bạn có thể sửa mẫu của mình
Các lựa chọn thay thế không mã hóa cho bố cục tùy chỉnh
Nếu phương pháp chúng tôi đã vạch ra ở đây có vẻ quá phức tạp, bạn cũng có thể tạo một mẫu trang WordPress tùy chỉnh bằng plugin
Cũng có thể tạo bố cục tùy chỉnh bằng trình tạo trang. Trình tạo trang của SiteOrigin cung cấp cho bạn khả năng thiết kế độc đáo trong khi sử dụng các tiện ích trong nội dung
Một trong hai plugin là một lựa chọn khả thi. Và có rất nhiều trình tạo trang khác mà bạn có thể thử. Nhưng cách chúng tôi đã thực hiện trong bài viết này là tùy chọn nhẹ nhất. Nó không yêu cầu bất kỳ tài nguyên bổ sung nào, trong khi nhiều plugin [hầu hết] sử dụng tài nguyên bộ nhớ
Các trang tùy chỉnh có nhiều mục đích khác nhau, từ quảng cáo sản phẩm hoặc dịch vụ đến tạo trang đích cho chiến dịch. Với một chút kiến thức về lập trình hoặc HTML, không có giới hạn nào cho những gì bạn có thể thiết kế trong WordPress
Bạn có nghĩ rằng bạn sẽ sử dụng các trang tùy chỉnh trên trang web WordPress của mình không?