リンク集の作成方法: ウェブリブログサポート

リンク集の作成方法

2019年06月29日

カスタマイズデザイン CSS・HTMLタグ

サイドバーやフリースペースなどに掲載するリンク集は、下記２つの方法で作成することができます。

【１】ブログパーツで「リンク集」を作成する方法
 【２】HTMLタグで「リンク集」を作成する方法

Ａ）追加する場合

Ｂ）削除する場合

【１】ブログパーツで「リンク集」を作成する方法

ブログパーツ「リンク集」の作成手順

ウェブリブログ管理画面にログインしてください。

管理画面上部の「①デザイン」をクリックしてください。

「②コンテンツ（サイドバー）」をクリックしてください。

ブログパーツ「リンク集」を左クリックしたまま引きずってお好きなエリアに移動させてください（③^※）。

「④歯車アイコン」をクリックしてください。

設定画面が表示されますので、リンク先の名前やURLを入力してください（⑤）。
※［リンクを追加］ボタンを押すと、入力欄が追加されます。

［⑥保存］ボタンをクリックしてください。

設定画面の右上の［⑦閉じる］ボタンをクリックしてください。

管理画面下部の［⑧保存］ボタンをクリックしてください。

※スマートフォンでパソコン版管理画面をご利用の場合
ウェブリブログの仕様により、引きずって移動することができません。

【２】HTMLタグで「リンク集」を作成する方法

ブログパーツ「自由形式」やフリースペースなどに掲載するリンク集は、以下のようにタグを記述することで作成することができます。

HTML

<ul>
<li><a href="リンク先のURL" target="_blank">表示される文字</a></li>
<li><a href="リンク先のURL" target="_blank">表示される文字</a></li>
<li><a href="リンク先のURL" target="_blank">表示される文字</a></li>
</ul>

記述例

HTML

<ul>
<li><a href="../../" target="_blank">ウェブリブログ</a></li>
<li><a href="../../" target="_blank">ウェブリブログ事務局</a></li>
<li><a href="../../" target="_blank">ウェブリブログサポート</a></li>
<li><a href="../../" target="_blank">BIGLOBE</a></li>
</ul>