Dla webmastera > Tutoriale

Twitter Feeds na stronie (Nowy sposób)

(1/2) > >>

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

[0] Indeks wiadomości

[#] Następna strona

Idź do wersji pełnej