Ví dụ tự viết theme cho wordpress: single.php, page.php

Ví dụ tự viết theme cho wordpress: single.php, page.php là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Ví dụ tự viết theme cho wordpress: single.php, page.php sẽ chia sẻ tới bạn nhiều thông tin hữu ích

Mọi người vẫn hỏi tôi về việc học lập trình nói chung và Wordpress nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.

Nếu như ở các phần trước chúng ta đã viết code cho việc hiển thị nội dung ở ngoài trang chủ, thì ở phần này chúng ta sẽ code cho 2 file mà nó sẽ được load ra khi chúng ta xem chi tiết của trang đó. Đó chính là file single.php và page.php.

Single.php là file template cho việc hiển thị nội dung của một post type bất kỳ. Minh có mô hình như sau:

  • Single.php
  • Page.php
  • Single-[post-type].php

Điều này có nghĩa là nếu file page.php và các file single của từng post type chưa có thì nó sẽ load file single.php ra.

Code cho single.php

Cấu trúc code file single.php hầu như không khác gì so với cấu trúc code của file index.php cả, do vậy bạn hãy copy nội dung file index.php vào single.php, rồi chúng ta chỉ cần sửa lại một xíu thôi.

Sau đó tìm và xóa đi:

<?php hoidapcode_pagination(); ?> 

Bởi vì cái hàm kia là phân trang ngoài trang chủ và trang lưu trữ, để cũng được nhưng nó không có tác dụng trong single.php nên xóa đi cho gọn.

Tiếp tục bạn tìm đến đoạn gọi file content:

<?php get_template_part( 'content', get_post_format() ); ?> 

Chèn thêm đoạn này vào dưới nó để hiển thị khung giới thiệu tác giả và danh sách các bình luận:

<?php get_template_part( 'author-bio' ); ?>  <?php comments_template(); ?>   

Có nghĩa là chúng ta sẽ gọi file author-bio.php ra, nhưng mà file này chúng ta chưa có nên hãy tạo một file tên author-bio.php trong thư mục theme và viết các đoạn code dưới đây vào để làm cái khung tác giả.

<div class="entry-footer">
        <div class="author-box">
                <div class="autor-avatar">
                        <?php echo get_avatar( get_the_author_meta( 'ID' ) ); ?>
                </div>
                <h3><?php printf('Written by <a href="%1$s">%2$s</a>',
                        get_author_posts_url( get_the_author_meta('ID') ),
                        get_the_author() ); ?></h3>
                <p><?php echo get_the_author_meta( 'description' ); ?></p>
        </div>
</div> 

Bây giờ thì bạn thử vào xem post sẽ thấy nó hiển thị đầy đủ comment, thông tin tác giả và thông tin chi tiết về post đó.

Thế coi như xong nhé.

Code cho page.php

Page.php là để hiển thị thông tin chi tiết về các Page trong WordPress. Nó cũng giống phần single phần nào nên hãy copy nội dung file single.php bỏ vào page. Nếu bạn muốn không hiển thị khung bình luận ở page thì có thể xóa comment_template() đi là được.

Lời kết

Vậy là kể từ bài này thì khi bạn nhấp vào xem chi tiết các post hoặc page trên website thì nó đã hiển thị ra nội dung được bình thường rồi, do single template đã được khai báo và page template cũng đã được khai báo.

Tiếp tục ở bài sau, chúng ta sẽ xây dựng giao diện cho các trang lưu trữ như category, tag, archive,…để nó hiển thị khi nhấp vào xem các taxonomy.

Hy vọng với bài viết về Ví dụ tự viết theme cho wordpress: single.php, page.php đã giải đáp giúp bạn phần nào về kiến thức lập trình Wordpress. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.

Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.

Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!

Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!