![バナー ごはん Food](https://natsubooklet.com/wp-content/uploads/2020/08/52b5e211713c87414b8c242708259fbc.jpg)
プロフィールのサイトにバナーを貼ってみよう
ストックイラスト(PIXTA)でのプロフィールサイトを少し加工するためにバナーを作ってみました。
![](https://natsubooklet.com/wp-content/uploads/2024/02/ccd0826d35116339b06d221172eee3ca.jpg)
![アイコン 献立 ピクスタ PIXTA マンガ とさくら とさくらマンガブログ ブログ Tosakura 高知 shiroi N 夏乃しおり](https://natsubooklet.com/wp-content/uploads/2020/08/52b5e211713c87414b8c242708259fbc-1.jpg)
![バナー パン Bread](https://natsubooklet.com/wp-content/uploads/2020/08/b0cea496c562770c38e66f08a41097f7.jpg)
![バナー ごはん Food](https://natsubooklet.com/wp-content/uploads/2020/08/52b5e211713c87414b8c242708259fbc.jpg)
![軽食](https://natsubooklet.com/wp-content/uploads/2020/08/e3f04ec62a290f7b3854efd8e2e8c580.jpg)
![クッキング](https://natsubooklet.com/wp-content/uploads/2020/08/2e868e96e5a7898fd8d8205991f7a10b.jpg)
![組合せ](https://natsubooklet.com/wp-content/uploads/2020/08/c569a2a71a74667bf9f3571d7728e54f.jpg)
![バナー 主線あり line](https://natsubooklet.com/wp-content/uploads/2020/08/2d4ce142381de95be744f4ee77b4fe74.jpg)
![バナー 主線なし No line](https://natsubooklet.com/wp-content/uploads/2020/08/fc4ca7789456588eeef01d0a2997ebf8.jpg)
![バナー モノクロ Monochrome](https://natsubooklet.com/wp-content/uploads/2020/08/e6339aa7ce691bec7053d9bc73d304f0.jpg)
![アイコン 献立 ピクスタ PIXTA](https://natsubooklet.com/wp-content/uploads/2020/08/d3e02ebaaeacd0f45756f0459626214e.jpg)
![写真素材 PIXTA](https://pixta.jp/img/bannerL.gif)
分かりやすいように、プロフィール用バナー作ってみました。
今のところは画風を色々練習しています。
PIXTAでのプロフィール用サイトでのバナー画像の貼り方
Word Pressのサイトに貼った画像をリンク先にしようと、画面上右クリックして「画像リンク先」をコピーしても画像を貼れませんでした。
ピクスタでのプロフィール用のバナー画像を貼る場合は、画像の右クリックでの画像リンク先を貼りましょうを書いてあったのですが・・・。Word Pressは画像の自動挿入してくれますから、そこで自分のWord Pressでのテキスト側(html編集画面)を開けて、画像のhtmlをコピーしました。
<a href=”サイトURL”>パンページはコチラ</a><img class=”alignnone size-full wp-image-(数字)” src=”https://・・・.jpg” alt=”パン”></a>
<a href=サイトURL”>ごはんページはコチラ</a><img class=”alignnone size-full wp-image-(数字)” src=”https://・・・.jpg” alt=”ごはん”></a>
ネットで調べると<img src=” と出てくるのですが、<img class=”alignnone size-full wp-image-(数字)” src=”と記載してプロフィール画面を編集すると分野別バナー画像が表示できるようになりました。右クリックだとclass属性が出てこないのか・・・。
(リンクを新しいタブで開きたい場合は、target=”_blank”>を加えますが、不要と思い加えませんでした。)