サイトバナーを作成してみました。画像の取得方法とバナーの設定方法

bananaとても嬉しいコメントを頂きまして…(#^^#)

な、なんと!その方のサイトへ弊サイトのリンクを貼って頂けるそうです。

「画像もありましたら…」と書いて頂いたので、図々しくも(笑)バナー作ってみました。

もし、他にも優しい方がいらっしゃったら、宜しかったら(笑)お持ち帰り下さいませんか?(笑)

さらに貼って頂けると、本当に天にも昇る気持ちです(#^^#)

では、ついでに(そんなにこのバナーが欲しい人もいるとも思えないので(汗))

というか、本題はこちらですね。多分(;^_^A)。

備忘録的にバナーの貼り方を記しておきます。

このバナー画像に限らず、配布されている画像は、必ずご自分のパソコンおよびご自分のサイトへ保存して使用するようにして下さい。

最低限のマナーです。宜しくお願い致します。<<m(__)m>

スポンサーリンク

バナーの貼り方

banner8831

バナーサイズ:88×31px

<a href=”http://helloxhat.net/hi/kyo-no-iro/”><img src=”(画像のurl)”></a>

banner12060

バナーサイズ:120×60px

<a href=”http://helloxhat.net/hi/kyo-no-iro/”><img src=”(画像のurl)”></a>

banner20040

バナーサイズ:200×40px

<a href=”http://helloxhat.net/hi/kyo-no-iro/”><img src=”(画像のurl)”></a>

1. バナー画像を自分のパソコンへ保存する。

バナーの代わりにヘッダー画像ですが…。すみません。

とにかく(笑)ダウンロードしたい画像の上で右クリックから初めて下さい。

gazo1 (1)どんな画像も共通で使える手順です。

1-1 欲しい画像の上にマウスを重ねて右クリック。

1-2 名前を付けて画像を保存(他の手順でも可能ですが、私手順はこんな感じです。(笑))

1-3 保存するファイルを選択して、ファイル名を設定します。↓ここからは、今回作成したバナーで説明していきます。

gazo2

2. バナー画像をパソコンからwebサイトへ保存する。

2-1 webサイトの管理画面から、自サイトへアップロードする。

メディア → メディアライブラリー 新規追加 → ファイルを登録

gazo32-2 画像のurlを確認する。

アップロードを終えた画像を選択すると…

gazo4gazo5

緑の□で囲んだurlが、その画像のurlになるので、バナー表の

の「 ” 」から 「 ” 」で囲んだ部分がそれになります。

以上、バナーの設定手順を書き連ねてみました。

御参考になりましたら、嬉しいです。

今回リクエストを頂きましたchan様、モチベーションが上がります!
本当に有難うございました(#^^#)

リストラ寸前おやじのネット検証
励みになります
ランキングに参加しました。
「ダウンロードしたよ。」の
応援クリック頂けると嬉しいです(#^^#)
にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村


スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

『サイトバナーを作成してみました。画像の取得方法とバナーの設定方法』へのコメント

  1. 名前:chan 投稿日:2017/09/27(水) 19:37:46 ID:64649820f

    k_h様

    メディアから新規追加で出来たんですね! φ(..)メモメモメモ 

    「WordpressテーマSimplicityのskin作りにハマっているk_hさんのHP」とマウスオーバーすると出るようにしました。何か違う文言が良ければ言って下さいね~