Bạn muốn tạo một chủ đề WordPress tùy chỉnh từ đầu?
Trước đây, bạn phải theo dõi codex của WordPress và có kiến thức mã hóa khá để tạo ra một chủ đề WordPress tùy chỉnh. Nhưng nhờ có các trình tạo chủ đề WordPress mới, bất kỳ ai cũng có thể tạo một chủ đề WordPress được tùy chỉnh hoàn toàn trong một giờ (không cần kiến thức về mã hóa).
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 chủ đề WordPress tùy chỉnh mà không cần viết bất kỳ mã nào.
Tạo một chủ đề WordPress tùy chỉnh cho người mới bắt đầu
Không giống như các trang web HTML tĩnh, chủ đề WordPress là một tập hợp các tệp mẫu được viết bằng PHP, HTML, CSS và JavaScript. Thông thường, bạn sẽ cần có một sự hiểu biết đúng đắn về tất cả các ngôn ngữ thiết kế web này hoặc thuê một nhà phát triển web để tạo một chủ đề WordPress tùy chỉnh.
Nếu bạn thuê một nhà phát triển hoặc đại lý, chi phí của một chủ đề WordPress tùy chỉnh có thể được tính bằng hàng ngàn đô la.
Vì nhiều chủ doanh nghiệp nhỏ không thể chi trả chi phí cao cho một chủ đề WordPress tùy chỉnh, nhiều người trong số họ hài lòng với chủ đề tiêu chuẩn đi kèm với WordPress.
Những người không muốn được thiết lập và muốn tùy chỉnh, đã sử dụng trình tạo trang kéo và thả WordPress hoặc sử dụng khung chủ đề để tạo chủ đề tùy chỉnh.
Mặc dù các khung chủ đề WordPress giúp dễ dàng tạo chủ đề WordPress, nhưng chúng là một giải pháp cho các nhà phát triển, không phải là chủ sở hữu trang web trung bình.
Mặt khác, các plugin xây dựng trang WordPress giúp dễ dàng tạo bố cục trang tùy chỉnh với giao diện kéo và thả, nhưng chúng chỉ giới hạn ở bố cục. Bạn không thể tạo chủ đề tùy chỉnh với nó.
Ngay cả Beaver Builder, một trong những plugin xây dựng trang WordPress tốt nhất đã quyết định giải quyết vấn đề này với plugin có tên là Beaver Themer.
Beaver Themer là một plugin xây dựng trang web cho phép bạn tạo các thiết kế chủ đề tùy chỉnh với giao diện kéo và thả và không cần học mã.
Chúng ta hãy xem cách sử dụng Beaver Themer để dễ dàng tạo một chủ đề WordPress.
Video Hướng dẫn
Đăng ký WPBeginner
Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy đọc tiếp.
Cấu hình Beaver Themer để tạo chủ đề tùy chỉnh
Beaver Themer là một plugin bổ sung cho Beaver Builder, vì vậy bạn cần cả hai plugin cho bài viết này.
Trước tiên, bạn cần cài đặt và kích hoạt các plugin Beaver Builder và Beaver Themer. Để biết thêm thông tin, 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.
Beaver Themer cho phép bạn tạo một chủ đề tùy chỉnh, nhưng bạn vẫn cần một chủ đề để bắt đầu. Chúng tôi khuyên bạn nên sử dụng một chủ đề nhẹ bao gồm một mẫu trang có chiều rộng đầy đủ để phục vụ như là chủ đề bắt đầu của bạn.
Bạn có thể tìm thấy nhiều chủ đề này trong thư mục chủ đề WordPress.org. Hầu hết các chủ đề WordPress hiện đại bao gồm một mẫu toàn chiều rộng. Các lựa chọn tốt nhất của chúng tôi là:
Astra – Một chủ đề WordPress miễn phí và dễ dàng cho tất cả các mục đích đi kèm với hỗ trợ tích hợp cho Beaver Builder.
OeanWP – Một chủ đề WordPress phổ biến khác với nhiều tính năng đi kèm với hỗ trợ xây dựng thống nhất.
Chủ đề StudioPress: Tất cả các chủ đề của bạn đều tuân thủ Beaver Builder và hoạt động tốt với Beaver Themer.
Đối với hướng dẫn này, chúng tôi sẽ sử dụng Astra, đây là một chủ đề WordPress nhẹ và dễ dàng tùy chỉnh.
Đặt chủ đề của bạn cho Beaver Themer
Khi tạo một chủ đề WordPress tùy chỉnh với Beaver Themer, điều quan trọng là phải đảm bảo rằng Beaver Themer có quyền truy cập vào toàn bộ trang (từ cạnh này sang cạnh khác).
Đây là bố cục tiêu chuẩn của Astra. Như bạn có thể thấy, thiết kế này chứa một thanh bên có thể khó hoạt động khi sử dụng Beaver Themer.
Bạn có thể thay đổi nó bằng cách truy cập bảng quản trị trang web của bạn và sau đó điều hướng đến Ngoại hình »Tùy chỉnh phụ. Từ đây bạn nên chuyển sang Thiết kế »Thanh bên tab.
Khi đó, chọn "Không có thanh bên" trong tùy chọn bố cục mặc định và nhấp vào nút Xuất bản để lưu các thay đổi.
Chủ đề của bạn bây giờ bắt đầu sử dụng bố cục mà không cần barras phụ. Đây là thiết kế tốt nhất để sử dụng với Beaver Themer.
Bố cục toàn trang này cho phép Beaver Themer sử dụng từng inch trên màn hình, cho phép bạn tạo ra trải nghiệm hình ảnh từ đầu đến cuối tuyệt đẹp.
Hầu hết các chủ đề WordPress bao gồm một tệp mẫu toàn trang. Nếu bạn sử dụng một chủ đề khác, bạn có thể tìm thấy một tùy chọn để loại bỏ barras trang trong cài đặt chủ đề của bạn.
Nếu bạn không tìm thấy nó, hãy liên hệ với nhà phát triển chủ đề của bạn và họ có thể giúp bạn với nó.
Khi bạn đã định cấu hình chủ đề của mình theo bố cục chiều rộng, bạn đã sẵn sàng tạo chủ đề WordPress tùy chỉnh của mình với Beaver Themer.
Khái niệm cơ bản về chủ đề nhanh Beaver
Beaver Themer làm việc tại Beaver Builder. Là một bổ sung cho trình tạo trang, Beaver Builder cho phép bạn kéo và thả các phần tử vào một trang để tạo bố cục tùy chỉnh.
Nó có các yếu tố sau mà bạn có thể sử dụng trong thiết kế của mình:
Mẫu – Tập hợp các cột, hàng và mô-đun tạo nên bố cục toàn bộ trang. Cột – mô-đun bố trí dọc giúp điều chỉnh nội dung theo chiều ngang. Hàng: tập hợp ngang của nhiều mô-đun Mô-đun: một yếu tố tạo ra thông tin cụ thể như tiêu đề, khối văn bản, bảng, bộ sưu tập, v.v.
Chỉ cần chỉnh sửa một trang trong Beaver Builder, sau đó nhấp vào nút Thêm ở góc trên bên phải. Sau đó, bạn có thể kéo và thả các cột, hàng, mô-đun vào trang của mình và bắt đầu chỉnh sửa chúng trực tiếp.
Nếu bạn không muốn bắt đầu từ đầu, hãy chọn một danh sách các mẫu đã gửi để bắt đầu.
Beaver Builder cũng cho phép bạn lưu các thiết kế của mình và sau đó sử dụng chúng làm mẫu.
Để biết thêm thông tin, hãy xem bài viết của chúng tôi về cách tạo bố cục trang tùy chỉnh với Beaver Builder.
Tuy nhiên, chúng tôi không chỉ muốn tạo bố cục trang. Chúng tôi muốn tạo ra một chủ đề hoàn toàn tùy chỉnh.
Đây là khi Beaver Themer đến.
Thêm một yếu tố khác vào Beaver Builder được gọi là "Themer Layout".
Bố cục Themer cho phép bạn tạo bố cục tùy chỉnh cho các tiêu đề, chân trang, vùng nội dung, trang 404 và các phần khác của mẫu.
Đây là các khối xây dựng cho tất cả các chủ đề WordPress và bằng cách sử dụng chúng, bạn có thể tạo một chủ đề tùy chỉnh đáp ứng nhu cầu của bạn.
Sử dụng các mẫu Beaver Themer để tạo một chủ đề WordPress tùy chỉnh
Trong các hướng dẫn sau, chúng tôi sẽ hướng dẫn bạn các bước cần thiết để tạo các yếu tố chủ đề tùy chỉnh phổ biến nhất. Khi hoàn thành, bạn sẽ chuyển đổi chủ đề cơ bản thành chủ đề WordPress hoàn toàn tùy chỉnh.
Tạo một tiêu đề tùy chỉnh cho chủ đề của bạn
Hãy bắt đầu với khu vực tiêu đề của trang web của bạn. Tiêu đề tùy chỉnh là một thành phần thiết yếu của một chủ đề và việc xây dựng một chủ đề có thể khó khăn với các phương pháp truyền thống.
May mắn thay, Beaver Themer đã tích hợp các tính năng chính. Bạn có thể sử dụng mẫu được tạo sẵn hoặc sử dụng các mô-đun menu và hình ảnh với bố cục hai cột.
Để đến khu vực tiêu đề này, trước tiên chúng ta phải định cấu hình bố cục tiêu đề trong Beaver Themer. lần Beaver Builder »Thêm mới và đưa ra một tiêu đề cho tiêu đề của bạn.
Sau đó chọn "Giao diện người dùng" làm loại và "Tiêu đề" làm tùy chọn bố cục. Khi bạn đã hoàn tất, hãy nhấp vào nút "Thêm thiết kế Themer" để tiếp tục.
Điều này sẽ đưa bạn đến trang cấu hình bố trí. Từ đây, bạn phải chọn "Toàn bộ trang" làm nơi xuất hiện mẫu tiêu đề.
Sau đó nhấp vào nút "Khởi động Beaver Builder" để mở giao diện trình tạo.
Beaver Builder sẽ bắt đầu với một cột cơ bản đơn giản và bố cục tiêu đề hai dòng làm điểm bắt đầu.
Bạn có thể sử dụng cùng một công cụ kéo và thả như Beaver Builder để thay đổi nền, màu sắc, văn bản, v.v. Bạn cũng có thể thêm các mô-đun khác, tải các mẫu tiền tố và thêm hàng / cột bằng cách nhấp vào nút Thêm trong đó góc trên bên phải.
Khi bạn hài lòng với thiết kế, nhấp vào nút Xong để lưu hoặc xuất bản thiết kế của bạn.
Bây giờ bạn có thể truy cập trang web của họ để xem tiêu đề của chủ đề tùy chỉnh của bạn trong hành động. Như bạn có thể thấy, chúng tôi đã sử dụng bố cục tiêu đề cho chủ đề tùy chỉnh của chúng tôi.
Ngoài tiêu đề, nó vẫn sẽ không hiển thị bất kỳ nội dung nào và bạn có thể sẽ thấy phần chân trang cho chủ đề cơ sở.
Hãy thay đổi điều này.
Tạo chân trang tùy chỉnh cho chủ đề của bạn
Bạn có thể tạo chân trang tùy chỉnh cho chủ đề của mình với Beaver Themer giống như khi bạn tạo tiêu đề tùy chỉnh.
Đi đến Beaver Builder »Thêm mới và cung cấp một tiêu đề cho bố trí chân trang của bạn. Sau đó chọn "Giao diện người dùng" làm loại và "Chân trang" làm tùy chọn bố cục.
Nhấp vào nút "Thêm thiết kế" để tiếp tục.
Điều này sẽ đưa bạn đến trang cấu hình bố trí. Từ đây, bạn phải chọn "Trang web đầy đủ" làm nơi xuất hiện mẫu.
Sau đó nhấp vào nút "Khởi động Beaver Builder" để mở giao diện trình tạo.
Beaver Builder sẽ được khởi chạy với bố cục chân trang ba cột. Bạn có thể sử dụng thiết kế này làm điểm bắt đầu và bắt đầu chỉnh sửa.
Bạn có thể thêm các mô-đun, khối văn bản hoặc bất cứ điều gì bạn muốn. Bạn luôn có thể thay đổi màu sắc, phông chữ, thêm hình nền và nhiều hơn nữa.
Khi bạn hài lòng với thiết kế, nhấp vào nút Xong để lưu hoặc xuất bản thiết kế của bạn.
Tạo khu vực nội dung cho bài viết và trang
Bây giờ chúng tôi đã tạo tiêu đề và chân trang cho mỗi trang và đăng trên trang web, đã đến lúc tạo bài đăng hoặc trang trên trang (khu vực nội dung).
Chúng tôi bắt đầu giống như cách chúng tôi xây dựng tiêu đề và chân trang bằng cách thêm bố cục "Số ít" trên trang Thêm mới.
Sau đó, bạn chọn nơi bạn muốn hiển thị thiết kế này. Bạn có thể chọn số ít để sử dụng cho tất cả các bài đăng và các trang riêng lẻ hoặc bạn chỉ có thể chọn các bài đăng hoặc trang.
Sau đó nhấp vào nút "Khởi động Beaver Builder" để mở giao diện trình tạo.
Beaver Builder tải một bố cục mẫu duy nhất với tiêu đề bài đăng / trang ở trên cùng, theo sau là nội dung, hộp sinh học của tác giả và khu vực bình luận.
Bạn có thể chỉ và nhấp để chỉnh sửa bất kỳ mục nào trong số này hoặc thêm các mô-đun, cột và hàng mới nếu cần.
Khi bạn hài lòng với thiết kế, nhấp Xong để lưu và xuất bản các thay đổi của bạn.
Bây giờ bạn có thể truy cập trang web của họ để xem nó trong hành động.
Tạo bố cục tệp cho chủ đề tùy chỉnh của bạn
Bây giờ chủ đề tùy chỉnh của bạn đã bắt đầu hình thành, bạn có thể tiếp tục tạo bố cục cho các phần khác của trang web. Các trang lưu trữ là nơi WordPress hiển thị các danh mục, thẻ, tác giả và tệp hàng tháng của bạn.
Hãy tạo một bố cục trang tệp trên chủ đề tùy chỉnh của bạn.
Bạn bắt đầu bằng cách truy cập Beaver Builder »Thêm mới và cung cấp một tiêu đề cho bố cục tập tin của bạn.
Sau đó chọn "Giao diện người dùng" làm loại và "Tệp" làm tùy chọn bố cục. Nhấp vào nút "Thêm thiết kế" để tiếp tục.
Điều này sẽ đưa bạn đến trang cấu hình bố trí. Từ đây, bạn phải chọn "Tất cả tệp" làm vị trí xuất hiện mẫu. Bạn cũng có thể tạo bố cục riêng cho từng loại tệp riêng lẻ như ngày, kết quả tìm kiếm, danh mục, thẻ, v.v.
Sau đó nhấp vào nút "Khởi động Beaver Builder" để mở giao diện trình tạo.
Beaver Builder bắt đầu với một bố cục cơ bản cho một cột. Nó hiển thị tiêu đề tập tin ở trên cùng, theo sau là bài viết.
Bạn có thể chỉ và nhấp vào bất kỳ đối tượng để chỉnh sửa thuộc tính của nó. Bạn cũng có thể thêm các mô-đun, hàng và cột mới nếu cần.
Sau đó nhấp vào nút "Xong" để lưu và xuất bản các thay đổi của bạn.
Tạo các thiết kế khác cho chủ đề WordPress tùy chỉnh của bạn
Beaver Themer cũng cho phép bạn tạo bố cục cho các trang khác trong hệ thống phân cấp mẫu, chẳng hạn như trang 404, phần mẫu, trang kết quả tìm kiếm, v.v.
Với tính năng kéo và thả tích hợp của Beaver Builder, bạn có thể dễ dàng tạo chủ đề WordPress của riêng mình từ đầu mà không phải viết mã. Đây thực sự là phương pháp phát triển phương pháp thân thiện với người mới bắt đầu nhất dành cho WordPress.
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 chủ đề WordPress tùy chỉnh mà không cần học cách viết mã. Bạn cũng có thể xem hướng dẫn của chúng tôi về cách tăng tốc trang web WordPress của bạn để có trải nghiệm người dùng và SEO tốt hơn.
Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook.
