2013-05-23 21 views
7

Posiadam podstawową wiedzę w zakresie kodowania, z których większość nauczyłem się poprzez czytanie.Jak zmienić typ czcionki w widżecie twitter.com?

Używam wordpress na mojej stronie internetowej. Teraz podoba mi się oficjalny widget na twitter, ale jedyną wadą tego jest ograniczone możliwości stylizacji.

Sprawdziłem dostępne opcje stylizacji, ale nie mogłem znaleźć żadnej, która pozwoli mi zmienić rozmiar czcionki.

Tak więc pomyślałem, że spróbuję zaimportować plik javascript (tutaj: http://platform.twitter.com/widgets.js) i sprawdzić, czy mogę coś w nim zmienić. Szukałem więc "czcionki" i edytowałem domyślną czcionkę w pliku, a następnie przesłałem ją do mojej witryny, ale nie wpłynęło to na sposób wyświetlania czcionki.

Czy istnieje prosty sposób wymuszenia zmiany predefiniowanego css widgetu?

Odpowiedz

4

Twitter nie pozwala zmienić rozmiaru czcionki lub rodziny czcionek tylko z ustawieniami.

Nie można również oznaczyć zawartości elementu pływającego pochodzącego z innej domeny .

Nie wydaje się być rozwiązanie, gdy masz javascript plików siebie jak mówisz:

http://www.petermoss.com/post/how-to-change-Twitter-widgets-font-size-or-color.aspx

Aby zmienić czcionkę tweets trzeba zmienić następujące klasy CSS w widget.js (na własnym serwerze):

.twtr-tweet-text { 
    font size: 105%; 
    font-family: Georgia, Serif; 
} 

Innym możliwym rozwiązaniem jest wyko ment widget samemu używając ich JSON API:

https://dev.twitter.com/docs/api/1/get/search

lub użyć innej widget strony trzeciej jak poniżej:

+0

Dzięki Nick. Myślę, że oferowane przez ciebie rozwiązanie nie dotyczy nowego widżetu na Twitterze. Proszę zapoznać się z plikiem javascript (link w pierwszym poście). Jakieś inne sugestie? Chciałbym zaimplementować widget sam, ale jest to zbyt zaawansowane dla mnie. – Aouni

+0

Wtedy jest możliwe, że nie jest to możliwe. Powinieneś używać pierwszego widżetu innej firmy, który jest świetny i możesz go stylizować. –

17

jedynym rozwiązaniem Znalazłem na Twitterze Enhanced Ti meline jest użycie javascript do modyfikacji css po załadowaniu iframe.

Potrzebne do użycia window.setTimeout dla niego.

window.setTimeout(function(){ 
    $(".twitter-timeline").contents().find(".e-entry-title").css("font-family","sans-serif"); 
    $(".twitter-timeline").contents().find(".tweet").css("font-family","sans-serif"); 
    }, 1000); 

Nie mówię, że jestem „dumny” z użyciem setTimeout, ale kiedy moja żona chce widget stylizowany Twittera na swoim miejscu, ona dostaje stylizowany Twitter widget.

+1

To działa. +1 duże ulepszenia. –

+1

Dla mnie zadziałało, gdy zmieniłem 1000 na 10000. – Waqas

+0

:) Dzięki, użyłem $ (window) .bind ("load", function() {.. your code}); –