すぐるくんの管理画面にはご自由にお使いいただける「画像素材ライブラリ」をご用意しております。

すぐるくんのテンプレート用の素材や、汎用性の高いバナー画像などが登録してあり、オリジナルで画像をご用意いただかなくても、サイトを装飾ができる素材集です。※画像は今後も様々な種類のものを追加予定！

◎どこにあるの？

管理画面の左メニューにある「画像素材ライブラリ」に登録してあります。

◎使い方①：imgタグを使って画像を設置

「画像素材ライブラリ」内の各画像に記載してある「imgタグ」をコピーして、フリースペースやHTMLエディタなどに貼り付けてご利用いただけます。

<aside> 💡

imgタグをリンク付きのタグにする

コピーしたimgタグそのままでは、ただ画像が表示されるだけです。バナー画像が任意のURLにリンクさせるためにはimgタグの編集が必要です。

▼コピーしたimgタグそのまま

<img src="<http://sugurusample.com/upload/pub/link_banner_04.jpg>">

▼リンクURLを入れたタグ（<img>タグを<a>タグで囲んでください）

<a href="★ここにリンク先のURLを入力★"><img src="<http://sugurusample.com/upload/pub/link_banner_04.jpg>" alt=""></a>

</aside>

<aside> 💡

管理画面内で入力スペースが「HTMLエディタ」なっている部分は全て「imgタグ」を貼ることが出来ます。

これが「HTMLエディタ」です。imgタグを入力するときは、必ずHTMLエディタの左上にある「ソース」をクリックして、HTMLソースを表示させてから！

</aside>

「画像素材ライブラリ」内の各画像に記載してあるダウンロードのリンクをクリックすると、画像をダウンロードすることが出来ます。

ダウンロードした画像を管理画面の「大バナー」や「小バナー」、テンプレ素材は「ロゴ・背景画像」に登録してお使いいただくことが可能です。

<aside> 💡

「画像ライブラリ」に登録されている画像の活用方法に関して参考になる記事です。

</aside>