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

リンク集の作成方法

2019年05月01日

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

【１】ブログパーツで「リンク集」を作成する方法
 【２】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>

表示例

ウェブリブログ

ウェブリブログ事務局

ウェブリブログサポート

BIGLOBE

追加する場合

それぞれ<li>から</li>までが１つの項目となりますので、<ul></ul>の間に以下のタグを挿入し、「リンク先のURL」と「表示される文字」を編集してください。

HTML

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

削除する場合

それぞれ<li>から</li>までが１つの項目となりますので、該当するタグ（文字列）を削除してください。

HTML

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

ご注意！

HTMLやCSSに関するお問い合わせはサポート対象外となります。
カスタマイズにつきましては上級者向けの機能となりますので、HTMLやCSSなどの詳細な使用方法やご不明な点などは、書籍やネット記事などをご参照いただき、お客様の責任のもと、ご利用いただきますようお願いいたします。