グローバルナビゲーション内にソーシャルボタンを設置

グローバルナビゲーション内にソーシャルボタンを設置する方法です。

テンプレートのHTMLを編集

  1. このページでは、グローバルナビゲーションの右から2番目のRSSをソーシャルボタンに変更してみます。

    valid-seo-101-social-buttons-2.png
  2. テンプレートのHTMLで、下図で黄色でマーカーした箇所を変更します。

    valid-seo-101-social-buttons-1.png
  3. 当サイトの管理人には利用しているソーシャルボタンがないので、代わりにfc2のロゴで例示します。仮に、挿入するHTMLが次のコードだとします。実際には、それぞれのボタン挿入用コードを使用して下さい。

    
    <a href="http://blog.fc2.com/" target="_blank"><img src="http://blog-imgs-44.fc2.com/c/u/s/customtemplate/fc2logo.png" width="90" height="28" alt="fc2logo" /></a>
    
    valid-seo-101-social-buttons-3.png
  4. 変更されました。

    valid-seo-101-social-buttons-4.png
  5. 説明は以上ですが、実際にはソーシャルボタンをJavaScriptなどで挿入している場合には、一筋縄ではいかないかもしれません。その場合は、コメントで具体的なコードをご連絡いただければ、可能な限り対応いたします。

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