我可以使用link_to链接图像和文本

好吧,我正在使用“font-awesome-rails”gem。 我非常习惯在Rails之外使用font-awesome,但我想它在Rails社区中并不那么受欢迎。

安装后,它会使用该格式创建图标

  

我想把它用于我的网站徽标,它包含来自font-awesome和一些文本的图标。 所以我尝试过:

   

它有效,但是当我hover时,它们就是两个不同的元素。

  1. 什么是在单个标签下组合图像和文本的Rails方式。

  2. 是否有任何流行的Rails替代font-awesome?

将一个块传递给link_to ,该块将被链接

 <%= link_to path, id: "logo" do %>  My Super Site <% end %> 

试试吧,

您可以直接在link_to中提及rails image_tag,

 <%= link_to image_tag("image_name")+"your text", root_path, :class=>"icon-puzzle-piece icon-2x" %> 

是的你可以。 对于复杂锚点(如图像),只需删除第一个参数(链接文本或锚点),然后在方法后附加一个块。

 link_to(root_path){} 

块内的内容将成为锚点。

嘿家伙这是一个很好的链接w /图像的方式(它有很多道具,如果你想要css属性,例如替换“alt”或“标题”等)

 <%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%> 

希望这可以帮助!

是的,您使用矢量字体作为图像,但您也可以使用image_tag,例如:

 <%= link_to user_root_path, :class=> "user" do image_tag("image.jpg", :alt => current_user.name) + t("dashboard.my_account") end %> 

不要忘记用“+”将它们连在一起