2014-09-02 4 views
2

이것은 간단한 질문처럼 보일 수 있지만, Rails App에서 Font Awesome을 사용하여 기본 소셜 공유 버튼을 구현하는 방법은 무엇입니까?Font Awesome 글꼴로 기본 공유 소셜 버튼을 구현하려면 어떻게해야합니까?

PostsController#Show에 구현하고 싶습니다.

나는 그걸 조사하기 시작했다. 단지 link_to을 추가하는 것만 큼 간단하다고 생각했지만, 그렇게 간단하지는 않다는 것을 빨리 알았다.

Twitter의 경우, 게시물의 제목이 URL과 함께 트윗의 본문에 포함되기를 원할 것입니다. 나는 페이스 북이 유사하다고 상상한다.

WhatsApp 공유를 포함하는 방법에 대한 팁 - 각 게시물에도 -을 추가 할 수있는 보너스 포인트.

답변

3

귀하의 회신을 보았을 때 귀하의 의견에 응답하여 방금 a small article on my site을 완료했습니다.

<!-- Twitter --> 
<a href="http://twitter.com/home?status=SHAREMESSAGE" title="Share on Twitter" target="_blank" class="btn btn-twitter"><i class="fa fa-twitter"></i> Twitter</a> 
<!-- Facebook --> 
<a href="https://www.facebook.com/sharer/sharer.php?u=SHAREMESSAGE" title="Share on Facebook" target="_blank" class="btn btn-facebook"><i class="fa fa-facebook"></i> Facebook</a> 
<!-- Google+ --> 
<a href="https://plus.google.com/share?url=SHAREMESSAGE" title="Share on Google+" target="_blank" class="btn btn-googleplus"><i class="fa fa-google-plus"></i> Google+</a> 
<!-- StumbleUpon --> 
<a href="http://www.stumbleupon.com/submit?url=SHAREMESSAGE" title="Share on StumbleUpon" target="_blank" data-placement="top" class="btn btn-stumbleupon"><i class="fa fa-stumbleupon"></i> Stumbleupon</a> 
<!-- LinkedIn --> 
<a href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=SHAREMESSAGE" title="Share on LinkedIn" target="_blank" class="btn btn-linkedin"><i class="fa fa-linkedin"></i> LinkedIn</a> 

것은 당신의 주 메시지와 함께 SHAREMESSAGE 교체 :

는 다음과 같은 HTML을 사용합니다. WhatsApp에와 IOS를 들어 당신은이를 사용할 수 있습니다 그러나 나는이 안드로이드에서 작동하지 않는 다른 스택 오버플로 읽은

<a href="whatsapp://send?text=SHAREMESSAGE">Share on WhatsApp</a> 

합니다. 행운을 빕니다!

+0

는 무엇 레일'link_to' 도우미 그 중 하나에 대한 같을 것이다 도움이 희망? 특별히 URL의 매개 변수, 특히 URL의 다른 구조가있는 매개 변수는 무엇입니까? Btw .... 당신의 기사에 당신의 연결은 작동하지 않는다 ... 나는 그것이 한 경우에 사랑할 것입니다. – marcamillion

1

당신이 레일을 사용하는 경우 난 당신이 가장 인기있는 소셜 네트워크를 공유 페이스 북, 트위터, 구글 +와 같은 버튼과 대표자

을 설정하게됩니다 글꼴 멋진 아이콘이와 멋진-공유 버튼 보석을 사용하도록 권장합니다

설치가 매우 쉽고 모바일에서도 작동하며 Rails 4.1에서 완벽하게 작동합니다. 모든 아이콘이 함께있을 수있는 유일한 단점이 있지만, 대부분의 경우 이것이 표준입니다.

https://github.com/evansobkowicz/awesome-share-buttons

는 :)

관련 문제