Cách thêm nút “Ghim nó” trên Pinterest trong WordPress (Hướng dẫn cơ bản)

Bạn có muốn thêm nút “Ghim nó” trên Pinterest trong WordPress không? Gần đây, một nguồn lưu lượng truy cập mới đã xuất hiện trong số liệu thống kê blog của chúng tôi.

Other :

Nó đủ quan trọng để chúng tôi chú ý. Nguồn lưu lượng truy cập này là Pinterest.

Pinterest là một trang mạng xã hội phổ biến cho phép bạn chia sẻ nội dung trực quan và thu hút nhiều lưu lượng truy cập vào trang web của bạn (theo WPBeginner trên Pinterest).

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm nút Pinterest “Pin It” vào blog WordPress của bạn. Chúng tôi cũng sẽ giải thích cách thêm nút Ghim lên trên các hình ảnh của trang web của bạn.

Add Pinterest Pin It button in WordPress

Thêm nút “Ghim nó” trên Pinterest bằng plugin

Pinterest chính thức đổi tên nút “Pin It” thành Save vào năm 2016.

Mặc dù một số plugin vẫn sử dụng tên “Pin It” thay vì Save, chúng thực hiện công việc tương tự là ghim hình ảnh của bạn vào Pinterest.

Cách dễ nhất để thêm nút Pinterest vào trang web WordPress của bạn là sử dụng plugin chia sẻ xã hội.

Chúng tôi khuyên bạn nên sử dụng plugin Số lượng chia sẻ cho mục đích này. Đây là plugin truyền thông xã hội tốt nhất cho WordPress vì nó miễn phí và cho phép bạn dễ dàng thêm nút Pinterest cùng với các mạng xã hội phổ biến khác.

Để bắt đầu, bạn cần cài đặt và kích hoạt plugin Số lượt chia sẻ. Bạn có thể làm theo hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress để được hướng dẫn chi tiết.

Sau khi cài đặt, hãy chuyển đến trang Cài đặt »Số lượng được chia sẻ để định cấu hình plugin.

Shared Counts settings page

Trên trang cài đặt, bạn cần cuộn xuống phần Hiển thị và sau đó nhấp vào hộp văn bản “Chia sẻ nút để hiển thị”.

Thao tác này sẽ mở ra một menu thả xuống, nơi bạn có thể chọn các dịch vụ mạng xã hội mà bạn muốn thêm. Theo mặc định, Pinterest sẽ hiện diện trong hộp đó, cùng với Facebook và Twitter.

Bạn cũng có thể chọn vị trí và loại bài đăng mà bạn muốn hiển thị nút Pinterest. Nó đi kèm với nhiều kiểu nút mà bạn có thể chọn từ tùy chọn ‘Kiểu nút chia sẻ’.

Sau khi hoàn tất, đừng quên nhấp vào nút Lưu thay đổi để lưu các cài đặt.

Bây giờ bạn có thể truy cập bất kỳ bài đăng nào trên trang web của mình để xem nút Pinterest đang hoạt động.

Pinterest button added to WordPress post

Một điều thú vị khác về SharedCounts là addon Hình ảnh Pinterest Tùy chỉnh miễn phí có sẵn trên Github. Điều này cho phép bạn đặt hình ảnh và mô tả chia sẻ Pinterest tùy chỉnh được tối ưu hóa cho Pinterest.

Lưu ý : Chúng tôi sử dụng plugin SharedCount trên trang web của mình vì đây là lựa chọn tốt nhất trên thị trường. Nó được mã hóa rất tốt và hoàn toàn miễn phí.

Thêm nút ghim Pinterest theo cách thủ công trong WordPress

Một số người dùng trung gian có thể thích thêm các nút chia sẻ xã hội theo cách thủ công vào trang web WordPress của họ thay vì sử dụng một plugin.

Hãy cùng xem cách thêm nút Pinterest trong WordPress theo cách thủ công.

Điều đầu tiên bạn cần làm là tạo một bản sao lưu WordPress hoàn chỉnh cho trang web của mình. Điều này sẽ giúp bạn khôi phục trang web của mình trong trường hợp có thứ gì đó bị hỏng do vô tình.

Tiếp theo, bạn cần kết nối với dịch vụ lưu trữ WordPress của mình bằng ứng dụng khách FTP, sau đó chuyển đến thư mục / wp-content / themes /.

Từ đây, bạn cần mở thư mục chủ đề hiện tại của mình và sau đó tìm tệp footer.php.

Download footer php file

Tiếp theo, chỉ cần nhấp chuột phải vào tệp đó và sau đó chọn Tải xuống từ menu. Thao tác này sẽ tải tệp footer.php xuống máy tính của bạn.

Bây giờ bạn cần mở tệp footer.php bằng trình soạn thảo văn bản thuần túy như Notepad, sau đó dán tập lệnh sau vào ngay trước </body> .

<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

Khi bạn đã hoàn thành việc đó, bạn cần lưu tệp và sau đó tải nó trở lại thư mục chủ đề hiện tại.

Tiếp theo, bạn cần tìm và tải xuống tệp single.php từ thư mục chủ đề của mình và mở nó để chỉnh sửa. Sau đó, bạn cần thêm mã sau.

Bạn sẽ cần chọn vị trí mà bạn muốn nó xuất hiện trong bài đăng của mình. Sau tiêu đề bài đăng là vị trí phổ biến nhất cho các nút mạng xã hội.

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

Đoạn mã trên hiển thị nút Pinterest với hình ảnh nổi bật, tiêu đề, mô tả và URL bài đăng của bạn trong tham số URL chia sẻ.

Cuối cùng, bạn cần lưu tệp và tải nó trở lại thư mục chủ đề của mình bằng FTP.

Điều này sẽ thêm một nút chia sẻ dọc vào các bài đăng trên trang web của bạn. Nếu bạn muốn hiển thị nút chia sẻ theo chiều ngang, thì chỉ cần thay đổi count-layout thành chiều ngang.

Tạo mã ngắn cho nút Pinterest

Gần đây, một trong những người dùng của chúng tôi đã hỏi chúng tôi cách tạo shortcode cho nút “Ghim” trên Pinterest.

Mã ngắn trong WordPress cho phép bạn dễ dàng thêm các mục động vào các bài đăng, trang và tiện ích con WordPress của mình. Bằng cách tạo shortcode, bạn sẽ có thể thêm nút Pinterest vào các bài viết của mình theo cách thủ công.

Trước tiên, bạn sẽ cần thêm mã sau vào tệp functions.php của chủ đề hoặc một plugin dành riêng cho trang web:


function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }

add_shortcode('pin', 'get_pin');

Sau đó, bạn có thể sử dụng shortcode [pin] trong các bài đăng WordPress của mình nơi bạn muốn hiển thị nút Pinterest.

Thêm nút ghim Pinterest lên hình ảnh của bạn

Nếu bạn đang điều hành một trang web thời trang, nhiếp ảnh hoặc danh mục đầu tư, thì bạn chắc chắn muốn hình ảnh của mình được chia sẻ trên Pinterest để tăng lưu lượng truy cập trang web của bạn.

Hãy xem cách thêm nút Ghim Pinterest lên hình ảnh của bạn trong WordPress. Nút này sẽ chỉ xuất hiện khi người dùng đưa chuột qua hình ảnh của bạn, cho phép họ dễ dàng chia sẻ hình ảnh trên hồ sơ Pinterest của họ.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Pinterest Pin it Button for Images.

Sau khi kích hoạt, hãy chuyển đến Cài đặt »Trang Pinterest Pin It để định cấu hình plugin.

Pinterest Pin It button for images settings page

Trên trang cài đặt, bạn có thể chọn nơi bạn muốn hiển thị nút “Ghim” trên trang WordPress của mình. Bạn chỉ có thể hiển thị nó trên các bài đăng, trang, trang danh mục hoặc ở mọi nơi trên trang web của mình.

Tùy chọn tiếp theo là chọn mô tả mặc định từ menu thả xuống. Điều này sẽ được sử dụng làm mô tả hình ảnh cho hình ảnh được ghim.

Sau khi thực hiện xong, bạn cần bấm vào nút Lưu để lưu cài đặt. Giờ đây, bạn có thể truy cập trang web của mình và sau đó di con trỏ chuột qua bất kỳ hình ảnh nào để xem nút “Ghim” trên Pinterest.

Pinterest Pin It button over images

Nếu bạn muốn loại trừ một số hình ảnh hiển thị nút Ghim, thì bạn có thể thêm lớp CSS nopin vào những hình ảnh bạn muốn loại trừ.

Để làm điều đó, bạn cần chọn khối hình ảnh trong trình chỉnh sửa bài đăng rồi nhấp vào biểu tượng 3 dấu chấm dọc từ thanh công cụ khối. Thao tác này sẽ mở ra một menu nơi bạn cần nhấp vào tùy chọn Chỉnh sửa dưới dạng HTML.

Edit Image as HTML option to add CSS class

Bây giờ bạn sẽ thấy mã HTML của hình ảnh của bạn. Tiếp tục để thêm nopin vào thuộc tính lớp của thẻ img:

<figure class="wp-block-image"><img src="https://example.com/wp-content/uploads/2019/06/imagename.jpg" alt="image name" class="nopin wp-image-1687"/></figure>

Tương tự, bạn cũng có thể sử dụng plugin để tắt hiển thị tự động của nút “Ghim” và sử dụng lớp CSS “pinthis” để hiển thị có chọn lọc nút trên các hình ảnh cụ thể.

Để làm điều đó, bạn cần truy cập trang cài đặt của plugin và sau đó tìm phần Nâng cao ở phía bên phải của trang.

Pinterest Pin It plugin advanced settings

Bây giờ bạn cần kiểm tra tùy chọn có nội dung ‘Chỉ hiển thị nút “Ghim” trên hình ảnh có class = “pinthis”‘, rồi nhấp vào nút Lưu.

Lần tiếp theo khi bạn thêm hình ảnh vào bài đăng hoặc trang, bạn cần chọn khối hình ảnh và sau đó sử dụng tùy chọn Chỉnh sửa dưới dạng HTML để thêm lớp CSS pinthis vào mã hình ảnh. Đây là một ví dụ:

<figure class="wp-block-image"><img src="https://example.com/wp-content/uploads/2019/06/imagename.jpg" alt="image name" class="pinthis wp-image-1687"/></figure>

Thao tác này sẽ hiển thị nút Pinterest trên hình ảnh cụ thể đó, ngay cả khi bạn đã tắt tùy chọn tự động hiển thị nút Ghim trên trang web của mình.

Đó là tất cả!

Chúng tôi hy vọng bài viết này đã giúp bạn hiểu cách thêm nút “Ghim” trên Pinterest vào blog WordPress của bạn. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách tạo bản tin email và thu hút nhiều người đăng ký hơn.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Free Download Cách thêm nút “Ghim nó” trên Pinterest trong WordPress (Hướng dẫn cơ bản) :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress