Cách làm phân trang dạng số trong Thesis 2

Người đăng: VNTAOBAO.COM on Thứ Sáu, 1 tháng 2, 2013

[toilamweb] Cách làm phân trang dạng số trong Thesis 2
Trong đợt chia sẻ Thesis 2 vừa rồi, mình nhận thấy bản Theme Framework này được sự quan tâm rất nhiều từ phía cộng đồng WordPress và Blogger Việt Nam, bằng chứng là chỉ sau 3 ngày ngắn ngủi, số lượt download xấp xỉ 300. Nhưng bên cạnh đó có rất nhiều người than rằng theme này khó dùng quá, làm mãi mà nó chẳng ra gì, thậm chí cái đơn giản như chèn phân trạng sử dụng plugin WP Pagenavi cũng không làm được.
Vấn đề ở đây không phải là nó khó mà là các bạn chưa nắm rõ cấu trúc theme Thesis 2 để có thể biết mình phải làm gì hay chèn vào đâu nó mới hiển thị. Để mở cờ cho mọi người, trong bài này mình sẽ hướng dẫn cách thêm phân trạng dạng số sử dụng plugin WP Pagenavi vào trong Thesis 2.
Cài đặt box và plugin cần thiết
Để có thể làm được điều này, đầu tiên bạn cần cài plugin WP Pagenavi vào WordPress. Bên cạnh đó bạn cũng phải cài thêm PHP Box vào Thesis 2.
Tải Thesis 2 PHP Box
Cài đặt bằng cách vào Thesis ⇨ Boxes chọn Upload Box và upload file php-box.zip lên. Sau đó tích vào nút chọn nó rồi ấn Save Box.
Tiếp tục, bạn vào Skin Editor, chọn Template là Home

Kế tiếp bạn tìm đến box Prev/Next, mở nó ra sẽ thấy 2 box con như thế này
Bây giờ các bạn tiến hành tạo một PHP Box bằng cách tìm tới phần Add Boxes, chọn PHP Box
Sau đó phần New Box Name bạn có thể nhập tùy ý, miễn sao dễ nhìn để phân biệt là được. Mình đặt là Pagenavi. Sau đó nhấn Add Box
Sau khi add box xong, bạn sẽ có đươc một box màu xanh dương có thể chèn mã PHP vào đó, các bạn nhấp vào nút option bên cạnh nó
Sau đó chèn đoạn code này vào
<?php wp_pagenavi(); ?>

Sau khi chèn code, nhấn nút X để đóng lại.

Sau đó các bạn tiến hành chèn box Pagenavi vào box Prev/Next bằng cách ấn nút Shift + kéo box Pagenavi bỏ vào Prev/Next.

Sau khi chèn nó như thế này

 
Sau đó các bạn xóa Next Posts Link và Previous Posts Link đi bằng cách lại ấn Shift + kéo nó vào lên trên.
Xong rồi đó, bây giờ ấn nút Save Template rồi ra trang chủ xem thành quả đi nào.

Nếu muốn đẹp hơn các bạn có thể dùng CSS thiết kế lại cái phân trang này hoặc cài thêm plugin WP Pagenavi Style vào

Lưu ý
Sau khi làm xong thì phân trang chỉ xuất hiện ngoài trang chủ mà thôi. Nếu bạn muốn có phân trang trong Category thì ở bước chọn Template đầu tiên, bạn chọn là Archive -> Category

 

Lúc này box Pagenavi của bạn đã có sẵn rồi (do đã tạo từ trước) nên chỉ cần kéo nó thả vào box Prev/Next nữa là được.
Chúc các bạn thành công!
BONUS
Bộ

Thiet ke web hai phong

{ 0 nhận xét... read them below or add one }

Đăng nhận xét

Ads 468x60px

Social Icons

Featured Posts