Dla webmastera > Tutoriale
Twitter Feeds na stronie (Nowy sposób)
Camille:
Witajcie więc udostępnię wam dzisiaj nowy tutorial. On działa tylko i wyłącznie z Wordpress ale posiada wiele nowych funkcji tak jak awatary przyciski: favourite, share i fallow. Ten tutorial posiada 3 części. I zajmuje mniej niż 5 minut przykład twittera znajdziecie w http://creativedezign.pl/ Więc zaczynamy pierwszym krokiem jest dodanie plugina w opcjach Wordpress więc idziemy do Plugins (Wtyczki) - Add new (Dodaj Nową) i w wyszukiwarce wpisujemy nazwę : Twitter Feed for WordPress.
Po instalacji wklejamy poniższy kod do miejsca w którym chcemy go znaleźć może to być w headerze, sidebarze footerze gdzie tylko chcecie.
--- Cytuj ---<ul id="twitter_update_list" class="divid" align="left">
<?php echo do_shortcode('[twitter-feed]'); ?></ul>
--- Koniec cytatu ---
*Nie usuwajcie nic z tego kodu iż nie gwarantuje by działał po usunięciu jego części.
Potem już ostatnia część dodanie kodu stylującego do style.css.
--- Cytuj ---/* Twitter */
.divid {
margin: 3px;
padding: 3px;
margin-bottom: 1px;
font-family: arial;
font-size: 11px;
color: #8ae8ff;
width: 300px;
display: block;}
.divid ul {
margin: 3px;
padding: 3px;
margin-bottom: 1px;
font-family: arial;
font-size: 11px;
color: #aaa7c3;
width: 300px;
display: block;}
.divid li {
margin: 3px;
padding: 3px;
margin-bottom: 1px;
font-family: arial;
font-size: 11px;
color: #67d0e6;
display: block;
text-shadow: 1px 1px 0px #2b94ae;
background: #2f9db7;
border: 2px solid #2b94ae;}
.divid li:hover {
margin: 3px;
margin-bottom: 1px;
padding: 3px;
font-family: arial;
font-size: 11px;
color: #67d0e6;
display: block;
text-shadow: 1px 1px 0px #2f9db7;
background: #2b94ae;
border: 2px solid #2f9db7;}
.divid A:link {
color: #acedfb;
text-decoration: none;
font-family:'arial';}
.divid A:visited {
color: #acedfb;
text-decoration: none;
font-family:'arial';}
.divid A:hover {
color: #acedfb;
text-decoration: underline;
font-family:'arial';}
/* Koniec Twittera */
--- Koniec cytatu ---
Oczywiście wasz twitter będzie już działał ale macie do wykorzystania też opcje które w nim się znajdują jak awatary, przyciski, różnorodne feedy i inne. Więc wszystkie opcje przetłumaczyłem ze strony producenta. Ustawiamy te opcje wchodząc do Wtyczki - Twitter Feed for WordPress - Edytuj Pokaże się okno do edytowania kodu jak zjedziecie niżej zobaczycie ustawienia w których wpiszecie wedle uznania to co wam pasuje. Tutaj są opcje:
--- Cytuj ---Username (Wasz twitterowy nick) - Wpisujecie zamiast : alexmoss. Bez małpy.
Mode (Tryb) - Wpisujecie feed czyli ostanie wasze wpisy. Są opcje też tak jak Mentions (Napisane do ciebie) lub Retweets (Podzielone się przez ciebie inne wpisy)
Num - Numer wpisów które maja się wyświetlić na stronie.
Img - Awatary więc wpisujemy yes/no.
Fallowlink, Fallowbutton - Przyciski do śledzenia yes/no.
Lan - Język jak tweety są po polsku z polskimi znakami wpisujemy "PL" jak po angielsku to "EN"
--- Koniec cytatu ---
To są najważniejsze opcje jest ich o wiele więcej lecz naprawdę zajęło by mi to bardzo długi czas by przetłumaczyć. Jeśli ktoś jest ciekawy innych opcji to tutaj podaje stronę gdzie one się znajdują. http://3doordigital.com/wordpress/plugins/wp-twitter-feed/
Mam nadzieje że tutorial się przyda i że każdy zrozumie i bez problemu wykorzysta go w swoich pracach. Proszę tylko o nie rozprzestrzenianie mojego kodu css. który napisałem na potrzeby http://creativedezign.pl/ i użytkowników tego forum.
Udostępniłem ten tutorial tylko dlatego iż wiem że stary kod już nie działa na większości stron. A to jest jego alternatywa.
PA_BLO:
Dzięki za tutorial :) Leci plusik xD
Andrew:
Mi działa jeszcze stary kod, ale na pewno sie przyda. Dałbym plusa, ale przez swoją głupotę nie mogę ;D
LiskaLiz:
też dałabym plusa ale nie mogę : )
mam problem z tą wtyczką. wszystko działa okej tylko jak zmieniam nick twittera na nick z _ to nie działa. można temu jakoś poradzić?
Camille:
Ja sądzę że to gdzieś w opcjach jakimś cudem wpisy ulegają przedawnieniu i się potem już nie pokazują chyba coś w ustawieniach trzeba pogrzebać. Jak znajdę rozwiązanie to napiszę.
Jak na razie mamy jeden sposób aktualizowania twittera co tydzień.
Nawigacja
[#] Następna strona
Idź do wersji pełnej