バナーリンク作成 / Create a banner link

  • バナーリンク作成

    バナーリンクを導入することで、視覚的にページ案内する事が有効です。また、各WWPサイトと部局公式・静岡大学のWEBサイト同士が連携をすることで様々なWEBサイトへ興味を持ってもらうことができます。
    それでは、WEBページで静岡大学TOPサイトのバナーリンクの導入例を示します。

    ウィジェット編

    banner_ss001
    左メニュー　メディア→ライブラリ　から　バナー画像を保存(画像アイコンをブラウザへドロップ)します。
    利用するバナー画像を選択します。

    banner_ss002
    図のようにURL全体を選択し、右クリックから全体をコピーします。


    左メニューの外観　→　ウィジェット　から　テキストを選択し、MainSideberへ移動させます。
    ・　タイトル　には任意情報(例：バナーリンク)を入力します。
    ・　内容　には以下のHTMLコードに習って入力してください。

    <a href="http://www.shizuoka.ac.jp" target="_blank"><img src="https://wpw.cii.shizuoka.ac.jp/testurl/wp-content/uploads/sites/3/2016/09/su180x90-1-1.png" width="180" height="90" /></a>

    青文字：移動させたいURL
    赤文字：表示させたい画像URL(先ほどコピーした画像URL)
    緑文字：表示させたい画像の大きさ

    設定できましたら、保存ボタンを押せば設定完了です。
    各TOPサイト(https://wwp.shizuoka.ac.jp/任意名)にて確認してみましょう。

  • Create a banner link

    By introducing a banner link, it is effective to visit the page visually.Also, by collaborating with WWP site and Shizuoka University’s WEB site, you can appeal various Shizuoka University information to viewers.
    I will introduce the case of the banner link of the WEB page of Shizuoka University top page.

    CASE : widget-type

    banner_ss001
    左メニュー　メディア→ライブラリ　から　バナー画像を保存(画像アイコンをブラウザへドロップ)します。
    利用するバナー画像を選択します。

    banner_ss002
    図のようにURL全体を選択し、右クリックから全体をコピーします。


    左メニューの外観　→　ウィジェット　から　テキストを選択し、MainSideberへ移動させます。
    ・　タイトル　には任意情報(例：バナーリンク)を入力します。
    ・　内容　には以下のHTMLコードに習って入力してください。

    <a href="http://www.shizuoka.ac.jp" target="_blank"><img src="https://wpw.cii.shizuoka.ac.jp/testurl/wp-content/uploads/sites/3/2016/09/su180x90-1-1.png" width="180" height="90" /></a>

    青文字：移動させたいURL
    赤文字：表示させたい画像URL(先ほどコピーした画像URL)
    緑文字：表示させたい画像の大きさ

    設定できましたら、保存ボタンを押せば設定完了です。
    各TOPサイト(https://wwp.shizuoka.ac.jp/任意名)にて確認してみましょう。