Come aggiungere il pulsante Pinterest “Pin It” in WordPress (Guida definitiva)

Vuoi aggiungere il pulsante Pinterest “Pin It” in WordPress? Di recente, una nuova fonte di traffico è apparsa nelle statistiche del nostro blog.


È stato abbastanza significativo per noi prenderne atto. Questa fonte di traffico era Pinterest.

Pinterest è un popolare sito di social network che ti consente di condividere contenuti visivi e indirizzare molto traffico al tuo sito Web (segui WPBeginner su Pinterest).

In questo articolo, ti mostreremo come aggiungere il pulsante “Pin It” di Pinterest al tuo blog WordPress. Spiegheremo anche come aggiungere il pulsante Pin It sulle immagini del tuo sito web.

Aggiungi il pulsante Pin It Pinterest in WordPress

Aggiunta di un pulsante “Pin It” Pinterest tramite un plug-in

Pinterest ha ufficialmente cambiato il nome del pulsante “Pin It” in Salva nel 2016.

Sebbene alcuni plugin utilizzino ancora il nome “Pin It” invece di Salva, fanno lo stesso lavoro di bloccare le immagini su Pinterest.

Il modo più semplice per aggiungere un pulsante Pinterest al tuo sito WordPress è utilizzare un plug-in di social sharing.

A tale scopo, consigliamo di utilizzare il plug-in dei conteggi condivisi. È il miglior plug-in di social media per WordPress perché è gratuito e ti consente di aggiungere facilmente il pulsante Pinterest insieme ad altri social network popolari.

Per iniziare, devi installare e attivare il plug-in Conti condivisi. Puoi seguire la nostra guida passo passo su come installare un plugin WordPress per istruzioni dettagliate.

Al momento dell’installazione, vai su Impostazioni »Conti condivisi pagina per configurare il plugin.

Pagina delle impostazioni dei conteggi condivisi

Nella pagina delle impostazioni, è necessario scorrere fino a Schermo sezione e quindi fare clic sulla casella di testo “Condividi pulsanti da visualizzare”.

Si aprirà un menu a discesa in cui è possibile selezionare i servizi di social media che si desidera aggiungere. Per impostazione predefinita, Pinterest sarà presente in quella casella, insieme a Facebook e Twitter.

È inoltre possibile selezionare la posizione e il tipo di post in cui si desidera visualizzare il pulsante Pinterest. Viene fornito con più stili di pulsante che puoi scegliere dall’opzione “Condividi stile pulsante”.

Una volta terminato, non dimenticare di fare clic su Salvare le modifiche pulsante per memorizzare le impostazioni.

Ora puoi visitare qualsiasi post sul tuo sito Web per vedere il pulsante Pinterest in azione.

Pulsante Pinterest aggiunto al post di WordPress

Un’altra cosa interessante di SharedCounts è il componente aggiuntivo gratuito di immagini personalizzate Pinterest disponibile su Github. Ciò ti consente di impostare un’immagine e una descrizione personalizzate di condivisione Pinterest ottimizzate per Pinterest.

Nota: Utilizziamo il plug-in SharedCount sul nostro sito Web perché è la migliore opzione sul mercato. È molto ben codificato ed è gratuito.

Aggiunta manuale di un pulsante Pin It Pinterest in WordPress

Alcuni utenti intermedi potrebbero preferire aggiungere manualmente i pulsanti di condivisione social al proprio sito WordPress invece di utilizzare un plug-in.

Diamo un’occhiata a come aggiungere manualmente un pulsante Pinterest in WordPress.

La prima cosa che devi fare è eseguire un backup completo di WordPress sul tuo sito. Questo ti aiuterà a ripristinare il tuo sito in caso qualcosa si rompa per errore.

Successivamente, devi connetterti al tuo hosting WordPress utilizzando un client FTP e quindi andare alla cartella / wp-content / themes /.

Da qui, è necessario aprire la cartella del tema corrente e quindi individuare il file footer.php.

Scarica il piè di pagina file php

Quindi, fai semplicemente clic con il pulsante destro del mouse su quel file e quindi seleziona Scarica dal menu. Questo scaricherà il file footer.php sul tuo computer.

Ora devi aprire il file footer.php usando un editor di testo semplice come Blocco note e quindi incollare il seguente script prima del tag.

(funzione() {
window.PinIt = window.PinIt || {caricato: falso};
if (window.PinIt.loaded) restituisce;
window.PinIt.loaded = true;
funzione async_load () {
var s = document.createElement ("copione");
s.type = "text / javascript";
s.async = true;
s.src = "https://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName ("copione") [0];
x.parentNode.insertBefore (s, x);
}
if (window.attachEvent)
window.attachEvent ("onload", async_load);
altro
window.addEventListener ("caricare", async_load, false);
}) ();

Una volta fatto ciò, è necessario salvare il file e quindi ricaricarlo nella cartella del tema corrente.

Successivamente, è necessario individuare e scaricare il file single.php dalla cartella del tema e aprirlo per la modifica. Successivamente è necessario aggiungere il seguente codice.

Dovrai scegliere la posizione in cui desideri che appaia nel tuo post. Dopo il titolo post è il posizionamento più comune per i pulsanti dei social media.

<?php $ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post->ID), “completo”); ?>
ID)); ?>&= multimediali<?php echo $ pinterestimage [0]; ?>&Descrizione =<?php the_title (); ?>" class ="pin-it-button" count-layout ="verticale">Fissalo

Il codice sopra mostra il pulsante Pinterest con l’immagine, il titolo, la descrizione e l’URL del post nel parametro URL di condivisione.

Infine, è necessario salvare il file e caricarlo nuovamente nella directory del tema tramite FTP.

Ciò aggiungerà un pulsante di condivisione verticale ai post del tuo sito Web. Se si desidera visualizzare il pulsante di condivisione orizzontale, modificare semplicemente il parametro di conteggio layout in orizzontale.

Creazione di uno shortcode per il pulsante Pinterest

Di recente, uno dei nostri utenti ci ha chiesto come creare un shortcode per il pulsante “Pin It” di Pinterest.

I codici brevi in ​​WordPress ti consentono di aggiungere facilmente elementi dinamici ai tuoi post, pagine e widget di WordPress. Creando uno shortcode, sarai in grado di aggiungere manualmente il pulsante Pinterest nei tuoi articoli.

Innanzitutto, dovrai aggiungere il seguente codice al file Functions.php del tuo tema o a un plug-in specifico del sito:

funzione get_pin ($ atts) {
$ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post->ID), “completo”);
return ‘ID)). ‘&media = ‘. $ pinterestimage [0]. ‘&descrizione = ‘. get_the_title (). ‘" class ="pin-it-button" count-layout ="verticale">Fissalo’; }

add_shortcode (‘pin’, ‘get_pin’);

Successivamente, puoi utilizzare il codice [pin] nei tuoi post di WordPress in cui desideri visualizzare il pulsante Pinterest.

Aggiunta di Pinterest Pulsante Pin It sulle tue immagini

Se stai gestendo un sito di moda, fotografia o portfolio, allora sicuramente vuoi che le tue immagini vengano condivise su Pinterest per aumentare il traffico del tuo sito Web.

Diamo un’occhiata a come aggiungere il pulsante Pin it Pinterest sulle tue immagini in WordPress. Questo pulsante verrà visualizzato solo quando l’utente porta il mouse sulle immagini, consentendo loro di condividere facilmente l’immagine sul proprio profilo Pinterest.

Innanzitutto, è necessario installare e attivare il plug-in Pin it Button for Images di Pinterest.

Dopo l’attivazione, vai a Impostazioni »Pinterest Pin It pagina per configurare il plugin.

Pulsante Pin It Pinterest per la pagina delle impostazioni delle immagini

Nella pagina delle impostazioni, puoi scegliere dove vuoi mostrare il pulsante “Pin It” sul tuo sito WordPress. Puoi visualizzarlo solo su singoli post, pagine, pagine di categorie o ovunque sul tuo sito.

L’opzione successiva è scegliere la descrizione predefinita dal menu a discesa. Questo sarà usato come descrizione dell’immagine per l’immagine appuntata.

Una volta fatto, è necessario fare clic su Salva pulsante per memorizzare le impostazioni. Ora puoi visitare il tuo sito Web e quindi posizionare il cursore del mouse su qualsiasi immagine per vedere il pulsante Pinterest “Pin It”.

Pinterest Pin It pulsante sopra le immagini

Se si desidera escludere alcune immagini dalla visualizzazione del pulsante Pin It, è possibile aggiungere il nopin Classe CSS per le immagini che si desidera escludere.

Per fare ciò, è necessario selezionare il blocco di immagini nell’editor dei post e quindi fare clic sull’icona con 3 punti verticali nella barra degli strumenti del blocco. Si aprirà un menu in cui è necessario fare clic su Modifica come HTML opzione.

Modifica immagine come opzione HTML per aggiungere la classe CSS

Ora vedrai il codice HTML della tua immagine. Vai avanti per aggiungere nopin al classe attributo del tag img:

nome dell'immagine

Allo stesso modo, puoi anche utilizzare il plug-in per disabilitare la visualizzazione automatica del pulsante “Pin It” e utilizzare la classe CSS “pinthis” per visualizzare selettivamente il pulsante su immagini specifiche.

Per fare ciò, è necessario visitare la pagina delle impostazioni del plug-in e quindi individuare il Avanzate sezione sul lato destro della pagina.

Pinterest Pin It Plugin impostazioni avanzate

Ora è necessario selezionare l’opzione che dice “Mostra” Appunta “solo sulle immagini con class =” pinthis “”, quindi fare clic sul Salva pulsante.

La prossima volta che aggiungi un’immagine a un post o una pagina, devi selezionare il blocco di immagini e quindi utilizzare il Modifica come HTML opzione per aggiungere l’opzione pinthis Classe CSS al codice immagine. Ecco un esempio:

nome dell'immagine

Questo mostrerà il pulsante Pinterest su quell’immagine specifica, anche se hai disabilitato l’opzione per mostrare automaticamente il pulsante Pin It sul tuo sito.

È tutto!

Speriamo che questo articolo ti abbia aiutato a capire come aggiungere un pulsante Pinterest “Pin It” al tuo blog WordPress. Puoi anche consultare la nostra guida su come creare una newsletter e-mail e ottenere più abbonati.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me