Việc chèn nút like facebook vào trong bài viết của website sẽ rất có lợi trong quá trình seo bởi độ tương tác của facebook được đánh giá khá cao. Như các bạn cũng biết nếu chúng ta muốn chèn nút like facebook hay nút like google+ vào wordpress thì điều đó rất là đơn giản vì wordpress có rất nhiều plugin hỗ trợ công việc này. Ngay trên blog mình cũng đã chia sẻ cách tích hợp nút like mạng xã hội rồi.

>> Xem thêm : Hướng dẫn tích hợp nút like vào wordpress bằng plugin Floating Social Bar

Hướng dẫn chèn nút like facebook bằng code

Đầu tiên để có thể thêm được code nút like facebook vào bài viết thì bạn hãy mở file single.php ra sau đó copy code bên dưới dán vào trong vòng lặp của bài viết.

<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450"></fb:like>

Nếu bạn chưa biết về cấu trúc các file của theme wordpress thì hãy đọc bài này : Cấu trúc các file cần thiết của 1 tập tin theme wordpress .

Đây là code mẫu của tập tin single.php của mình và mình đã tích hợp code nút like facebook mà bạn có thể tham khảo.

<?php
/**
 * The template for displaying all single posts
 *
 * @package WordPress
 * @subpackage Twenty_Thirteen
 * @since Twenty Thirteen 1.0
 */

get_header(); ?>

	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">

			<?php /* The loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>

				<?php get_template_part( 'content', get_post_format() ); ?>
<!--Dán ở vị trí này thì nút like sẽ xuất hiện ngay khi bài viết kết thúc-->
                                    <div id="fb-root"></div>
                                          <script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450"></fb:like>
				<?php twentythirteen_post_nav(); ?>
				<?php comments_template(); ?>
			<?php endwhile; ?>

		</div><!-- #content -->
	</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Như vậy bước đầu tiên đã hoàn thành bay giờ bạn hãy truy cập https://developers.facebook.com/docs/plugins/like-button?locale=vi_VN nhập tên website của bạn vào khung URL to Like sau đó nhấn Get Code để lấy code nhé.

Copy khung code đầu tiên sau đó mở file header.php rồi dán nó vào trong cặp thẻ tag body như hình bên dưới.

chen-nut-like-facebook

Lời kết

Như vậy là chỉ với mấy bước cơ bản mình đã hướng dẫn cho các bạn cách để có thể tự tay chèn nút like facebook vào trong bài viết của wordpress. Tuy rằng cách này khá rờm rà hơn việc dùng plugin nhưng ít nhiều bạn cũng biết được cách để mà làm quen với code của wordpress.

Bảo Nguyễn

Đam mê dòng nhạc Bolero, thích con gái công sở và thích bàn luận quân sự.

Leave a Reply

1 Comment on "Chèn nút like facebook cho wordpress không dùng plugin"

Notify of
avatar
Sort by:   newest | oldest | most voted
wpDiscuz

Create Account



Log In Your Account