apkm-search

[WordPress Theme] Hướng dẫn làm theme wordpress bằng Bootstrap – Phần 3

Phần 3 của loạt bài viết Hướng dẫn làm theme wordpress bằng Bootstrap.

Làm việc với file single.php và comment.php

Tiếp theo chúng ta sẽ làm việc với file Single.php.  Nói sơ qua file single thì khi chúng ta xem 1 bài viết chi tiết thì file này sẽ đc gọi ví dụ như chúng ta vào đường dần này [WordPress Theme] Hướng dẫn làm theme wordpress bằng Bootstrap – Phần 2 chẳng hạn thì WP sẽ gọi file single.php và hiển thị nội dung của bài viết đó lên.

Đầu tiên là breadcrumbs giúp hiển thị cho người dùng biết học đang ở mục nào của web.Mình đã thêm Rich Snipper cho nó luôn rồi nhưng chưa ưng ý lắm nhưng có đỡ hơn không ? Sau này rảnh mình sẽ sửa lại nó cho đẹp hơn:

Còn đây là code breadcrumbs đơn giản:

Nếu các bạn làm template cho những web có nội dung dài và muốn phân trang nó thì thêm đoạn code này vào

Bạn có thể dùng

Nhưng mình thích dùng WP-PageNavi hơn  :sogood:

Còn đoạn này sẽ gọi file Comment.php

Tổng hợp lại chúng ta có đoạn code hoàn chỉnh của file single.php

 

Cùng xem kết quả nào

theme 10

Bây giờ chúng ta sẽ xét tới file comments.php.Nội dung của file comment gồm có :

 

Đầu tiên thì mình copy hoàn toàn từ file comments của theme mặc định của wordpress là Twentytwelve và mình có 1 số tùy biến các bạn chú ý phần :

Ở đây mình xóa bỏ các note  comment mặc định của wordpress,đổi label cho button post comment…  và các bạn nên chú ý đến phần

Đoạn này có nghĩa là chúng ta sẽ chỉnh sửa lại phần hiển thị list comment của WP bằng hàm NQD_comment mà chúng ta sẽ thêm vào file functions.php

Như vậy là xong chúng ta cùng ngắm lại kết quả đi nào  :dreaming:

theme 11

Như vầy là sử dụng được rồi đó ! Bài viết đến đây là hết ! Hẹn gặp lại các bạn trong bài viết tiếp theo !  :byebye:

.

.

.

.

.

Nói giởn thôi chứ style nó đàng hoàng chứ để như vầy mất thẫm mỹ quá ! kaka  :brick:

Và đây là thành quả vất cả 1 ngày, ý quên 1 buổi .

theme 12

Một chút CSS cái này thì mình lấy từ comments của Marketers Delight 3 .Như vậy là chúng ta đã hoàn thành được công việc ở single và comments rồi .Bài viết sắp tới mình sẽ hướng dẩn các bạn làm việc với file archive.php 1 file đa năng của WP.Chúc các bạn thành công !

P/S: Bài hướng dẩn của mình vẩn còn nhiều thiếu sót mong các bạn góp ý thêm ! Mọi thắc mắc hãy để lại comment và mình sẽ giải đáp sớm nhất có thế

Link tải phần 3

 

BÌNH LUẬN BÀI VIẾT

Leave a Reply

10 Comments on "[WordPress Theme] Hướng dẫn làm theme wordpress bằng Bootstrap – Phần 3"

Notify of
avatar
Sort by:   newest | oldest
Cường3 năm gắn bó cùng NQDung.COMLevel 1
2 comments

Đọc xong say luôn, công nhận là nhiều quá :gun:

Quỳnh4 năm gắn bó cùng NQDung.COMLevel 1
3 comments

Anh có thể hướng dẫn làm banner slider chuyển động trong wordpress đc koh ak

Nguyễn Hữu Quyết4 năm gắn bó cùng NQDung.COMLevel 1

Bài viết rất hay, giờ đúng là nhiều cao thủ Wp quá…hihi
Mình cũng đang viết một series tut tự thiết kế themes, nhưng không hiểu bootstrap gì cả, đọc mấy bài của bạn thấy mở rộng tầm mắt.

Nguyễn Đình Phú4 năm gắn bó cùng NQDung.COMLevel 1

Cũng gần xong rồi, nhưng.. hóng phần 4 😀

wpDiscuz