2014年7月28日 (月)

サイドバーに特定のページやPDF資料へのリンクをバナーと共に設置する

特定のページやPDF資料をサイト訪問者に継続的にアピールして、たくさんの人に読んでもらったり、資料をダウンロードしてもらうためには、ブログの右カラム等に固定したリンクを設置しておくと便利です。


今回は、その方法をご紹介しましょう。


Hir96_boxneko500

  1. サイドバナー用の画像を作成する
    ※ 例:340px × 90px 程度

    Sidebn01



  2. 画面上部のメニューから [設定(歯車マーク)] - [ファイル・マネージャ] にサイドバナー用の画像をアップロードする

    Sidebn08



  3. 画面上部のメニューから [ブログ管理] - [デザイン] をクリックする

    Custam0101




  4. [表示項目を選択] をクリックする

    Rankingon02



  5. [サイドバー項目] - [カスタムHTML] の [モジュールを追加] リンクをクリックする

    Sidebn02



  6. 表示されたポップアップウィンドウに以下の情報を入力し [保存] ボタンをクリックする

    Sidebn03

      • 名前:特集
      • 名前をサイドバーに表示する:チェックボックスを有効にする
      • HTML:以下ソースコードを貼り付ける
    <section class="bannerarea">
    <ul>
    <li><a href="リンク先URL"><img src="画像URL" width="340" alt="カスタムレイアウトでブログをデザイン" /></a></li>
    </ul>
    </section>

    ※ 「リンク先URL」については、常にサイドバーにリンクを存在させたいページや、PDF の資料のURLにリンクしてください。
    ※ 「画像URL」については、手順 2 でアップロードした画像のURLを記載してください。




  7. 表示項目ページの [変更を保存] ボタンをクリックする

    Sidebn04



  8. [並べ方を変更] をクリックする

    Sidebn05



  9. サイドバー部分に [特殊] 項目を移動する

    Sidebn06



  10. [変更を保存] ボタンをクリックする

    Sidebn07




以上で設置は完了です。

ヽ(^o^)丿