shopblogの改造方法

2005年06月 - 13日 cm 0 tb 1 FC2ブックマークに追加
正式版リリース！！

[fc2tyle_affi]
[ver1.00]
[配布中止]
旧バージョンです▼

[shoptype_green]
[配布中止]
[ver 1.07]

[shoptype_brown]
[配布中止]
[ver 1.07]

[shoptype_pink]
[配布中止]
▲上記のテンプレートの改造方法を解説します。

■条件別改造方法
お問い合わせより頂いたテンプレートについての質問をこちらで解決方法＆回答内容を載せておきます。
もし下記の項目以外の質問がありましたらお問い合わせより質問して下さい。
■全体設定について
・オートナビゲーション機能って？？
・firefoxで正しく表示されない
・右、左メニューの枠、背景色の変更の仕方を教えてください。
・記事ごと又はブログ内に「編集」リンクを付けたい
■ヘッダーについて
・ヘッダーってどこですか？？
・ブログタイトルの文字を大きくするには
・ヘッダー内タイトルテキストは何の為にあるの？

■左メニューについて
・フリースペースの使い道って？？
■記事表示部分について
・「次のページへ/前のページへ」の画像の変更、消し方
・記事の追記はどうやれば出てくるの？
・追記部分をページ移動せずに、そのまま下に表示させることは出来ますか？
■右メニュー部分について

■その他の改造について

■ヘッダーについて
Ｑブログタイトルの文字サイズを大きくするには
Ａテンプレート内のブログタイトルのフォントサイズを変えます。この表示内にあります。
タグの場所：テンプレート内
<!-----------▼ブログタイトル---------->
<h1><font size = 3><a href="./"><%blog_name></font></h1>
<!-----------▲ブログタイトル--------------->
この<font size = 3>の3の部分を増やしたり減らしたりして下さい。
ちなみに、h1は見出しタグの中で最も重要視されます。つまり、ロボット型検索エンジン（googleなど）で検索された時、このh1(タイトル)の文との関連性を重要視します。
例えばネックレスのショップアフィリエイトをする場合で、あなたが一番望む検索エンジンからの訪問は「ネックレス」だとします。
このタイトルテキストにあたるh1が「ネックレス」だと検索結果のポジションが全く無関係のタイトル（例を挙げると激安なんでも商店街）よりも「ネックレス」との関連性がかなり高いと判断されます。
＊「激安なんでも商店街」をh1（ブログタイトル）にした場合、「激安」「なんでも」「商店街」が重要視されます。
▲ページトップへ
Ｑヘッダー内タイトルテキストは何の為にあるの？
Ａ閲覧者が現在どのページを見ているかを分かりやすくするため、また、このブログは特にショップ型ブログ向けに作ってありますのでロボット型検索エンジン対策です。１商品ごとに記事を書く場合、例えば商品名が「プーさんのお絵かき手帳」だったとします。
するとこのブログではその記事のタイトルが３つ表示される仕組みになっています（ブラウザのバーに表示されるタイトルを含め）すると「プーさんのお絵かき手帳」で検索上位に表示される可能性が高くなるのです。しかしキーワードの増やしすぎには注意です。スパムと勘違いされるからです。これ以上は増やさない方がいいかもしれません。私はこのスタイルでいろんなブログで狙ったキーワードを上位１０位以内に表示させれました。もちろんキーワードを狙ったのですが、「芋焼酎Spot」では「芋焼酎」という一番狙っていたキーワードで30万件中７位まで入る事が出来ました。もちろんキーワードの出現度、ポイントを上げるだけでは上位表示は望めませんが。。。各商品名ではほぼ３位以内には入れていました。ただし現在は放置している為全体的に10位〜20位まで落ち込みました^^;いずれまた運営を復活させるつもりです。
<!-----------▼ページタイトル表示---------->
<%sub_title>
<!-----------▲ページタイトル表示---------------->
▲ページトップへ
Ｑフリースペースの使い道って？？
Ａフリースペースにはオススメ商品や管理人の別ブログコーナー、管理人画像や文章、そしてgoogleアドセンスを貼る事も出来ます。googleアドセンスの背景色はフリースペースの背景色とあわせると目立たないと思います。背景色はタグ内の「ここにオススメ商品〜」の左にあるbgcolor = #??????この色をそのまま使うといいでしょう。背景色となじむとクリック率も増えるかもしれません。タグ例では#EEE8AAになっていますが、テンプレートによって色は変わります。
<!-----------▼フリースペース------------>
<TR><TD bgcolor = "#6B8E23"><font color = white><B>フリースペース</b></font>
<TR><TD bgcolor = "#EEE8AA">ここにオススメ商品や広告、アドセンス他画像などを載せることが出来ます。もちろん文章もＯＫ。<BR>このテンプレートの改造方法は<a href = "http://fc2blogshop.blog13.fc2.com/blog-entry-6.html">こちら</a>で詳しく載せてあります。
<!---------▲フリースペース------------------->
▲ページトップへ
Ｑ「次のページへ/前のページへ」の画像は消せますか？
Ａ消せます。下記のタグを消して頂くと表示されなくなります。なお、このタグは２つありますので両方消して下さい。
片方だけ使うという方はページ上部を消すのならエントリータグの上を消し、下部を消すのならエントリータグの下にあるのをけして下さい。次のページへ、前のページへの画像を変更する場合はタグ内のimg src = "http://〜"を変更してください。
<!---------▼次のページへ/前のページへ----------->
<!--prevpage--><a href="<%prevpage_url>"><img src = "http://image.blog.livedoor.jp/bonkimg/imgs/c/9/c99cbae6.gif"></a><!--/prevpage-->　<!--nextpage--><a href="<%nextpage_url>"><img src = "http://image.blog.livedoor.jp/bonkimg/imgs/4/9/49f54ba8.gif"></a><!--/nextpage-->
<!---------▲次のページへ/前のページへ----------->
▲ページトップへ
Ｑ記事の追記はどうやれば出てくるの？
Ａ「新しく記事を書く」で、本文のしたに追記というのがあります。ここに文章を打てば＞＞もっと詳しく　と表示されます、それをクリックすると追記部分が表示される仕組みです。ブログを閲覧している時は記事タイトルと本文に書かかれている文のみが表示されています。
ショップ型などは追記を使う事によりカタログのようにできます。私が練習で作成したショップ型ブログがいい参考になると思います。
⇒ピンキー・ガールズSTORE
また、ブログスタイルによって「＞＞もっと詳しく」を「⇒追記」や「続きを読む」などとしてみてもいいでしょう。
<!---------▼記事の追記表示部分-------------->
<!--more--><a name="more" id="more"></a><%topentry_more><!--/more-->
<!-----▼記事の追加表示へのリンクテキスト----->
<!--more_link-->
<a href="<%topentry_link>">＞＞もっと詳しく</a><!--/more_link-->
<!-----▲記事の追加表示へのリンクテキスト----->
<!---------▲記事の追記表示部分-------------->
▲ページトップへ
Ｑ追記部分をページ移動せずに、そのまま下に表示させることは出来ますか
Ａ残念ながら、shopblogタイプのテンプレートでは出来ません。追記部分のページ移動をせずに（他の記事を残したまま）追記させるにはjavaスクリプトを使用する必要があります。現在このテンプレートで使用する為のプログラムを製作中です。今しばらくお待ち下さい。
▲ページトップへ
Ｑ右、左メニューの枠、背景色の変更の仕方を教えてください。
Ａメニュー部分はテンプレート内で＜テーブル＞を使っています。テーブルの基礎知識があればすぐに変更可能です。ここでは右メニューの編集方法を載せます。
<!--------▼右メニュー----------->
＊省略
<table border = 1 cellspacing = 0 bordercolor = #BDB76B width = 100%>
↑枠線の太さを変更するには「border = 1」の数値を変更して下さい。 枠線の色を変更するには「bordercolor = #BDB76B」の#以下を変更して下さい。カラーコードはgoogleなどで「カラーコード」と検索するといろんなサイト運営者様方がカラーコード表を分かりやすく作ってくれています。
▲ページトップへ
Ｑ記事ごと又はブログ内に「編集」リンクを付けたい
Ａ「編集」リンクは見栄えさえ気にしないのであればかなりベンリです。
例えば、私のブログの記事それぞれの下の方には「edit」リンクがあります。これをクリックすると、わざわざ管理画面からログインして編集する記事を探さなくとも、直接編集出来るようになります。これはどこに貼り付けてもいいのですが、ここでは各記事内に貼り付ける方法をお教えします。これは私と同じ位置に貼り付ける方法です。テンプレート内から記述場所をお探し下さい。
<!--▲トラックバック数、コメント数、カテゴリ名、追記の表示-->
すぐ下にこのタグを追加します↓
｜<a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="edit">edit</a> | 
▲ページトップへ
Ｑfirefoxでは正しく表示されない
Ａ申し訳ありません。テンプレートのコメント(＜!--ここから--＞←こういったコメントです。)の"-"を、削除もしくは２個までにしておいて下さい。旧バージョンでは"-"を長くしすぎました。また、新バージョンではfirefox対応されているのでよければそちらをダウンロードして下さい。（ver 1.07以降）
▲ページトップへ
Ｑオートナビゲーション機能って？？
Ａオートナビゲーション機能とは、見ているページの段階を３段階まで表示する機能です。
ホーム＞〜のカテゴリ＞〜のページ
といった感じに表示されます。
なお、トップページでは表示されない事になっています。カテゴリへのリンクをクリックした場合は、「ホーム＞カテゴリ名」がページ中央に表示され、固定リンク（blog-entry = ＊＊.html）に移った場合は記事上部にナビゲーションがつきます。なお、この機能は多分ＦＣ２初です。
▲ページトップへ

前後の記事

最近の記事

トラックバック

この記事へのトラックバックURL：
http://fc2blogshop.blog13.fc2.com/tb.php/15-174e2af0

found it -ふぁうんどいっと-
found it -ふぁうんどいっと-
hopblog_green 1.07のページ幅を％指定にしてみる
bonkさん配布の最新版テンプレートが幅指定が絶対値ではなく、％の相対値に変更されておりました。やはりブラウザ内にきっちり収まるページは見ていて気持ちの良い物でして、hopblog_green ver 1.07でも％指定にして見た目を変えてみることにしました。方法としては、コメン�

コメント

管理者にだけ表示を許可する