今回はSo-netブログのサイドバーを使ってアクセスを増やす方法を紹介します。
今回はブログ内でのアクセス増加を狙って、サイドバーに他の記事へのリンクを掲載する方法を紹介したいと思います。
So-netブログはWordpressで作成したブログと比較するとカスタマイズの自由度は低めですが、多少のカスタマイズは可能です。
以前も、So-netブログ内に目次記事を作成して、サイト全体のアクセス数を増やしましょうという話をしていましたが、今回はそれをサイドバーを使ってやりましょうという話ですね！
■完成イメージ
完成イメージはこんな感じです！
使用する画像をアップしよう！
サイドバーを作成するにあたって、使用する画像を準備しましょう。
掲載する画像のサイズは後から指定するので問題ないのですが、複数の記事リンクを挿入する場合には、形を同じにしたほうが見た目がきれいです。
1.So-netブログの管理画面にアクセスします。
2.「記事管理」のタブをクリックし、「ファイル」を選択
3.アップロードしたい画像をコンピューターから選択しアップロードしましょう。
4.アップロードしたファイルが表示されています。
5.アップロードしたファイルを選択し、元ファイルを見るを選択。
6.表示されるURLをコピーしましょう！
そのURLはサイドバーに画像を貼るために使います。
アップした画像にリンクを貼ろう！
では、続いて先ほどアップロードした画像をつかってサイドバーに記事リンクを作成する方法を紹介します。
画像の下の文字に記事へのリンクを挿入します。HTMLは以下を参考にしてみてください。
■画像リンク
<a href=”記事URL”><img src=”画像URL” alt=”画像の説明”width=”180 ” height=”180 ” /></a>
※上記ではサイズは正方形を想定して縦横を180に指定しています。こちらは必要に応じて変更をしてください。
■文字リンク
<A Href=”記事URL”>表示したい文字</A>
■作成見本
では、私の画像をクリックしたらプロフィールにアクセスできるように見本を作成したいと思います。
これを貼ると、以下のような感じになります。
<a href=”http://hiro-kun.com/profile-html”><img src=”http://hiro-kun.com/wp-content/uploads/2010/10/profile_pic-1.png” alt=”ひろくんプロフィール” width=”180″ height=”180″ /></a>
<A Href=”http://hiro-kun.com/profile-html”>ひろくんプロフィール</A>
サイドバーを作成しよう！
1.So-netブログの管理画面にアクセス
2.デザインタブから「レイアウト」を選択
3.左側にある「カスタムペイン」をドラッグし、サイドバーへ
4.名称を変更します。「人気記事」とか用途に合わせて変えて
ください。
5.先ほど作成したタグを貼り付けて、「変更を保存」をクリック。
6.ブログにアクセスして、画像がちゃんと表示されているか、
リンクが機能しているかなどを確認しましょう。
お疲れ様でした。これでサイドバーの設定は終了です。
サイトの訪れてくれるお客さんに他の記事も見てもらって、
サイト全体の閲覧数の増加を図りましょう。
コメントを残す