Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Twitter Feeds na stronie (Nowy sposób)  (Przeczytany 1510 razy)

Camille

  • Fan
  • ***
  • Wiadomości: 337
  • Reputacja: 16
    • Status GG
    • Zobacz profil
    • CreativeDezign.pl
Twitter Feeds na stronie (Nowy sposób)
« dnia: 20 Luty 2013, 11:46:40 »
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>

*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 */

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"

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

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #1 dnia: 21 Luty 2013, 12:44:52 »
Dzięki za tutorial :) Leci plusik xD
Do you want more?


Andrew

  • Gość
Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #2 dnia: 21 Luty 2013, 13:23:36 »
Mi działa jeszcze stary kod, ale na pewno sie przyda. Dałbym plusa, ale przez swoją głupotę nie mogę ;D

LiskaLiz

  • Gość
Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #3 dnia: 04 Marzec 2013, 20:50:03 »
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

  • Fan
  • ***
  • Wiadomości: 337
  • Reputacja: 16
    • Status GG
    • Zobacz profil
    • CreativeDezign.pl
Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #4 dnia: 05 Marzec 2013, 11:14:26 »
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ń.


Alexiaaa93

  • Nowicjusz
  • *
  • Wiadomości: 69
  • Reputacja: 2
    • Status GG
    • Zobacz profil
Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #5 dnia: 07 Lipiec 2013, 13:23:53 »
ja nie widzę tego username, mode w edytorze wtyczki :((

Forum portalu Fan-Strefa.pl

Odp: Twitter Feeds na stronie (Nowy sposób)
« Odpowiedź #5 dnia: 07 Lipiec 2013, 13:23:53 »