Wordpress 주제에 사회적인 관련 intregration

Question

나는 나의 html 사회적인 연결을 wordpress 주제에 통합하고 싶다. 내 디자인이 아래에 있습니다.

다음과 같이 통합하고 싶습니다. 제발 조언이 가능한가요?

Answer 1

이 코드를 사용하고 있습니다. 나는 그것이 도움이되기를 바랍니다. 트윗를 들어

:

<a class="tweet-it" href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=<?php echo urlencode(get_the_title($post->ID)); ?>&via=your-twitter-username&related=your-twitter-username,your-another-twitter-username" title="Tweet!">Tweet</a> 

핀 그것을 : 나는 "좋아"에 대한 코드가없는

<a class="pin-it" href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink()); ?>&media=url-to-posts-image">Pin It!</a> 

. 그러나 페이스 북에서 공유하는 것도 쉽다.

<a class="fb-share-it" href="http://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>">Share</a> 

Answer 2

여기에 어떻게해야하는지, 나는 글꼴 아이콘을 사용하는 것이 좋습니다.

<div class="socials"> 
    <a href="#"><i class="icon-fb"></i> Like</a> 
    <a href="#"><i class="icon-pn"></i> Pin it</a> 
    <a href="#"><i class="icon-tw"></i> Tweet</a> 
</div> 


.socials{ 
    margin: 30px 0; 
} 

.socials > a{ 
background: linear-gradient(white, rgb(236, 236, 236)); 
padding: 7px 15px 7px 10px; 
font-family: arial; 
font-size: 12px; 
border: 1px solid lightgrey; 
text-decoration: none; 
color: rgb(107, 107, 107); 
} 

.socials > a:hover{ 
background: linear-gradient(rgb(236, 236, 236),white); 
border-color: rgb(185, 185, 185); 
color: rgb(39, 39, 39); 
} 

.socials > a > i{ 
    width: 16px; 
height: 16px; 
display: inline-block; 
background-repeat: no-repeat; 
    vertical-align: bottom; 
    margin-right: 5px; 
} 

.icon-fb{ 
    background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/social_3-16.png); 
} 

.icon-pn{ 
    background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/pinterest-16.png); 
} 

.icon-tw{ 
    background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/social_8-16.png); 
}