Question

我正在使用rails 4.0.0和twitter bootstrap来设计一个简单的登录页面。我希望社交媒体图标显示在标题旁边的页面顶部。什么是在rails.html.erb中使用链接指示图像的“railsy”方式。到目前为止我的代码看起来像这样

<ul class="nav nav-pills pull-right"> <li> <%= link_to "Facebook" , "http://www.facebook.com/user" %> </li> <li> <%= link_to "Twitter" , "http://www.twitter.com/user" %> </li> </ul> 如何将这些链接转换为社交媒体图标的图像？

Answer 1

你可能想做这样的事情：

<ul>
  <li>
    <%= link_to "http://www.facebook.com/user" do %>
      <%= image_tag 'facebook.png' %>
    <% end %>
  </li>
  <li>
    <%= link_to "http://www.twitter.com/user" do %>
      <%= image_tag 'twitter.png' %>
    <% end %>
  </li>
  # etc.
</ul>

此代码将尝试渲染图片“facebook.png”和“twitter.png”，这些图片应位于 app / assets /

文件夹中

有关image_tag的文档：http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-image_tag

如何在Rails代码中链接社交媒体图像

1 个答案: