Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 8
Ở phần 8 này này mình hướng dẫn về comment, cách tạo comment và bình luận trong wordpress và author ( liệt kê các bài viết thuộc tác giả ).
Comments.php
Tạo file comments.php, đây là giao diện phần bình luận dưới bài viết.
- wp-content/themes/logicviet/comments.php
<?php
$comments_arg = array(
'form' => array(
'class' => 'form-horizontal'
),
'fields' => apply_filters( 'comment_form_default_fields',
array(
'author' => '<div class="form-group">'.
'<label for="author">' . __( 'Họ và tên' ) . '</label> ' .
'<input id="author" name="author" class="form-control" type="text" size="30" />
</div>',
'email' => '<div class="form-group">'.
'<label for="email">' . __( 'Email' ) . '</label> ' .
'<input type="email" id="email" name="email" class="form-control" type="text" size="30" />
</div>',
'url' => '<div class="form-group">'.
'<label for="url">' . __( 'URL' ) . '</label> ' .
'<input type="url" id="url" name="url" class="form-control" type="text" size="30" />
</div>' )
),
'comment_field' => '<div class="form-group">' .
'<label for="comment">' . __( 'Bình luận' ) . '</label><span>*</span>' .
'<textarea id="comment" class="form-control" name="comment" rows="3" aria-required="true"></textarea>' .
'</div>',
'comment_notes_after' => '',
'title_reply' => 'Bình luận của bạn',
'title_reply_to' => 'Trả lời bình luận của %s',
'cancel_reply_link' => '( Hủy )',
'comment_notes_before' => 'Địa chỉ email của bạn sẽ không công khai.',
'class_submit' => 'btn btn-primary',
'label_submit' => 'Gửi bình luận'
);
comment_form($comments_arg);
?>
<?php if ( have_comments() ) : ?>
<div class="card my-4">
<h5 class="card-header"><?php comments_number() ?></h5>
<div class="card-body">
<?php wp_list_comments(['callback' => 'logic_viet_comment']) ?>
</div>
</div>
<?php endif; ?>
Sử dụng hàm comment_form để gọi khung bình luận. Hàm wp_list_comments để liệt kê các bình luận.
Mở file functions.php
Tạo hàm logic_viet_comment
function logic_viet_comment( $comment, $args, $depth ) {
$GLOBALS['comment'] = $comment;
?>
<?php if ( $comment->comment_approved == '1' ): ?>
<li class="media mb-4">
<?php echo '<img class="d-flex mr-3 rounded-circle" src="'.get_avatar_url($comment).'" style="width: 60px;">' ?>
<div class="media-body">
<?php echo '<h5 class="mt-0 mb-0"><a rel="nofllow" href="'.get_comment_author_url().'">'.get_comment_author().'</a> - <small>'.get_comment_date().' - '.get_comment_time().'</small></h5>' ?>
<p class="mt-1">
<?php comment_text() ?>
</p>
<div class="reply">
<?php comment_reply_link(array_merge( $args, array('reply_text' => 'Trả lời','depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
</div>
</div>
</li>
<?php endif;
}
Hàm logic_viet_comment dùng để tạo layout bình luận theo bootstrap 4
Cuối cùng ta mở file template-parts/content-single.php để chèn comment vào bài viết
<hr>
<div class="mt-3">
<?php
if ( comments_open() || get_comments_number() ) {
comments_template();
}
?>
</div>
Kết quả ta được như hình sau:
Author.php
Đây là trang sẽ liệt kê danh sách các bài viết của tác giả
Tạo file author.php
- wp-content/themes/logicviet/author.php
Copy nội dung file category.php vào author.php và thay nội dung trong H1
<h1 class="my-2 mb-4 page-header">
Tác giả:
<small><?php the_author() ?></small>
</h1>
Chúc các bạn thành công. Hẹn các bạn ở phần 9
1 Comments
1 năm trước
Hay quá
Bài viết liên quan
![Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 7](https://logicviet.com/images/posts/18774476.PNG)
![Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 4](https://logicviet.com/images/posts/6193569.PNG)
Hướng dẫn sử dụng Hosting DirectAdmin cơ bản
Admin 5 năm trước
![Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 2](https://logicviet.com/images/posts/63413435.PNG)
![Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 10](https://logicviet.com/images/posts/59413897.PNG)
Theo Dõi Trang
- Bài Viết Mới
- Tags
Các cách xóa và giảm dung lượng ổ C win 10 hiệu quả nhất
2 năm trước
Ổ cứng của máy tính, laptop bị đầy sau một thời gian dài sử dụng là vấn đề thường gặp của nhiều người. Nếu dung lượng ổ cứng quá lớn có thể ảnh hưởng đến tốc độ xử lý của nhiều ứng dụng và hoạt động của bạn. Vì vậy, việc quản lý, dọn dẹp ổ cứng nói chung và ổ đĩa C nói riêng nên thực hiện thường xuyên
Các website chuyển văn bản thành giọng nói online tốt nhất
2 năm trước
Bạn đang tìm kiếm các trang web giúp bạn chuyển văn bản thành giọng nói online trên máy tính một cách chính xác và nhanh chóng nhất. Bài viết dưới đây sẽ tổng hợp cho các bạn TOP 8 trang web chuyển văn bản thành giọng nói online tốt nhất.
UTM Tracking là gì? Hướng dẫn tạo UTM vào quản lý hiệu quả Marketing
2 năm trước
UTM (viết tắt cho Urchin tracking module), hay UTM code là một đoạn mã đơn giản được gắn vào các đường dẫn URL tùy chỉnh của bạn, giúp theo dõi các nguồn, phương tiện trung gian, hoặc tên các chiến dịch của bạn.
Cách sử dụng hàm Query trong Google Sheet
2 năm trước
Bạn làm việc với lượng lớn dữ liệu trên Google Sheet, việc lọc và tìm kiếm dữ liệu theo cách thủ công sẽ tốn rất nhiều thời gian. Hàm QUERY trong Google Sheet giúp bạn có thể tra cứu và lọc dữ liệu theo bất kỳ định dạng nào bạn muốn. Cùng tìm hiểu cách dùng hàm QUERY nhé!
Cách tính lãi suất vay mua nhà và số tiền phải trả hàng tháng
2 năm trước
Hiện nay, hầu hết những người có thu nhập thấp hoặc trung bình sẽ lựa chọn phương án vay vốn ngân hàng để mua nhà. Tuy nhiên, bạn có biết để có thể làm thủ tục vay vốn người mua cần đáp ứng được những điều kiện gì? Các mức lãi suất? Số tiền trả hàng tháng?
Hướng dẫn cách sử dụng và cài đặt Google Tag Manager
2 năm trước
Trình quản lý thẻ của Google – Google Tag Manager là một công cụ được thiết lập để giải quyết các vấn đề của doanh nghiệp giữa các phòng ban, theo dõi chiến dịch marketing, quản lý thẻ JavaScript và HTML, chủ động cập nhật website,…