サポート > Wagby Developer Network(R8) > 高度な使い方 > 外部リンクポートレット

外部ページへのリンク情報を集めたポートレットを用意することができます。

例

図1に示すような、外部ページへのリンクを集めたポートレットを用意してみます。

図1 外部リンクを用意する

定義方法

新しいポートレットを作成します。次のように入力してください。

設定項目 説明 入力例
ポートレットID 任意の文字列とします。英数字の組み合わせとします。 linkPortlet
ポートレットタイプ フリーを選択します。 フリー
タイトル ポートレット画面に表示されるタイトルです。任意の文字列を設定します。 ITイベント・勉強会
サイズ ポートレットの縦、横のサイズ（ピクセル値）を指定します。横幅は、同じ表示エリアに属する他のポートレットと合わせるとよいでしょう。 180 x 200
表示設定 有効とします。 有効
表示順 同じ表示エリアの中での初期表示順を指定します。整数値を指定してください。 1
表示エリア どの表示エリアにポートレットを表示させるかを指定します。整数値を指定してください。 2
図2 ポートレット一覧
図3 リンクポートレットの設定画面例

コンテンツ

図3のコンテンツ部は次のように設定しています。anchor要素にtarget属性を指定することで、リンクを押下すると別ウィンドウ（または別タブ）に表示されるようにしています。 

<a href="https://event.atmarkit.co.jp/" target="_blank">@IT</a>
<br>
<a href="http://biz.bcnranking.jp/seminar/index.html" target="_blank">BCN Bizline</a>
<br>
<a href="http://www.sbbit.jp/eventinfo/" target="_blank">ソフトバンク ビジネス+IT</a>
<br>
<a href="https://www.google.com/calendar/b/0/embed?src=fvijvohm91uifvd9hratehf65k@group.calendar.google.com" target="_blank">IT勉強会カレンダー</a>

スクリプト

スクリプトはありません。

Wagby Developer Day 2018