無料ブログテンプレートから”なんちゃって賢威” | サラリーマンの副業奮闘記

無料ブログテンプレートから”なんちゃって賢威” | サラリーマンの副業奮闘記 記事一覧

無料ブログテンプレートから”なんちゃって賢威”

 まいど吉田屋です。


私のブログの変身ぶり、
気付いていただいてるでしょうか?


目指したのは、見た目は「賢威」なのに中身は「無料ブログ」。
名づけて、”なんちゃって賢威”です。


ここに、完成しますた。

Sponsored Link


 

私のブログは、無料ブログのJUGEMに
有料の『無料ブログテンプレート』を使ったものです。


JUGEMの有料プランで、ドメインは独自のものを当てていますが、
機能的には、ほとんど無料ブログと変わりません。


『無料ブログテンプレート』は、プロがデザイン&SEO対策した
アフィリエイター専用のテンプレートです。


導入しただけですと、こんな感じです。


オリジナルテンプレ


これは無料ブログのSeesaaにインストールしたもので、
もう発売が終了した「ドメインキャッチャー」のサテライトブログです。


HTML、CSSもシンプルで軽く、デザインも無駄がありません。
SEOの強さも実証済みです。


サテライトサイトとしては、文句なしだと思います。


が、テンプレコレクターの吉田屋としては、
やっぱり黙っていられないんですね。(笑


HTMLとCSSの勉強を兼ねて、
無料ブログでどこまで史上最強の『賢威』に近づけるか、
挑戦したくなっちゃったわけです。


改造部分を説明しましょう。


看板


まず、看板です。


別のヘッダー画像を貼り付けて、
フォントの色と位置を変えてます。


グローバルメニュー


次にグローバルメニューです。


これが一番苦労しました。
デザインは、別のテンプレから持ってきてます。


実際には横4列なんですが、
ブログの幅を広げたのに合わせて、
もう1ブロック突っ込んでます。


これを主なブラウザーでちゃんと見えるよう、
位置を合わせるのに、かなりの時間がかかりました。


タイトルバック


タイトルバックも変更してます。
サイドカラムのタイトルバックも変えちゃいました。


これ、『賢威』っぽいと思いませんか?


はい。
実物ですから・・・


トップページ


もともと、この部分はオリジナルでは
アドセンスを貼る場所なんですが、
お知らせスペースに使ってます。


また、この部分は、トップページにだけ表示されて、
個別ページでは表示されないように設定変更してます。


行頭マーク


リンクの行頭マークも付けました。
もちろん、フォントはメイリオにしてます。


カテゴリー


今回、カテゴリはデザインだけじゃなく、
全記事のカテゴリ分けを見直しました。


また、念願の2階層化に挑戦しました。


これ、WordPressやMovableTypeだけをお使いの方は
信じられないと思うんですが、普通の無料ブログでは、
カテゴリは1階層しか使えないんです。


カテゴリを親子にできないんですね。
これは、はっきり言って不便です。


しかも、JUGEMではカテゴリ部分は独自タグを使っていて、
中身をいじるのが難しいんですね。


でも、こちらのサイトを参考にして、
何とか乗り切りました♪


関連記事一覧



こちらも念願の自動関連記事一覧表示です。


実は、WordPressのプラグインなんかでは、
カテゴリを越えて関連記事を検索してくれたりするんですが、
無料ブログではさすがにそこまでは無理です。


これ、同じカテゴリ内の記事しか表示してくれません。


で、記事の関連性を整理するために、
全記事のカテゴリ分けをやり直す必要が出てきたわけです。


全部で300記事以上ありますから、結構時間がかかりました。


でも、これで記事を投稿するたびに、
いちいち関連記事を貼り付ける手間が省けます。


これ以外にも、サイドカラムのアーカイブが邪魔だったんで、
折りたたみにしたり、コメントの投稿者欄に色を付けたりと、
細かい改造はあります。


いかがでしょうか?


賢威に見え・・・なくもないでしょ?(笑


やっぱりパーツを寄せ集めていますし、
素人の作業です。


プロがトータルデザインしたテンプレートには、
とてもとても適いません。


まあ、世界に一つの手作り”なんちゃって賢威”ですから、
私は気に入ってます。


しかも、今回は見てくれだけではなく、
いくつかの機能を導入することができました。


さらに、HTMLとCSSのいい勉強になりましたねぇ。
実際にいじってみるのが、やっぱり一番の近道です。


そのためには、構造がシンプルな
『無料ブログテンプレート』をいじり倒すのがお勧めです。


あなたも、自分だけのテンプレートを作ってみてはいかがですか。


あっ
いきなりメインのブログをいじらないようにしてくださいね。


ちゃんと実験用のブログを作って、
そちらでHTMLとCSSを完成させてから、
目的のブログに貼り付けてください。


それと、HTMLとCSSをいじる前に、
必ずバックアップを取っておきましょう。


これ、鉄則です。



このブログで人気のある記事を読む

ブログパーツ
このブログで人気のある記事を読む

コメント








   

Naoです
おはようございます。

いやあ、驚きましたね〜
「なんちゃって賢威」すごいじゃないですか!

最初はどの辺りが「賢威」?
って思ったけど(笑)

今日の記事を読んで納得しました。

パっと見以上に細かく根気のいる調整をされていたんですね!

目からウロコの部分は色々ありますが
特に記事下の関連記事一覧!

電車の中で話したヤツですよね?
完全自動化ですか?
凄いじゃないですか。

見ていてテンプレートをいじりたくてウズウズしてきましたw

応援して作業に戻りますね〜
ポチポチポチっと☆

Nao@派遣社員のインターネット広告ビジネス 2010/12/16 5:05 AM

無料「なんちゃって脅威」がもらえるのかと思って読んでいたら、あれよあれよと、、、。
面白かったです。これは、時間がかかりましたでしょう。

ひろりん 2010/12/16 8:03 AM

Naoさん、いらっしゃい。

そうです。
関連記事一覧は、懇親会帰りの電車で、
Naoさんから誘導率が上がるって話を聞いて、
導入を決めました。

でも、すでに300記事以上ありますから、
もう手作業では対応し切れないんですね。

それで自動化したってわけです。

多分、他の無料ブログでもできるはずです。
今、調べてますのでしばしお待ちを。

吉田屋 2010/12/16 10:31 AM

ひろりんさん、いらっしゃい。

オリジナルが、今でも販売中の有料テンプレートなので、
流石に差し上げることはできません。(汗

自分の使っているブラウザだけでデザインを直すなら、
そんなに時間はかかりません。

他のブラウザでもデザインが崩れないように
ブラウザチェッカーを使って微調整するのに、
かなりの時間がかかりますね。

ウェブデザイナーの方の苦労が良く分りました。

吉田屋 2010/12/16 10:45 AM

吉田屋さん、こんにちは^^

いやいや、すごい☆

HTML、CSSいじらなきゃ、
って思っただけで、倒れそうになる私です(^^;

素晴らしい出来栄えに
感動です!


なんか困ったら、
吉田屋さん、頼ろう〜(笑)

では、応援です(^o^)/

元ナースtomo♪☆主婦のための在宅ワーク講座 2010/12/16 2:28 PM

tomoさん、いらっしゃい。


テンプレいじりも、やってみると楽しいもんですよ。


ただ、ブラウザごとに見え方が違っちゃうのは、
本当に困りますね。


ある賢威の権威(ブログを読んでる方には分っちゃうかも)から、
これで看板とグローバルメニューを直したら完璧!
って言われたんですけど、
それじゃ”なんちゃって賢威”じゃなくなっちゃうので、
このままにしておきます。(笑

いつでもご相談ください♪

吉田屋 2010/12/16 5:05 PM

トラックバック
この記事のトラックバックURL:

月間アーカイブ



(最近の記事一覧)
Copyright © 2018  無料ブログテンプレートから”なんちゃって賢威” | サラリーマンの副業奮闘記 All Rights Reserved.
当サイトのテキストや画像等すべての転載転用・商用販売を固く禁じます
Designed by SEOテンプレートKAETEN X