FacebookとTwitterのリンクを貼る。
こんにちは、マリンです。
現在静的なページを作成し終わったところです。
フッターにFacebookとTwitterのリンクを貼りました。
素材
どちらも公式ページからお借りしてきました。
どちらにも利用には規約があるのでお気をつけください。
色を変えたり、文字や他の画像が重なったりするのは基本的にNGです。
画像付きリンクの貼り方
リンクはlink_toを使って貼ります。
画像を指定するのはimage_tagです。
<%= link_to image_tag("ファイル名", class: "logo", alt: "facebook"), "URL" %>
class: "logo"は画像のスタイルを整えるために指定しました。
そのままではだいぶデカイので、私は
.logo {
width: 20px;
height: 20px;
}
このくらいのサイズにしています。
alt: "facebook"は画像表示できない場合の対策です。
こんな感じです。
目に見えてページが出来上がっていくのは楽しいですね！
まだRailsならではのこと何もやってませんが・・・
