ホームページ更新

ホームページにInstagramのリンクを追加しました。

Instagramのアイコンダウンロード

「Instagram アイコン」などのキーワードで検索するとInstagramのアイコンのダウンロード方法を紹介したブログが見つかります。
そこからダウンロードするURLをクリックしてダウンロードサイトに行きます。
https://en.instagram-brand.com/

画面上の「Assets」からアイコンをダウンロードできます。
「Glyph Icon」をクリックでダウンロード
ダウンロードしたファイルはzip形式で圧縮されています。
ファイル形式がepsとpngは白黒、psdはカラーです。
今回はpngを使いました。

サイズ修正

ダウンロードしたアイコンはサイズが大きいのでサイズを調整します。

html修正

Instagramのアイコンを入れる場所に、タイトルと説明文を入れます。
タイトルはhタグ、説明文はpタグを使います。
左右中央に配置するには、以前設定したcssのclass名「text-center」を使います。
Instagramのアイコンを表示するにはimgタグを使います。