Đưa ảnh lên Pinterest dễ dàng với Jquery pin it button for images

Source: Đưa ảnh lên Pinterest dễ dàng với Jquery pin it button for images

Pinterest được mạng xã hội chia sẻ hình ảnh lớn nhất hiện nay, kể từ khi ra đời vào năm 2009 đã được đông đảo người dùng, đặc biệt là chị em phụ nữ đón nhận. Vì vậy, ở Việt Nam, nó được gọi là mạng xã hội của gái xinh.

Pinterest còn được gọi là mạng xã hội của Những cô gái xinh đẹp

Hiện nay, Pinterest không chỉ là mạng xã hội để chia sẻ hình ảnh, nó còn là mạng xã hội Công cụ SEO Hình ảnh hiệu quả cho các seoer. Có nhiều cách để tải hình ảnh từ trang web lên mạng xã hội Pinterest. Ví dụ như tải ảnh về máy tính, sau đó tải lên pinterest, ..v… vv Nhưng nếu có cách tiện lợi hơn thì có thể là cách Di chuột qua hình ảnh sẽ hiển thị nút Ghim trên Pinterest là cách thuận tiện nhất.

Thêm nút Ghim khi di chuột qua một hình ảnh trong WordPress.

Một số bạn bè của tôi đã hỏi tôi về cách thêm nút Ghim để Ghim ảnh trên Pinterest. Cách này mình thấy rất hay và tiện lợi. Trong bài viết này, tôi sẽ hướng dẫn bạn cách Add a Pinterest Button Hover cho hình ảnh (Add a Pinterest Button Hover to images) để chia sẻ hình ảnh của bạn trên Pinterest một cách dễ dàng và thuận tiện.

Sử dụng các Plugin WordPress.

Bạn có thể tìm kiếm trong thư viện Plugin WordPress Bạn sẽ thấy, Có rất nhiều Plugin làm được điều này, nhưng cái nào miễn phí thì không đẹp, cái đẹp thì không miễn phí. Làm sao để vừa miễn phí vừa đẹp?

Tôi sử dụng một Plugin miễn phí Jquery ghim nút đó cho hình ảnh. Bạn cài đặt plugin này vào trang web wordpress của mình theo cách thông thường

Kết quả bạn nhận được sau khi cài đặt Plugin này là

Hình ảnh sau khi cài đặt plugin. Góc bên phải có nút Ghim ảnh

Nếu bạn đã cảm thấy hài lòng với kết quả hiện tại. Bạn không cần phải làm phần bên dưới. Và nếu bạn muốn có kết quả tương tự như website Thành Thái Blog thì hãy xem tiếp phần bên dưới.

Click vào phần Plugins để hiển thị các plugin mà chúng ta đã cài đặt, tìm plugin jQuery Pin It Button For Images mà chúng ta vừa cài đặt, click Biên tập.

Hoặc bạn có thể sử dụng một chương trình nào đó (cuteftp) để tải tệp plugin xuống máy tính của bạn và chỉnh sửa nó

Bạn mở tệp jquery-pin-it-button-for-images.php

Tìm dòng

img.pinit-hover { opacity: <?php echo (1 - $options['transparency_value']); ?> !important; filter:alpha(opacity=<?php echo (1 - $options['transparency_value']) * 100; ?>) !important; /* For IE8 and earlier

Tại thời điểm này, bạn thay đổi nó thành

img.pinit-hover { /*opacity: <?php echo (1 - $options['transparency_value']); ?> !important;*/ filter:alpha(opacity=<?php echo (1 - $options['transparency_value']) * 100; ?>) !important; /* For IE8 and earlier

Ra hiệu / * và * / Mục đích là để thông báo cho trình duyệt biết rằng nó sẽ bỏ qua nội dung trong cặp thẻ này và nó sẽ đóng vai trò như một nhận xét cho quản trị viên web, vì vậy nó sẽ không hiển thị cho người dùng.

Để thay đổi hình dạng của nút Pinit cũng như kích thước của nó, hãy chuyển đến dòng

//DEFAULT PIN BUTTON IMAGE

Và thay đổi thông số ở 3 dòng bên dưới

define( "JPIBFI_IMAGE_URL", plugins_url( '/images/pinit-button.png', __FILE__ ) ); define( "JPIBFI_IMAGE_WIDTH", 65 ); define( "JPIBFI_IMAGE_HEIGHT", 41 );

Dòng 1: Thay đổi đường dẫn cũng như hình ảnh của nút hình Ghim.

Dòng 2: Thay đổi chiều rộng, thay thế 65 bằng chiều rộng bạn muốn

Dòng 3: Thay đổi chiều cao của nút Pin, thay 41 bằng chiều cao bạn muốn.

Sau đó nhấp vào Cập nhật tệp

Đó là nó

Trong quá trình thực hiện Hướng dẫn WordPress Các bạn ơi, nếu có vướng mắc các bạn comment để mình và các bạn đọc hướng dẫn nhé.
Chúc may mắn.

Ghi chú: Phiên bản mới nhất hiện có thể tùy chỉnh hình ảnh, chiều rộng, chiều cao cũng như giá trị độ mờ của nút Pin trong Cài đặt của Plugin này.

Via: sieucoder.com

from sieucoder.com https://ift.tt/3GxzeYu
via Sieucoder.com