Kod HTML Twittera do osadzenia

Aby osadzić kanał na Twitterze w swojej witrynie, nie musisz mieć własnego konta na Twitterze.

Widżet profilu

Jedna ze stron witryny Twitter (twitter.com/about/resources/widgets/widget_profile) ma widżet, który pozwala dostosować wygląd prezentacji na Twitterze na swojej stronie internetowej. Określ, ile tweetów ma wyświetlać się w małej aplikacji w tym samym czasie (od 1 do 30), niezależnie od tego, czy należy użyć paska przewijania, i czy nowe tweety powinny być wyświetlane podczas ich tworzenia, czy też powinny być "odświeżone" "(przeładuj) aplikację w odstępach czasu. Możesz także zdecydować, czy chcesz wyświetlać awatary, znaczniki czasu lub "hashtagi" (słowa napisane pod symbolem "#", które działają jak etykiety) z każdym tweetem.

Formatuj

Możesz zmienić wiele domyślnych reguł formatowania w widgecie, pod względem wyglądu i rozmiaru. Zmienia kolory tła, w tym obszar istniejący za tweetami, a także zmienia jego "powłokę" (ramkę). Możesz także zmienić kolor tekstu w ramce, tekst w każdym tweecie i tekst "link". Dostosuj szerokość i wysokość aplikacji, określając dwie wartości w pikselach, wybierając liczby pasujące do miejsca przeznaczonego na kanał na Twitterze w Twojej witrynie.

Kod HTML

Gdy będziesz zadowolony z wyglądu widżetu po wypróbowaniu go na stronie Twitter, kliknij przycisk "Zakończ i złap" na tej stronie, aby automatycznie wygenerować kod HTML definiujący "kanał" "w funkcji JavaScript. Konwertuje wszystkie wybrane formaty na atrybuty różnych typów danych dla obiektu widgetu i zawiera wszystkie ustawienia, takie jak liczba "tweetów", kolory i rozmiar, bez konieczności wprowadzania dodatkowych zmian.

Wdrożenie

Skopiuj kod ze strony widgetu i wklej go do co najmniej jednego pliku HTML, w którym chcesz wyświetlać kanał na Twitterze. Parametr podany w funkcji "setUser" w kodzie zawiera nazwę konta Twitter wyświetlanego w kanale. Wklej kod kilka razy na stronie i zmień tę wartość na kilka różnych kont, aby wyświetlić kolekcję kanałów na Twitterze w jednym miejscu.