リンク集の作成方法

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


【1】ブログパーツで「リンク集」を作成する方法
リンク集の作成01.png
リンク集の作成02.png
リンク集の作成03.png
リンク集の作成04.png
リンク集の作成05.png

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

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

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

  3. 「②コンテンツ(サイドバー)」をクリックしてください。

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

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

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

  7. [⑥保存]ボタンをクリックしてください。

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

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



【2】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>


表示例

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

HTML

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


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

HTML

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



ご注意!

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


関連リンク

●CSS・HTMLの編集方法 ※注意書きあり
https://support.at.webry.info/201907/article_design_004.html
●基本的なタグ・プロパティ
https://support.at.webry.info/202009/article_design_017.html
●ブログの更新内容が反映されません
https://support.at.webry.info/201907/article_settei_019.html