サイドバーにプラグイン以外の項目(広告など)を表示する方法

サイドバーにプラグイン以外の項目(広告など)を表示する方法です。当サイト作者が作成したテンプレートである valid-seo-3c のver1.0.0についてです。

テンプレートのHTMLを編集

  1. サイドバー(左)上部に追加したい場合、HTMLの<div id="primary">のすぐ下に次のいずれかのコードを追加します。追加したい分だけコピペで増やせます。

    
    <dl class="plugins plugin-first round">
    <dt>追加部分のタイトル</dt>
    <dd>サイドバーに追加しました。ここは追加部分の本文を書くところです。</dd>
    </dl>
    
    
    <div class="plugins plugin-first round">
    本文のみを追加する場合はこちらを使います。
    </div>
    
    valid-seo-100-sidebar-plus-1.png
  2. サイドバー(左)下部に追加したい場合、</div><!-- /#primary -->の上に上記コードのいずれかを追加します。

    valid-seo-100-sidebar-plus-2.png
  3. サイドバー(左)の上部と下部に追加した場合、下図のようになります。

    追加前
    valid-seo-100-sidebar-plus-3.png
    追加後
    valid-seo-100-sidebar-plus-4.png
  4. サイドバー2(右)上部に追加したい場合、HTMLの<div id="secondary">のすぐ下に次のいずれかのコードを追加します。追加したい分だけコピペで増やせます。

    
    <dl class="plugins plugin-second round">
    <dt>追加部分のタイトル</dt>
    <dd>サイドバー2に追加しました。ここは追加部分の本文を書くところです。</dd>
    </dl>
    
    
    <div class="plugins plugin-second round">
    本文のみを追加する場合はこちらを使います。
    </div>
    
  5. サイドバー2(右)下部に追加したい場合、</div><!-- /#secondary -->の上に上記コードのいずれかを追加します。

  6. CSSの編集は特にありません。必要に応じて、HTML部分にclassを追加するなどして、CSSを適宜設定いただければと思います。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)