Jak Dodać przycisk „Pin It” Pinteresta w WordPress (4 sposoby)

Czy chcesz dodać przycisk „Przypnij to” Pinteresta w WordPress?

Pinterest to popularny serwis społecznościowy, który pozwala udostępniać treści wizualne i przyciągać duży ruch do twojej witryny. Dodanie przycisku pin it ułatwia odwiedzającym udostępnianie Twoich treści.

W tym artykule pokażemy, jak dodać przycisk „Przypnij to” Pinteresta do swojego bloga WordPress.

Istnieje wiele sposobów na dodanie przycisku Pinterest Pin it do witryny WordPress. Możesz użyć wtyczki WordPress do przypięcia zdjęć lub ręcznie dodać przycisk przypnij go za pomocą kodu.

Poza tym możesz utworzyć krótki kod, aby dodać przycisk Pinteresta w dowolnym miejscu w swojej witrynie, a także umożliwić użytkownikom zapisywanie obrazów na Pintereście, najeżdżając na nie kursorem.

W tym przewodniku omówimy wszystkie te sposoby,abyś mógł przejść do preferowanej metody.

• Dodawanie przycisku „Przypnij to” Pinteresta za pomocą wtyczki
• Ręczne dodawanie przycisku Pinterest Pin It w WordPress
• Tworzenie skrótu przycisku Pinteresta
• Dodawanie Przycisku Pinterest Przypnij Go Nad Obrazami

Dodawanie przycisku „Przypnij to” Pinteresta za pomocą wtyczki

Pinterest oficjalnie zmienił nazwę przycisku „Pin It” na Zapisz w 2016 roku.

Chociaż niektóre wtyczki nadal używają nazwy „Przypnij to” zamiast Zapisz, wykonują tę samą pracę, przypinając obrazy do Pinteresta.

Najprostszym sposobem na dodanie przycisku Pinteresta do witryny WordPress jest użycie wtyczki udostępniania społecznościowego.

W tym celu zalecamy użycie wtyczki Shared Counts. Jest to jedna z najlepszych wtyczek mediów społecznościowych do WordPress, ponieważ jest bezpłatna i pozwala łatwo dodać przycisk Pinteresta wraz z innymi popularnymi sieciami społecznościowymi.

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę Shared Counts. Możesz postępować zgodnie z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress, aby uzyskać szczegółowe instrukcje.

Po instalacji udaj się do Ustawienia ” Współdzielone Liczniki strona konfiguracji wtyczki.

Na stronie Ustawienia należy przewinąć w dół do Wyświetlacz sekcji, a następnie kliknij pole tekstowe „Udostępnij przyciski do wyświetlenia”.

Spowoduje to otwarcie rozwijanego menu, w którym możesz wybrać usługi mediów społecznościowych, które chcesz dodać. Domyślnie Pinterest będzie obecny w tym polu, wraz z Facebookiem i Twitterem.

Wtyczka zawiera wiele stylów przycisków, które możesz wybrać z opcji „Udostępnij styl przycisku”. Możesz także wybrać lokalizację i typ postu, w których chcesz wyświetlić przycisk Pinteresta.

Po wybraniu ustawień nie zapomnij kliknąć na Zapisz Zmiany guzik.

Możesz teraz odwiedzić dowolny post w swojej witrynie, aby zobaczyć przycisk Pinteresta w akcji.

Kolejną ciekawą rzeczą w SharedCounts jest bezpłatny niestandardowy dodatek do obrazów Pinteresta dostępny na Github. Pozwala to ustawić niestandardowy obraz i opis udostępniania na Pintereście, który jest zoptymalizowany pod kątem Pinteresta.

Ręczne dodawanie przycisku Pinterest Pin It w WordPress

Niektórzy średniozaawansowani użytkownicy mogą preferować ręczne dodawanie przycisków udostępniania społecznościowego do swojej witryny WordPress zamiast używania wtyczki.

Przyjrzyjmy się, jak ręcznie dodać przycisk Pinteresta w WordPress.

Pierwszą rzeczą, którą musisz zrobić, to wykonać kompletną kopię zapasową witryny WordPress. Pomoże to przywrócić witrynę w przypadku, gdy coś się przypadkowo zepsuje.

Następnie musisz dodać trochę kodu do stopki. Możesz dodać kod stopki do swojej witryny WordPress za pomocą wtyczki lub postępuj zgodnie z poniższymi instrukcjami, aby to zrobić ręcznie.

Najpierw musisz połączyć się z hostingiem WordPress za pomocą klienta FTP, a następnie przejść do folderu/wp-content/ themes/.

Stąd musisz otworzyć bieżący folder motywów, a następnie zlokalizować stopkę.plik php.

Następnie po prostu kliknij prawym przyciskiem myszy ten plik, a następnie wybierz Pobierz z menu. Spowoduje to pobranie stopki.plik php na komputer.

Teraz musisz otworzyć stopkę.plik php za pomocą zwykłego edytora tekstu, takiego jak Notatnik, a następnie wklej następujący skrypt tuż przed < / body> tag.

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

Gdy to zrobisz, musisz zapisać plik, a następnie przesłać go z powrotem do bieżącego folderu motywu.

Następnie musisz zlokalizować plik szablonu w swoim motywie, w którym chcesz dodać przycisk. Jeśli nie jesteś pewien, możesz zobaczyć nasz przewodnik dla początkujących do hierarchii szablonów WordPress. Często będzie to singiel.plik php, ale to zależy od motywu.

Aby edytować plik szablonu, po prostu pobierz go z folderu motywu i otwórz go do edycji. Następnie musisz dodać następujący kod.

Musisz wybrać lokalizację, w której ma się pojawić w Twoim poście. Umieszczenie go po tytule postu jest najczęstszym umieszczeniem przycisków mediów społecznościowych.

<?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]; ?> & opis=<?php the_title(); ?>"class=" Pin-It-button"count-layout="vertical" > Pin it< / a>

Powyższy kod wyświetla przycisk Pinteresta z polecanym obrazem, tytułem, opisem i adresem URL wpisu w parametrze Udostępnij adres URL.

Na koniec musisz zapisać plik i przesłać go z powrotem do katalogu motywu za pomocą FTP.

Spowoduje to dodanie pionowego przycisku udostępniania do postów w Twojej witrynie. Jeśli chcesz wyświetlić poziomy przycisk udostępniania, po prostu zmień count-layout parametr do poziomego.

Tworzenie skrótu przycisku Pinteresta

Skróty w WordPress pozwalają łatwo dodawać dynamiczne elementy do postów, stron i widżetów WordPress. Tworząc krótki kod, będziesz mógł ręcznie dodać przycisk Pinteresta do swoich artykułów.

Najpierw musisz dodać następujący kod do funkcji szablonu.plik php lub wtyczka specyficzna dla witryny:

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');

Aby uzyskać więcej pomocy, zobacz nasz przewodnik dla początkujących do wklejania fragmentów z internetu do WordPress.

Po dodaniu kodu możesz użyć skrótu [pin] w postach WordPress, w których chcesz wyświetlić przycisk Pinteresta.

Dodawanie Przycisku Pinterest Przypnij Go Nad Obrazami

Jeśli prowadzisz witrynę z modą, fotografią lub portfolio, zdecydowanie chcesz, aby Twoje zdjęcia były udostępniane na Pintereście, aby zwiększyć ruch w witrynie.

Dodanie przycisku Pinterest Pin it nad obrazami w WordPress pozwala użytkownikowi łatwo przypiąć dowolny obraz w witrynie, po prostu najeżdżając kursorem myszy na obraz, który chce udostępnić.

Po pierwsze, musisz zainstalować i aktywować przycisk Weblizar Pin It na obrazie i wtyczce Post. Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji przejdź do Przycisk PinIt strona z panelu administracyjnego WordPress, aby skonfigurować wtyczkę.

Możesz wybrać, czy chcesz pokazać przycisk przypnij go na swoich postach na blogu WordPress, czy na stronach na stronie ustawień. Należy również upewnić się, że opcja „Pokaż przycisk Pin It po najechaniu na obraz” jest ustawiona na ” tak.’

Poza tym wtyczka pozwala pokazać przycisk Pin It na urządzeniach mobilnych i edytować rozmiar przycisku. Po zakończeniu musisz zapisać ustawienia.

Teraz możesz odwiedzić swoją witrynę, a następnie najechać kursorem myszy na dowolny obraz, aby zobaczyć Pinteresta przypnij go lub przycisk „Zapisz”.

Jeśli chcesz wykluczyć niektóre obrazy z wyświetlania przycisku przypnij go lub Zapisz, możesz przejść do Przycisk PinIt strona z Pulpitu nawigacyjnego WordPress i wybierz kartę „Wyklucz obrazy” w Ustawieniach.

Wszystko, co musisz zrobić, to wprowadzić adres URL obrazu, który chcesz wykluczyć z pokazywania przycisku przypnij go i kliknij przycisk „+ Dodaj”.

Możesz również wykluczyć strony z wyświetlania przycisku Zapisz na Pintereście lub przypnij go za pomocą wtyczki. Po prostu przejdź do zakładki „Wyklucz strony” i dodaj nazwę strony.

To wszystko!

Mamy nadzieję, że ten artykuł pomógł Ci zrozumieć, jak dodać przycisk „przypnij go” na Pintereście do swojego bloga WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia biuletynu e-mailowego lub zobaczyć nasze porównanie najlepszego oprogramowania do projektowania stron internetowych.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.