Hướng Dẫn Tạo Mẫu Custom Single Post ( Bài Đăng Đơn Tùy Chỉnh) Trên WordPress

Bạn muốn tạo mẫu Custom single post trong WordPress mà không biết bắt đầu từ đâu?

Đầu tiên chúng ta cần hiểu custom single post là gì.

Custom single Post cho phép bạn sử dụng các bố cục riêng biệt cho các bài đăng trên blog cá nhân của mình. Bạn có thể sử dụng rất nhiều theme sẵn có trên WordPress hoặc tự tạo theme riêng cho mình.

Trong bài viết này chúng tôi sẽ hướng dẫn các bạn cách dễ dàng nhất để tạo các mẫu custom single post trên WordPress. Hãy tự lựa chọn cách phù hợp với bạn nhất.

Note: Những cách làm này yêu cầu bạn phải biết chỉnh sửa WordPress themes files, bạn có thể tham khảo bài viết Cách coppy và paste code trong WordPress.

Vậy khi nào bạn cần tạo mẫu bài custom single post.

Khi bạn muốn bài viết trên trang web hoặc blog của mình thu hút và hấp dẫn người đọc hơn. Chẳng hạn bạn muốn sử dụng một bố cục khác cho bài viết hoặc câu chuyện nổi bật trong một danh mục cụ thể.

Đây là lúc bạn cần một mẫu custom single post tạo bởi WordPress.

WordPress sẽ mặc định sử dụng mẫu bài đăng duy nhất dựa trên WordPress template hierarchy. Tất cả các themes sẽ đi kèm cùng đuôi single.php và được sử dụng mặc định cho bài đăng của bạn.

Một số themes sẽ bao gồm các biểu mẫu bổ sung hoặc bố cục để bạn có thể lựa chọn để sử dụng.

Tương tự như  tạo một trang tùy chỉnh. Hầu hết các themes của WordPress đều đi kèm với các mẫu trang mà bạn có thể sử dụng trong quá trình chỉnh sửa.

Vào phần chính của bài viết, sau đây là các phương pháp tạo một mẫu custom single post.

Tạo mẫu custom single post trên WordPress bằng cách sử dụng Block Editor

Đây là phương pháp dễ dàng nhất, nhưng mẫu này sẽ hạn chế về tính linh hoạt về bố cục tuy nhiên đây là cách đơn giản nhất để tạo các mẫu custom single post và sử dụng lại chúng nhiều lần.

WordPress block editor mặc định đi kèm tính năng tích hợp cho phép bạn lưu và sử dụng các blocks. Một blocks có thể tái sử dụng như vậy được gọi là Group blocks.

Về cơ bản group blocks cho phép bạn đặt một số blocks và toàn bộ bố cục bài viết vào một nhóm, ban có thể lưu lại nhóm này và sử dụng vào các bài đăng sau.

Giờ hãy đến với cách sử dụng Group blocks để lưu các mẫu custom single post của bạn.

Đầu tiên bạn cần tạo một post mới trên WordPress. Sau đó chỉ cần thêm một group blocks vào khu nội dung.

Bây giờ bạn có thể thêm các blocks vào nhóm để tạo ra bố cục bài đăng của mình, ví dụ như các cột, văn bản, ảnh v.v.

Khi bạn đã ưng ý với bố cục mình sắp xếp, bạn đưa chuột chọn Group Blocks sau đó nhấp vào biểu tượng ba chấm trên thanh menu và chọn ‘Add to Resable Blocks’.

Tiếp theo bạn cần đặt tên cho nhóm và nhấn lưu. WordPress sẽ lưu lại để bạn có thể sử dụng cho những bài đăng sau.

Khi muốn sử dụng lại nhóm blocks này bạn chỉ cần nhấp chọn vào hình dấu + chọn mục Reusable và chọn nhóm các bạn đã lưu.

WordPress sẽ tải lại toàn bộ các blocks và cài đặt lúc trước của bạn.

Cách này cho phép bạn lưu lại bố cục tùy chỉnh của mình. Tuy nhiên nó không cho phép bạn thay đổi các chủ đề của bạn khi xử lý các bài đăng.

Nếu bạn muốn tạo một mẫu custom single post linh hoạt hơn thì tiếp tục đọc nhé.

Tạo mẫu custom single post trên WordPress bằng cách sử dụng Beaver Builder

Cách dễ dàng nhất là sử dụng Beaver Builder. Đây là cách  Xây dựng plugin WordPress page tốt nhất trên thị trường hiện tại, nó cho phép bạn tạo một custom single post mà k cần bất kỳ dòng code hoặc sửa đổi theme WorrdPress của bạn.

Đầu tiên bạn cần cài đặt và kích hoạt Beaver Builder plugin. Nếu bạn chưa biết cách cài đặt hãy đọc bài hướng dẫn cách cài đặt WorrdPress plugin .

Sau khi cài đặt, bạn vào mục Settings » Beaver Builder » License nhập key để kích hoạt.

Key kích hoạt sẽ có trong tài khoản của bạn trên trang chủ Beaver Builder.

Beaver Builder sẽ mặc định kích hoạt cho Pages trên WordPress. Bạn cần kích hoạt Beaver Builder cả cho post.

Để làm điều này bạn vào mục Settings » Beaver Builder » Post Typer tích vào post.

Đừng quên ấn ‘Save Post Types’ nhé.

Ok giờ bạn có thể tạo một mẫu custom single post rồi.

Đầu tiên bạn vẫn cần tạo một bài đăng mới trên WordPress và trên màn hình chỉnh sửa bạn chọn ‘Launch Beaver Builder’.

Sau khi bạn chọn xong giao diện của Beaver Builder sẽ mở ra với bản xem trước trực tiếp trang web của bạn. Bạn có thể thêm các modules và hàng vào bố cục của mình bằng cách nhấp vào Add ở góc trên cùng bên phải của màn hình.

Bạn có thể chọn một biểu mẫu có sẵn, hoặc biểu mẫu trống để bắt đầu.

Khi bạn đã chọn một mẫu, bạn có thể chỉnh sửa nó một cách đơn giản, thêm các đối tượng để tạo mẫu bố cục như ý cúa bạn.

Hãy thử nghiệm với các modules khác nhau và thử các cài đặt của chúng.

Khi bạn đã ưng ý với bố cục của mình hãy lưu nó lại để sử dụng lại cho những post tiếp theo. Beaver Builder cho phép bạn lưu bố cục dưới dạng mẫu sau đó sử dụng lại với những bài đăng khác.

Nhấp vào thanh menu bên phải màn hình và chọn ‘Save Template’

Bạn đặt tên và ấn save.

Bây giờ làm thế nào để chúng ta sử dụng lại mẫu vừa lưu?

Bạn chỉ cần chỉnh sửa một bài đăng hoặc tạo một bài đăng mới sau đó chọn Beaver Builder để bắt đầu.

Tiếp theo, chọn Add ở góc phải màn hình, chọn Templates sau đó chọn Saved Templates tại đây bạn sẽ thấy những mẫu mình đã lưu. Chọn mẫu mà bạn dự định chỉnh sửa.

Beaver Builder sẽ tải lại bó cục tùy chỉnh đã lưu của bạn và bạn có thể bắt đầu thêm nội dung cho bài viết mới của mình.

Sử dụng Theme Settings để tùy chỉnh bài đăng

Nhiều themes phổ biến của WordPress đi kèm các cài đặt tích hợp cho phép bạn có thể tùy chỉnh sự xuất hiện của mẫu single post.

Nếu chủ đề của bạn có những cài đặt này thì bạn có thể tìm thấy chúng trên màn hình chỉnh sửa bài đăng. Những tùy chọn này có thể thay đổi tùy vào theme bạn đang sử dụng

Ví dụ đây là các tùy chỉnh khi chỉnh sửa một bài đăng sử dụng  Astra theme  .

Sử dụng những tùy chọn này bạn có thể thay đổi Sidebar, ẩn title, menus.v.v.

Mặt khác, nhiều themes hàng đầu của WordPress đi kèm với những mẫu mà bạn có thể sử dụng ngay mà không cần chỉnh sửa

Nếu chủ đề của bạn bao gồm các mẫu single post , bạn sẽ tìm thấy chúng trong tab Post Attributes khi chỉnh sửa bài viết.

Những mẫu này có bố trí đầy đủ để bạn có thể sử dụng

Tạo thủ công một bài đăng trên WordPress

Phương pháp này hơi phức tạp vì bạn cần chỉnh sửa theme files, coppy và paste code, chỉnh sửa CSS.

Đầu tiên bạn mở Notepad và paste đoạn mã sau vào bên trong :

1234567 <?php/** Template Name: Featured Article* Template Post Type: post, page, product*/ get_header();  ?>

Mã này định nghĩa tên mẫu mới của bạn là Featured Article và làm nó có sẵn trong post, page, và cấu trúc post types.

Bạn có thể lưu file này dưới dạng wpb-single-post.php trên máy tính của mình.

Tiếp theo bạn cần tải nó lên thư mục theme WordPress  sử dụng FTP client.

Sau đó bạn vào khu vực admin WordPress của mình và tạo hoặc chỉnh sửa bài đăng. Kéo xuống một chút bạn sẽ thấy cột Post Attributes, tại đây bạn có thể chọn những mẫu đã lưu.

Bạn sẽ nhìn thấy mẫu  ‘Featured Article’ tại đây.

Khi bạn chọn nó chỉ hiển thị một màn hình trắng vì mẫu của bạn hiện tại đang trống bạn cần chỉnh sửa nó theo nhu cầu của mình.

Cách đơn giản nhất là sao chép mã từ files single.php trong chủ để của bạn và dùng nó để bắt đầu.

Mở file single.php và sao chép mọi thứ sau dòng get_header() .

Paste những dòng code này vào phần cuối của file wpb-single-post.php. Sau đó bạn lưu file lại và tải nó lại sever của bạn.

Tuy nhiên nó sẽ giống hệt mẫu single post mà bạn sao chép, bây giờ bạn thay đổi lại bài đăng bằng các tùy chỉnh của mình.

Bạn có thể thêm các lớp tùy chỉnh CSS , loại bỏ các thanh bên , tạo một mẫu full-wdth hoặc làm bất cứ thứ gì bạn muốn.

Tạo mẫu custom single post dựa theo danh mục

Bạn muốn tạo một mẫu custom single post dựa theo danh mục? Ví dụ: bài đăng trong danh mục du lịch sẽ có bố cục khác với bài đăng tong mục nhiếp ảnh.

Đây là cách bạn làm được điều đó.

Đầu tiên bạn cần thêm đoạn code này vào file functions.php trong chủ đề của bạn hoặc  plugin của một trang web cụ thể .

123456789101112131415161718192021222324252627282930 /** Define a constant path to our single template folder*/define(SINGLE_PATH, TEMPLATEPATH . '/single'); /*** Filter the single_template with our custom function*/add_filter('single_template', 'my_single_template'); /*** Single template function which will choose our template*/function my_single_template($single) {global $wp_query, $post; /*** Checks for single template by category* Check by category slug and ID*/foreach((array)get_the_category() as $cat) : if(file_exists(SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'))return SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'; elseif(file_exists(SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'))return SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'; endforeach;}

Đoạn code này trước tiên sẽ kiểm tra xem WorrdPress có yêu câu một bài đăng không. Nếu có thì nó yêu cầu WordPress tìm mẫu bài đăng trong /single/ folder của theme WordPress của bạn .

Bây giờ bạn cần thêm các tệp mẫu được xác định bởi mã này.

Đầu tiên bạn cần kết nối với WordPress hosting sử dụng ứng dụng FTP client hoặc File Manager in cPanel và truy cập vào /wp-content/themes/your-theme-folder/.

Trong thư mục theme của bạn, bạn cần tạo một thư mục mới đặt tên là ‘single’.

Sau đó bạn mở thư mục này và tạo tiếp một file mới bên trong nó, đặt tên file này là single-cat-{category-slug}. Thay thế {category-slug} bằng category slug của bạn.

Ví dụ: nếu bạn có một danh mục ‘tin tức’, thì bạn sẽ tạo một file single-cat-news.php . Nếu bạn có một danh mục gọi là ‘ Mẹo du lịch’, thì hãy tạo một mẫu single-cat-travel-tips.php ,v.v.

Các files mẫu này là các files trống, để bắt đầu bạn cần sao chép nội dung của file single.php từ chủ đề của mình và paste chúng vào trong mỗi mẫu này.

Sau đó bạn có thể chỉnh sửa các mẫu này theo ý của mình.

Khi hoàn tất, bạn có thể truy cập trang web của bạn và xem bài đăng. Nó sẽ sử dụng mẫu mà bạn đã tạo cho tất cả các bài đăng trong danh mục bạn gửi.

Nếu như bạn có một bài đăng trong cả mục News và Travel Tips. WordPress sẽ hiển thị mẫu cho ‘Tin Tức’ vì nó xuất hiện trước trong bảng chữ cái.

Ngoài ra, nếu bạn gửi một bài đăng trong một danh mục và không tạo mẫu cho danh mục đó, thì WordPress sẽ chuyển sang mẫu single.php mặc định cho theme của bạn.

Tạo một mẫu custom single post cho tác giả cụ thể

Nếu bạn muốn các bài viết được viết bởi một tác giả cụ thể trông khác biệt trên trang web của bạn. Bạn có thể làm điều đó bằng cách sau:

Đầu tên bạn thêm đoạn code sau vào file functions.php trong chủ đề của mình hoặc một plugin của một trang web cụ thể.

1234567891011121314151617181920212223242526272829 /*** Define a constant path to our single template folder*/define(SINGLE_PATH, TEMPLATEPATH . '/single'); /*** Filter the single_template with our custom function*/add_filter('single_template', 'my_single_author_template'); /*** Single template function which will choose our template*/function my_single_author_template($single) {global $wp_query, $post; /*** Checks for single template by author* Check by user nicename and ID*/$curauth = get_userdata($wp_query->post->post_author); if(file_exists(SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'))return SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'; elseif(file_exists(SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'))return SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'; }

Tiếp theo bạn cần kết nối với trang web của mình bằng cách sử dụng FTP hoặc File Manager in cPanel và truy cập /wp-content/themes/your-theme-folder/.

Nếu bạn chưa có thư mục tên /single/ trong đó, hãy tạo một files mới

Trong thư mục này, bạn cần tạo một mẫu bằng tên người dùng của tác giả. Ví dụ, single-author-jonhwich.php.

tương tự phần trên mẫu này sẽ trống nên bạn sao chép nội dung của mẫu single.php qua và bắt đầu chỉnh sửa theo ý bạn.

Bây giờ bạn có thể truy cập vào trang web của mình để xem thành quả. Tất cả những bài viết được tạo bởi tác giả bạn chỉ định sẽ sử dụng mẫu bạn đã tạo.

Chúc các bạn thành công.

Có thể bạn cũng quan tâm đến bài viết Cách tạo chủ đề WordPress tùy chỉnh từ a-z không cần viết bất cứ dòng code nào.

Leave a Reply

Your email address will not be published. Required fields are marked *

+