KUSU'S SITE
2017年9月15日

【豆知識】Web Clipの設定方法とは?

  

 iPhoneの機能に【ホーム画面に追加】というものがあります。
これは、iPhoneのホーム画面に自分のお気に入りのサイトをアイコンとして登録し、ホーム画面からお気に入りサイトに直接アクセスできるようになる機能になるのですが、この機能がなかなか使えたりします!

ちなみにこのアイコンをWebClipといい、以下の画像のようなものをいいます。

そこで今回は、このWebClipをサイトに設定する方法を今回ご紹介したいと思います!

1. まずWebClip用の画像を用意する

 まず初めにWebClip用の画像を作成しましょう。

この画像は
144px × 144px
の大きさで作成してもらえたらと思います!

2. サイトのhead内にWebClip設定用のタグを記述する

 続いて、サイトのhead内にWebClip設定用のタグを記述しましょう。
設定用のタグは以下になります。

<link rel="apple-touch-icon" href="WbbClipの画像をアップしているところのURL”>

このタグを記述することで、サイトを【ホーム画面に追加】した際にWebClipがホーム画面に表示されるようになります!

まとめ

 WebClipはちゃんと設定されていると、サイトとしてもちゃんとできているサイト…と思われる場合が多いので、今後サイトを制作する際にはWebClipも設定するようにしてみるとよいのではないかと思います(^-^)

スポンサーリンク
スポンサーリンク

コメントを残す




スポンサーリンク

ホームページ制作について

ホームページの制作依頼希望の方
はまず↓をクリック!
ホームページの制作依頼希望の方はまず↓をタップ!
サービスの詳細

WordPress講習会について

WordPress講習会について
気になる方ははまず↓をクリック!
WordPress講習会について気になる方はまず↓をタップ!
サービスの詳細

TWITTER

ページトップに戻る