W artykule:
Twitter rozszerza swoje funkcjonalności na szerszą sieć world wide web. Wszystko zaczęło się od oficjalnego przycisku tweet, następnie platformy Twitter Anywhere, a ostatnio nowego oficjalnego przycisku Twitter follow. Prawdopodobnie zastanawiasz się, co to do cholery jest ten przycisk śledzenia Twittera? Czym różni się przycisk Obserwuj na Twitterze i przycisk inteligentnego obserwowania? Nie martw się, w tym artykule omówimy, co to jest przycisk Obserwuj na Twitterze i jak możesz go dodać do swojej witryny WordPress.
Co to jest przycisk Obserwuj na Twitterze
Twitter follow button to mały widget, który pozwala użytkownikom łatwo śledzić swoje konto na Twitterze (lub dowolne konto na Twitterze) z dowolnej strony internetowej. Przycisk Obserwuj używa tego samego modelu implementacji, co oficjalny przycisk tweet, i jest naprawdę prosty w integracji. Możesz zobaczyć demo przycisku Obserwuj w lewym górnym rogu obrazka poniżej. Po kliknięciu przycisku obserwuj otworzy się okno z większą ilością informacji o użytkowniku.
Prawdopodobnie zastanawiasz się, czym różni się od przycisku Smart Follow poniżej?
Cóż, Inteligentny przycisk Obserwuj wymaga całej integracji z Twitterem w dowolnym miejscu. Nie pozwala również na wyświetlanie liczby obserwujących ani dostosowywanie. Natomiast przycisk Obserwuj na Twitterze pozwala pokazać liczbę i jest bardzo łatwy do zintegrowania. Sprawdź poniższy przykład na żywo (nie zapomnij kliknąć Obserwuj, aby zobaczyć, co robi):
@ Wpbeginner
Jak dodać oficjalny przycisk Twitter Follow w WordPress
Możesz przejść do strony przycisku obserwuj i wygenerować kod dla ciebie. Możesz też po prostu skopiować poniższy kod:
<a href="http://twitter.com/wpbeginner" class= "twitter-follow-button" > Follow @wpbeginner< / a>
P. S. Pamiętaj, aby zmienić nazwę Użytkownika na własną.
Jeśli używasz oficjalnego przycisku tweet, nie musisz wklejać skryptu dwa razy. Więc Twój kod będzie wyglądał tak:
<a href="http://twitter.com/wpbeginner" class= "twitter-follow-button" > Follow @wpbeginner< / a>
Teraz możesz wkleić kod w dowolnym miejscu w swoim szablonie WordPress. Większość ludzi umieści taki kod w swoich pasek boczny.php plik. Jeśli jednak nie czujesz się komfortowo edytując plik motywu, możesz również wykorzystać widżety motywu WordPress. Wszystkie dobre motywy są dostarczane z paskami bocznymi gotowymi do widżetów. Wszystko, co musisz zrobić, to przejść do zakładki „widżety”. Następnie dodaj widżet tekstowy do odpowiedniego paska bocznego. Na koniec wklej powyższy kod i gotowe. Spójrz na poniższy zrzut ekranu, aby zobaczyć przykład:
Naprawdę nie ma potrzeby dodawania wtyczki, aby zrobić coś tak prostego.
Zaawansowane Dostosowywanie
Ta sekcja jest przeznaczona dla projektantów i programistów, którzy chcą dostosować ten przycisk Dalej, aby dopasować kolorystykę swojej witryny itp. Twitter pozwala dostosować kolor przycisku, kolor tekstu, kolor łącza, język, widżet i wyrównanie wtyczki.
Dostępne zmienne w używanej przez nas wersji JavaScript:
- data-show-count (prawda lub false)
- data-button (niebieski lub szary)
- data-text-color (hex code)
- data-link-color (Kod hex)
- data-lang (en, fr, de, es) – używa dwuliterowego kodu języka ISO-639-1
- data-width- (300px)
- data – align – (right)
Jeśli chcesz określić go w kodzie a, będzie to wyglądać mniej więcej tak:
<a href="http://twitter.com/wpbeginner" class= "twitter-follow-button" > Follow @wpbeginner< / a>
Zasoby:
Follow Dokumentacja Przycisku
Śledź Generator Przycisków
