Jak dodać ikonki serwisów społecznościowych do bloga na Wordpress
Serwisy społecznościowe stały się istotnym “przedłużeniem” blogowania. Po pierwsze dlatego, że wiele blogów zakłada tam konta i szuka nowych czytelników. Po drugie są to miejsca, gdzie ludzie spontanicznie dzielą się wartościową i ważną dla nich treścią. Ponieważ przez strony typu Facebook czy Twitter przewija się codziennie masa użytkowników, warto aby nasz blog dał się w łatwy sposób na nich promować. Służą temu, znane zapewne wszystkim, ikonki serwisów społecznościowych pod blogowymi notkami. Pozwalają one użytkownikowi wrzucić nasz wpis np. na Facebook’a przy pomocy pojedynczego kliknięcia. Funkcjonalność taką można dodać do Wordpress’a korzystając z odpowiednich wtyczek. Można również zrobić to szybko i prosto za pomocą kilku linijek kodu.
Aby ikonki z odnośnikami do serwisów społecznościowych pojawiały się pod każdym wpisem musimy edytować plik single.php. Poniżej <?php the_content(); ?> umieszczamy następujący fragment kodu:
<div> <!-- ********** początek share ********** -->
<p>Podaj dalej:</P>
<a href=”http://www.facebook.com/share.php?u=<?php echo get_permalink() ?>&t=<?php the_title(); ?>” title=”Facebook” target=”_blank” alt=”Facebook”><img src=”http://www.blogmanager.pl/wp-content/themes/Blog Manager Theme/icons/facebook_icon.png” width=”20″ height=”20″ alt=”Blip” /> </a>
<a href=”http://blip.pl/dashboard?body=<?php echo get_permalink() ?>&t=<?php the_title(); ?>” title=”Blip” target=”_blank” alt=”Blip”><img src=”http://www.blogmanager.pl/wp-content/themes/Blog Manager Theme/icons/blip_icon.png” width=”20″ height=”20″ alt=”Blip” /> </a>
</div> <!– ********** koniec share ********** –>
Dla uproszczenia w powyższym przykładzie pojawiają się jedynie odnośniki do Facebook’a i Blip’a. Właściwie powyższy kod jest gotowy do wklejenia na dowolną stronę. Jedyne co trzeba w nim zmienić to linki do źródła grafik, czyli naszych ikon. Ładne i różnorodne ikony społecznościowe można znaleźć np. na webdesignledger i wrzucić w wygodne dla siebie miejsce. Jeśli wartości height i width pozostawimy niezmienione, efekt będzie taki jak ikony pod tym wpisem.
Chcesz sprawdzić, czy to działa? Kliknij jedną z poniższych ikonek i podaj dalej. 
Podaj dalej:
Pełniejsza lista:
http://wklej.org/id/328793/
Dzięki wielkie! W sumie mój błąd. Nie pomyślałem, żeby dorzucić obszerniejszą listę dla różnych portali społecznościowych.
Polecam się na przyszłość ;>
Ciacho napisał/a ostatnio na blogu: Opera 5 Mini na Android – gdzie ta rewolucja?
Co do grafik to ja w stylu mam zrobione ikonki, widzę że ich nie dodałem
http://wklej.org/id/329002/
Ikonki to polecam
http://sawb.deviantart.com/art/Social-Icons-Pack-123247215
(trzeba samemu je zmiejszyć do 16×16)
Ciacho napisał/a ostatnio na blogu: Opera 5 Mini na Android – gdzie ta rewolucja?
No właśnie coś nie działa :/ bo ja wkleiłem to na swoją próbną stronkę i wyświetla tylko ‘blimp’ w niebieskiej rameczce i to wszystko :/ oczywiście nowe adresy zrobiłem :/
Witam!
Problem bierze się stąd, że Wordpress automatycznie zamienia mi “normalne” cudzysłowy na coś co można nazwać “cudzysłowami drukarskimi”. Ładniej wyglądają, ale niestety zaburzają cały kod. Póki co, trzeba przekleić tekst do jakiegoś programu do edycji HTML i ręcznie zamienić cudzysłowy (wpisując po prostu z klawiatury). Postaram się jak najszybciej usunąć ten problem globalnie, bo pojawił mi się również w innych wpisach.
Pozdrowienia!
Tutaj macie jak można dodać “podziel się” na górze posta w bloggerze, może się komus przyda http://www.webvizja.pl/2011/11/jak-umiescic-widget-podziel-sie-nad.html
dzięki za pomoc