Tiện ích bổ sung Pinterest này là hình ảnh nổi bật mà tôi không muốn cung cấp, chẳng hạn như nút điều hướng, quảng cáo.

Question

Khi tôi nhấp vào nút AddThis Pinterest, hộp sẽ mở giữa màn hình, hiển thị nhiều hình ảnh từ trang của tôi. Mát mẻ. Tuy nhiên, trong số những người được cung cấp là phần mở rộng của các nút nav, quảng cáo biểu ngữ và các hình ảnh khác có liên quan. Trên cùng một trang, nút Favorites Bar PinIt (từ Pinterest chính nó) hiện nó "chính xác", có nghĩa là nó chỉ cung cấp hình ảnh có ý nghĩa; không có nút điều hướng nào được bao gồm.

Làm cách nào để loại trừ hình ảnh đã chọn khỏi hộp tiện ích AddThis Pinterest?

Cảm ơn trước với bất kỳ ai có thể trợ giúp.

Answer 1

Nếu bạn muốn chỉ định một hình ảnh duy nhất cho Pinterest để sử dụng, bạn phải chỉ định đường dẫn đến hình ảnh đó làm giá trị của thuộc tính pi:pinit:url.

<a... pi:pinit:url='http://path/to/my/image.jpg'>...</a> 

Answer 2

Cách thực tế để buộc một hình ảnh là "phương tiện truyền thông" tùy chọn, không phải là "url" tùy chọn:

<a... pi:pinit:media='http://path/to/my/image.jpg'>...</a> 

Answer 3

AddThis Pinterest đã hỗ trợ cho "at_include" và "at_exclude" lớp cho hình ảnh .

Full bài ở đây: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

Bao gồm hình ảnh

Bạn có thể hướng dẫn xem trước phần để chỉ lấy hình ảnh cụ thể từ các trang bằng cách sử dụng tùy chọn cấu hình “image_include”. Trước tiên, hãy đặt image_include thành tên lớp bạn muốn (bộ chọn id không phải là cho phép, chỉ bộ chọn lớp), sau đó thêm cùng tên lớp đó vào mỗi của hình ảnh trên trang cần được nắm bắt. Đối với image_include, không thêm bộ chọn ‘.’. Dưới đây là một ví dụ:

<script type="text/javascript"> 
var addthis_config = { 
image_include: "at_include" 
} 

Khi image_include đã được xác định với một lớp, thêm lớp để những hình ảnh mong muốn trên trang. Trong ví dụ này, các hình ảnh duy nhất trên trang sẽ được chụp, sẽ là những hình ảnh có lớp at_include (img1.jpg và img3.jpg).

<img src="http://www.example.com/img1.jpg" class="at_include" /> 
<img src="http://www.example.com/img2.jpg" /> 
<img src="http://www.example.com/img3.jpg" class="at_include" /> 

Loại trừ hình ảnh

Bạn có thể hướng dẫn xem trước phần để bỏ qua hình ảnh cụ thể từ trang bằng cách sử dụng tùy chọn cấu hình image_exclude. Đầu tiên, hãy đặt image_exclude vào tên lớp bạn muốn (bộ chọn id không phải là cho phép, chỉ bộ chọn lớp), sau đó thêm cùng tên lớp đó vào mỗi của các hình ảnh trên trang cần bỏ qua. Đối với image_exclude, không thêm bộ chọn ‘.’. Dưới đây là một ví dụ:

<script type="text/javascript"> 
var addthis_config = { 
image_exclude: "at_exclude" 
} 

Khi image_exclude đã được xác định với một lớp, thêm lớp để những hình ảnh mong muốn trên trang. Trong ví dụ này, hình ảnh duy nhất trên trang sẽ được chụp, sẽ là hình ảnh không có lớp học at_exclude (img2.jpg).

<img src="http://www.example.com/img1.jpg" class="at_exclude" /> 
<img src="http://www.example.com/img2.jpg" /> 
<img src="http://www.example.com/img3.jpg" class="at_exclude" /> 

ảnh container

Bạn cũng có thể chỉ thị cho xem trước phần để lấy hình ảnh từ một container cụ thể, chẳng hạn như tất cả các hình ảnh chứa trong các lớp học hoặc id mà có một nút chia sẻ Pinterest. Điều này có thể thực sự hữu ích nếu có là nhiều nút chia sẻ Pinterest trên trang. Hãy nhớ rằng, nút chia sẻ Pinterest phải nằm trong cùng một vùng chứa mà hình ảnh được đặt tại. Ngoài ra, hãy lưu ý rằng image_container cần phải có bộ chọn ‘.’ Hoặc ‘#’. Dưới đây là ví dụ:

<script type="text/javascript"> 
var addthis_config = { 
image_container: ".shared_content" 
} 

Khi image_container đã được định nghĩa với một lớp, hãy thêm lớp đó vào mong muốn trên trang. Trong ví dụ này, các hình ảnh duy nhất trên trang sẽ được chụp, sẽ là hình ảnh có trong số shared_content.

<div class="shared_content"> 
Here's some example text. Images in this div will be grabbed. 
<img src="http://www.example.com/img1.jpg" /> 
<img src="http://www.example.com/img2.jpg" /> 
<a class="addthis_button_pinterest_share"></a> 
</div> 

<div class="another_div"> 
Here's some more example text. Images in this div will not be grabbed. 
<img src="http://www.example.com/img3.jpg" /> 
<img src="http://www.example.com/img4.jpg" /> 
</div>