2005年12月06日(火)
おすすめブログサービス:ワブログの簡単なレイアウト変更方法
今日はブログアフィリエイトに向いている、機能性抜群、おすしお気に入りの旨~いブログ:ワブログの簡単カスタマイズについて紹介します。
基本的にテンプレートによってカスタム方法は大きく違うものですが、ワブログのテンプレート編集画面は他のブログサービスに比べ極めてわかりやすく初心者でも使いやすい画面になっています。
さて本題です。
(1)ワブログを作る。
(2)ワブログが出来て、テンプレートを選んだら管理画面の[blog設定]から詳細設定を選択します。そこの1番上に、「テンプレートを自身で変更できるようにすることができます」という項目がありますので、そこをチェックします。これで準備は完了です。
(3)次に、[blog設定]の「テンプレート設定」を選択し、自分のブログの編集ボタン(上級者向け) を押します。恐れることなかれ・・・!上級者向けとは書いてありますが、当然私で出来るくらいですから誰でも出来ます。
(4)編集画面が開けたら、1番上の[ベース HTML]や[トップページ用HTML]という所に注目します。ここの項目内にある#で始まるパーツをいじるだけで簡単にカスタマイズ(レイアウト変更)が出来ます。
(5)さて、実践してみましょう。
テンプレートは三種類ありますよね。
【1】左サイドバーのみ(2カラム)
【2】右サイドバーのみ(2カラム)
【3】両サイドバー(3カラム)
どれを使っていても基本は一緒なのでやってみてくださいね。
[ベース HTML]([トップページ用HTML])にあるパーツ、難しいのかと思ってよーく見てみるとただ単に英語で書かれているだけです。
…というわけで、この英語の意味がわかればだれでも簡単にカスタマイズ(レイアウト変更)が出来るわけです。
以下にそれぞれのパーツとその意味(説明)を載せておくので、参考になされてください。
これらのパーツを、自分のサイトと見比べながら上下に入れ替えたり消してみたり、leftにあるパーツをrightに動かしてみたり、自分の好きな配置になるように自由に並び変えてください。
左サイドバーを編集したい場合には、その項目の上に基本的にleftの文字がありますのでそれを参考にしてください。
右サイドバーならright、メイン部分ならmainの文字をヒントに入れ替えを行ってください。
もしそれらの言葉がなかったら、自分のブログと以下に説明したパーツ(#........#)を見比べて「これがあるからこの項目が左サイドバーのなのか、これがメインの項目だ♪」という感じに理解してください。
<パーツ一覧:詳細説明>
●#top#(ナビゲーションの表示(私のブログで言えば、1番右上にある「ホーム | アーカイブ | サイトマップ | アルバム | 検索 | プロフィール | 編集」の部分です。)
●#title#(ブログのタイトルを表示する。)
●#title+#(ブログのタイトルとエントリーのタイトルを表示する。)
●#+title#(エントリーのタイトルとブログのタイトルを表示する。SEO効果大。)
●#description#(ブログタイトルの説明・詳細を表示する。)
●#crumbs #(パンくずナビを表示する:このブログで言うと、タイトル説明文の下にある横棒2本で区切られているところです。エントリー同士の親子関係をしておくと、パンくずナビも階層化して表示されます。)
●#page#(記事・エントリーを表示する。)
●#copyright #(コピーライトを表示する。)
●#whatsnew#(新着エントリーを表示する。)
●#archive#(アーカイブを表示する。(アーカイブとは月ごとのエントリー数まとめて表示する機能です。)
●#calender#(カレンダーを表示する。)
●#calender2#(横表示のカレンダーを表示する。)
●#category#(カテゴリーを表示する。)
●#category#(カテゴリーをリスト形式で表示する。)
●#categorymenu#(カテゴリーをメニュー形式で表示する。)
●#comment#(コメント一覧を表示する。コメントの表示件数の変更は、[blog設定]の「表示項目の設定」を選択し、「パーツ内の表示数」からできます。)
●#trackback#(トラックバック一覧を表示する。トラックバックの表示件数もコメントと同じように変更できます。)
●#thumbnail#(画像のサムネイルを表示する:動画などをアップした場合ここに表示されます。)
●#search#(検索フォームを表示する。)
●#link#(リンクを表示する。)
●#referer#(リファラを表示する:自分のブログにユーザー様がどうやってたどり着いたのかこれが教えてくれます。つまり、記事ごとのリンク元情報です。)
●#feed#(登録しているRSSを表示する。)
●#free#(登録しているフリーテキストを表示する:フリーテキストの指定は、[サイドメニュー]の「フリーテキスト」で行ってください。)
●#free2#(登録しているフリーテキスト2を表示する。)
●#free3#(登録しているフリーテキスト3を表示する:フリーテキスト1.2.3をうまく右サイドバー、左サイドバー、メインに割り振ることが最大のポイントです。)
●#profile#(プロフィールを表示する。)
●#magazine#(メルマガ欄を表示する。)
●#qrcode#(QRコードを表示する。)
●#counter#(カウンターを表示する。)
●#rss#(RSSアイコンを表示する。)
●#footprint#(新機能:ワブログ内の足跡表示:これを表示する場合には、[blog設定]の「詳細設定」を選択し、「足跡機能を使う」をチェックしてください。)
これだけ知っていれば、今まで大変だと思っていて手が出せなかったレイアウト変更が自由自在です。

基本的にテンプレートによってカスタム方法は大きく違うものですが、ワブログのテンプレート編集画面は他のブログサービスに比べ極めてわかりやすく初心者でも使いやすい画面になっています。
さて本題です。
(1)ワブログを作る。
(2)ワブログが出来て、テンプレートを選んだら管理画面の[blog設定]から詳細設定を選択します。そこの1番上に、「テンプレートを自身で変更できるようにすることができます」という項目がありますので、そこをチェックします。これで準備は完了です。
(3)次に、[blog設定]の「テンプレート設定」を選択し、自分のブログの編集ボタン(上級者向け) を押します。恐れることなかれ・・・!上級者向けとは書いてありますが、当然私で出来るくらいですから誰でも出来ます。
(4)編集画面が開けたら、1番上の[ベース HTML]や[トップページ用HTML]という所に注目します。ここの項目内にある#で始まるパーツをいじるだけで簡単にカスタマイズ(レイアウト変更)が出来ます。
(5)さて、実践してみましょう。
テンプレートは三種類ありますよね。
【1】左サイドバーのみ(2カラム)
【2】右サイドバーのみ(2カラム)
【3】両サイドバー(3カラム)
どれを使っていても基本は一緒なのでやってみてくださいね。
[ベース HTML]([トップページ用HTML])にあるパーツ、難しいのかと思ってよーく見てみるとただ単に英語で書かれているだけです。
…というわけで、この英語の意味がわかればだれでも簡単にカスタマイズ(レイアウト変更)が出来るわけです。
以下にそれぞれのパーツとその意味(説明)を載せておくので、参考になされてください。
これらのパーツを、自分のサイトと見比べながら上下に入れ替えたり消してみたり、leftにあるパーツをrightに動かしてみたり、自分の好きな配置になるように自由に並び変えてください。
左サイドバーを編集したい場合には、その項目の上に基本的にleftの文字がありますのでそれを参考にしてください。
右サイドバーならright、メイン部分ならmainの文字をヒントに入れ替えを行ってください。
もしそれらの言葉がなかったら、自分のブログと以下に説明したパーツ(#........#)を見比べて「これがあるからこの項目が左サイドバーのなのか、これがメインの項目だ♪」という感じに理解してください。
<パーツ一覧:詳細説明>
●#top#(ナビゲーションの表示(私のブログで言えば、1番右上にある「ホーム | アーカイブ | サイトマップ | アルバム | 検索 | プロフィール | 編集」の部分です。)
●#title#(ブログのタイトルを表示する。)
●#title+#(ブログのタイトルとエントリーのタイトルを表示する。)
●#+title#(エントリーのタイトルとブログのタイトルを表示する。SEO効果大。)
●#description#(ブログタイトルの説明・詳細を表示する。)
●#crumbs #(パンくずナビを表示する:このブログで言うと、タイトル説明文の下にある横棒2本で区切られているところです。エントリー同士の親子関係をしておくと、パンくずナビも階層化して表示されます。)
●#page#(記事・エントリーを表示する。)
●#copyright #(コピーライトを表示する。)
●#whatsnew#(新着エントリーを表示する。)
●#archive#(アーカイブを表示する。(アーカイブとは月ごとのエントリー数まとめて表示する機能です。)
●#calender#(カレンダーを表示する。)
●#calender2#(横表示のカレンダーを表示する。)
●#category#(カテゴリーを表示する。)
●#category#(カテゴリーをリスト形式で表示する。)
●#categorymenu#(カテゴリーをメニュー形式で表示する。)
●#comment#(コメント一覧を表示する。コメントの表示件数の変更は、[blog設定]の「表示項目の設定」を選択し、「パーツ内の表示数」からできます。)
●#trackback#(トラックバック一覧を表示する。トラックバックの表示件数もコメントと同じように変更できます。)
●#thumbnail#(画像のサムネイルを表示する:動画などをアップした場合ここに表示されます。)
●#search#(検索フォームを表示する。)
●#link#(リンクを表示する。)
●#referer#(リファラを表示する:自分のブログにユーザー様がどうやってたどり着いたのかこれが教えてくれます。つまり、記事ごとのリンク元情報です。)
●#feed#(登録しているRSSを表示する。)
●#free#(登録しているフリーテキストを表示する:フリーテキストの指定は、[サイドメニュー]の「フリーテキスト」で行ってください。)
●#free2#(登録しているフリーテキスト2を表示する。)
●#free3#(登録しているフリーテキスト3を表示する:フリーテキスト1.2.3をうまく右サイドバー、左サイドバー、メインに割り振ることが最大のポイントです。)
●#profile#(プロフィールを表示する。)
●#magazine#(メルマガ欄を表示する。)
●#qrcode#(QRコードを表示する。)
●#counter#(カウンターを表示する。)
●#rss#(RSSアイコンを表示する。)
●#footprint#(新機能:ワブログ内の足跡表示:これを表示する場合には、[blog設定]の「詳細設定」を選択し、「足跡機能を使う」をチェックしてください。)
これだけ知っていれば、今まで大変だと思っていて手が出せなかったレイアウト変更が自由自在です。

投稿者 おすし 22:53 | コメント(11) | トラックバック(2) | ・ワブログ関連の注目情報
<前の記事 | 次の記事>
<前の記事 | 次の記事>
リンク元(referer)
トラックバック
またまた新しいブログサービスが出来た模様です。
京都発のブログサービス「ワブログ」。動画や静止画のサムネイル表示、高度なSEO対策、携帯からでも編集まで可能。しかも、多機能だけど高速。法人サイトやショッピングサイトとしても利用価値高いですよー、と売り...
ワブログがスタート♪ [* goodchoice *]
リッチ生活への第一歩?
本当に一歩踏み出せるならいいけど、足踏みしてる人多くないですか?踏み台昇降じゃないですし、そろそろ駆け上がってもいいのではないでしょうか。
このワタクシが、背中押してあげます!いざリッチ生活へ
副収入でリッチ生活 [アフィリエイトで副収入]



応援お願いします。ポチッとしてもらえると元気が湧きます











いつも、コメントありがとうございます。
ワブログのレイアウトのカスタマイズは簡単で初心者のTAKAでもわかりやすいですね。
現在、ワブログでブログ作成中なのですが、Pingの送信でエラーが出てしまいPing送信ができないでいて行き詰っています。12箇所の内3箇所がエラーが出てしまっているので理由がわからず悪戦苦闘中です。
そして、エラーが出ると12箇所全て更新されていないようなのです。ヘルプでも原因は見つけられず。
自分的には、なまら重要な問題で心が折れかかっていて、ジュゲマーのTAKAは使い馴れている JUGEM か ロリポブログで作り直そうかと考え中です。
ワブログの親子機能がなまら魅力的なのでワブログは使い続けたい、、、
馴れるまでガンバルしかないですね。
それでは、また遊びにきます。
私もエラーがでてしまうPING先は削除したりして調整しています。
ただ、人気blogrankingに最新記事が更新されないとかなり痛いので、そのことについては調べてみました。
ただ単に、ping送信先の順序を1番上にすると正常に更新されるようです。
実際に更新されていました。
TAKAさんの送られるping送信先で、エラーが出てしまうping送信先がもし明確にわかるなら、順序を上にすることで正常に更新できるかもしれません。
ぜひ試してみてください。
もし、それでもエラーが出てしまうようならワブログに問い合わせてみてください。
近いうちに、ワブログで送信できるPING一覧も記事で書きますね♪>TAKAさん
今までワブログのエントリーを投稿する際に、PING送信先を1つずつチェックしたのですが、
URLの最後に「xmlrpc」がつくものは送信でエラーが出やすいようです。(具体的には、goo BLOGやココログがそれに当たります。単発で送るとエラーはでないのですが、複数のping送信先と同時に送るとエラーがでてしまうことがあるようです。)
何故だか理由はわかりません(汗)。>TAKAさん
Pingの件ありがとうございます。
順序をかえるなんて盲点でした。
私も1箇所ずつでの送信は試していたのですが、それでも駄目な場合はやはり削除しかないようですね。
なまら参考になりました。
これからもヨロシクお願い致します。
こちらこそ、今後ともよろしくお願いします。
今日もいい日になりますように。>TAKAさん
まさに望んでいたお題ありがとうございます。
印刷して行きますのでw、それとPingの話題が出てますがウチはブログランク「くつろぐ」にも登録してますがPing遅れなかったのでその旨サイト側に連絡しまして調整して貰い、更新飛ばせる様にして貰いました。 では、例の日課を‥
簡単ではありますが、ワブログ関連の記事載せてみました。細かい部分はまた書こうと思います。
「くつろぐ」は以前他に使ってたブログで参加していました。そのブログではあまり効果がなかったので、登録解除してしまいましたが(汗)
そうですね。
飛ばない所は問い合わせて調整してもらうという方法もありますね♪
参考にさせていただきます。>月斗 真根さん
楽天のほうにトラバいただいてありがとうございます
ワブログのほう悪戦苦闘しながらやってますよ^^
参考になりますね
またきますんで宜しくお願いします
こちらこそ、コメントありがとうございます!
ワブログ一緒に盛り上げていきましょう(笑)
いつでも遊びに来てくださいね♪
今後とも宜しくお願い致します。>とむさん
今頃になっての書き込み、お許しください。
ブログをカスタマイズするときの参考に、またリンクも貼らせていただきました。大変参考になってます!これからもどうかよろしくお願いします。
当ブログの管理人おすしです。
コメントありがとうございますm(__)m
そう言って頂けると、この記事を書いた甲斐があります^^
こちらこそ、今後とも宜しくおねがいいたします。
またいつでもいらしてくださいね^^>runanさん