2012-07-22 15 views
8

AddThis Pinterest düğmesini tıklattığımda, kutu sayfamdan çeşitli resimlerin görüntülenmesiyle ekranın ortasında açılır. Güzel. Bununla birlikte, sunulanlar arasında, nemli düğmeler, banner reklamlar ve alakalı diğer resimlerin grenli, genişletilmiş bölümleri bulunur. Aynı sayfada, Sık Kullanılanlar Çubuğu PinIt düğmesi (Pinterest'in kendisinden), "doğru" anlamına gelir, yani sadece anlamlı görüntüler sunar; hiçbir nav düğmeleri dahil.AddThis Pinterest parçacığı görüntülerini göndermek istemiyorum Ben nav düğmeleri, reklamlar gibi sunmak istemiyorum.

Seçilen görüntüleri AddThis Pinterest parçacığı kutusundan nasıl hariç tutabilirim?

Yardım edebilecek herkese şimdiden teşekkür ederiz.

cevap

1

Pinterest kullanmak için tek bir resim belirtmek isterseniz, o resmin yolunu pi:pinit:url özelliğinin değeri olarak belirtmeniz gerekir.

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

bir görüntü zorlamak için gerçek yol "url" seçeneği "medya" seçeneği değil:

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

AddThis Pinterest "at_include" ve resimler için "at_exclude" sınıflar için desteği vardır . Burada

Tam yayın: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

sadece “image_include” yapılandırma seçeneğini kullanarak sayfanın belirli resimleri kapmak için Sen payı önizlemesini talimat verebilirsiniz Görüntüleri

ekleyin. İlk olarak, istediğiniz sınıf adına image_include ayarlayın (kimlik seçiciler izinli değil, sadece sınıf seçicilerdir), daha sonra yakalanmaları gereken sayfadaki görüntülerin her birine aynı sınıf adını ekleyin. Image_include için , ‘.’ Seçicisini eklemez. İşte bir örnek: image_include bir sınıfla tanımlandıktan sonra

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

, sayfadaki istenen görüntüleri o sınıf ekleyin. Bu örnekte, yakalanacak olan sayfasındaki tek görüntüler, at_include sınıfına (img1.jpg ve img3.jpg) sahip görüntüler olacaktır.

<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" /> 

dışla Görüntüler

Sen image_exclude yapılandırma seçeneğini kullanarak Sayfadan belirli görüntüleri görmezden pay önizleme talimat verebilirsiniz. Öncelikle, istediğiniz sınıf adına image_exclude ayarlayın (kimlik seçiciler izinli değil, sadece sınıf seçicilerdir), daha sonra sayfadaki görüntünün yok sayılması gereken numarasına aynı sınıf adını ekleyin. Image_exclude için , ‘.’ Seçicisini eklemez. İşte bir örnek: image_exclude bir sınıfla tanımlandıktan sonra

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

, sayfadaki istenen görüntüleri o sınıf ekleyin. Bu örnekte, yakalanacak sayfasındaki tek resim, at_exclude sınıfına (img2.jpg) sahip olmayan resim olacaktır.

<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" /> 

Görüntü Konteyner

Ayrıca böyle bir Pinterest payı düğmesi vardır sınıf veya id içinde bulunan tüm resimler gibi belirli kaptan görüntüleri kapmak için hisse önizleme talimat verebilirsiniz. sayfasındaki birden fazla Pinterest paylaşım düğmesi varsa, bu gerçekten yararlı olabilir. Unutmayın, Pinterest paylaşım düğmesinin, görüntülerin bulunduğu kapsayıcıda olması gerekir. Ayrıca, image_container öğesinin, ‘.’ Veya ‘#’ seçicisine sahip olması gerektiğini unutmayın. image_container bir sınıfla tanımlandıktan sonra

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

, sayfadaki istenen için o sınıfı ekleyin: İşte bir örnek. Bu örnekte, yakalanacak sayfasındaki tek görüntüler, shared_content içinde bulunan resimler olacaktır.

<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> 
İlgili konular