Hiển thị thông báo riêng ở mỗi category trong WordPress

Hiển thị thông báo riêng ở mỗi category trong WordPress

Hiển thị thông báo ở mỗi category

Mình nhớ không lầm thì có khoảng 2, 3 bạn nào đó đã gửi mail hỏi mình về cách làm một khung thông báo mà người ta sẽ thấy được khi nhấp vào xem một category nào đó, mỗi category sẽ có một thông báo khác nhau. Thực chất thì nếu bạn nào đang dùng Thesis hay Genesis thì có thể dễ dàng làm được vì nó có hỗ trợ sẵn rồi, nhưng nếu bạn không dùng 2 theme đó thì có thể làm được bằng việc tận dụng chức năng Category Description có sẵn trong WordPress.

Cách thức hoạt động của tutorial này là như thế nào?

Như bạn biết thì WordPress đã có sẵn chức năng nhập Category Description khi chúng ta vào trang chỉnh sửa một category bất kỳ, mục đích của chức năng này là nhập mô tả cho từng category để chúng ta dễ nhận biết hoặc có thể hiển thị nó ra ngoài theme cho tất cả mọi người cùng xem.

Hiển thị thông báo riêng cho từng category

Nhưng bây giờ ở phần Description này, chúng ta không viết mô tả vào nữa mà sẽ viết nội dung thông báo hay một cái gì đó mà bạn muốn người đọc nhìn thấy nó khi bấm vào xem category ở ngoài website.

Và sau đó chúng ta sẽ sử dụng hàm category_description() trong WordPress để lấy dữ liệu từ cột description này ra và hiển thị lên website. Ok, vậy là chúng ta đã có chức năng hiển thị thông báo ở từng category rồi.  :cheers:

Hướng dẫn thực hiện

Để cho chức năng hiển thị thông báo này được toàn diện 100% thì bạn cần cài plugin Allow HTML in Category Description để có thể sử dụng mã HTML trong nội dung này. Bởi vì biết đâu bạn muốn chèn hình ảnh, thêm các hiệu ứng màu sắc vào đây thì sao. 🙂

Sau khi cài plugin xong, bạn vào Posts -> Categories -> chọn category mà bạn muốn chèn thông báo và ấn Edit.

Hướng làm thông báo ở mỗi category

Sau đó tại phần Description, các bạn nhập nội dung thông báo mà bạn muốn hiển thị trên category này, có thể sử dụng HTML nhé vì hồi nãy mình đã cài plugin cho phép sử dụng HTML trong Category Description rồi mà. 😀

Ok, bây giờ các bạn mở file archive.php trong thư mục theme mà bạn đang dùng ra, tìm vị trí “đắc địa” để hiển thị thông báo và chèn đoạn code dưới đây vào.



<div class="description-archive">
<?php echo category_description( $category_id ); ?>
</div>


Nếu bạn muốn chèn lên trên category thì tốt nhất là nên chèn dưới đoạn <?php if ( have_posts() ) : ?>. Sau khi chèn xong thì các bạn sẽ thấy nội dung thông báo đã hiển thị ra ngoài theme như thế này

Thông báo ở mỗi category

Lý do mà ảnh trên mình thừa thêm 1 category description hiển thị phía dưới đó là do theme này đã có sẵn hàm hiển thị category description rồi, nhưng bạn không cần quan tâm đến nó đâu mà chỉ nên nhìn vào hướng mũi tên kia thôi. 😀

Nhìn như vậy thì hơi đơn điệu quá phải không, ít nhất là chúng ta nên làm cho nó thêm màu sắc một chút để làm nổi bật box thông báo này lên, đó là lý do tại sao mình đã đính kèm thêm đoạn div class="description-archive" trong đoạn kia code trên để bạn có thể thêm CSS cho class đó. Hãy thử chèn đoạn CSS này vào file style.css xem sao nhé.



.description-archive {
background: #96d4e8;
padding: 7px;
border-radius: 15px;
border: 1px solid #ddd;
box-shadow: 0 0 3px #eee;
margin-bottom: 15px;
}


thong-bao-o-category-css

Xong rồi đấy, nhìn nó có vẻ chất chơi một tí rồi 😀 . Nhưng đây chỉ là đoạn CSS mẫu mà thôi, các bạn có thể kết hợp thêm kiến thức CSS của bạn để làm box này đẹp lên và trang trí các chữ bên trong cho nó có màu sắc một tí nhé. Chúc các bạn làm thành công!

Nguồn: Hiển thị thông báo riêng ở mỗi category trong WordPress | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage &amp; coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben &amp; tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
Custom Post Type toàn tập – Phần 2
Thiết kế theme WordPress cơ bản với 960 Grid
Tác giả

Bình luận

endep price

A lot of thanks for all your valuable hard work on this web page. Kim loves getting into investigation and it’s really easy to understand why. Many of us know all of the dynamic medium you make insightful steps on this web blog and as well as improve participation from people on that idea so our girl is certainly discovering a lot of things. Have fun with the remaining portion of the new year. You are conducting a powerful job.

Jamesboymn

ed medications comparison https://canadaedwp.com canadian online pharmacy

Leave a Message

Registration isn't required.

NguyenLp LarTheme