はじめてのブログデザイン

ホームページ制作の経験を活かしてブログテンプレートのデザインに挑戦!

スポンサーサイト

--/--/-- -- [Edit]

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログカスタマイズ ~記事とサイドバーの大きさを変更~

2008/01/18 Fri [Edit]

当ブログで配布中のテンプレートh007-3middle」をご使用中の方から、下記のご質問を頂きましたのでカスタマイズ方法を解説させて頂きます。

記事内を500までサイドバーを180までに変更したいのですが、どのようにすれば良いのでしょうか?

カスタマイズには HTML の編集を行えるエディタを用意されると、後述するカスタマイズ方法を実践されやすいと思います。ソースの行番号が分かり「EUC-JP」にエンコーディングされたソースコードを扱えるエディタならなんでも OK です。

※当ブログで配布中のデザインテンプレートがカスタマイズの対象となっています。
テンプレートをカスタマイズする前にバックアップ(複製)しておくと安心です。

2008年2月4日修正
他のサイズへ変更されたい方にも今回の記事が参考になるよう図解を使った解説に修正しました。

世間一般人様、お待たせしました。多少は他のサイズへカスタマイズする際に分かりやすくなったと思いますのでご覧ください^^

続きを読む ≫

祝!4つ目の FC2 ブログテンプレート承認!

2008/01/17 Thu [Edit]

4つ目の FC2ブログテンプレートが承認されました。

ダウンロードして頂いた方、早々にコメントを残して頂いた方、本当にありがとうございます!励みになります!

もしも、下の名前のテンプレートで不具合を発見されましたら、この記事のコメントから連絡して頂けると助かります。どうぞ宜しくお願いします。

h007-3middle

前回のエントリでも触れましたが、今回のテンプレートはサイドバーに少々癖があります。HTMLCSS が良く分からない方で、もしもお困りになりましたら、お気軽にご質問ください。

5つ目のデザインはどんなのにしようかな?

祝!4つ目の FC2 ブログテンプレート完成!

2008/01/13 Sun [Edit]

4つ目のテンプレートのサムネイル

4つ目のFC2ブログ専用のブログテンプレートが完成しました。

今回のコンセプトは「使いやすい3カラム」として制作してみました。この場合の「使いやすい」とはユーザー(ブログ閲覧者)にとってストレスが少ないと言ったニュアンスです。

結果、サイドバーのプラグインメニューのクリック領域の最大化、未訪問リンクと訪問済みリンクの差別化、記事部分の背景色を比較的目に優しい感じに仕上げました。

また、管理者にとっても「使いやすさ」の向上が1点あります。記事の編集リンク(Edit)の追加です。jell-jell さんのブログの記事「フッダーとヘッダーを改変」で知り、早速導入してみました。これは便利!ってことで配布中の他のテンプレートにも追加済みです。jell-jell さんに感謝です。

ただし、管理者にとって「使いやすいテンプートですか?」と聞かれたら、「なるべくそうなるように努力はしたのですが・・・」なんて返答になってしまうテンプレートかも知れません。

と言うのも、サイドバーのプラグインメニューのクリック領域の最大化が原因なのですが・・・

HTMLCSS にある程度理解のある方なら問題ないと思うのですが、何も知らない方が使用するとサイドバー内のレイアウトが崩れる可能性を秘めています。

なので上級者とは言わないまでも、中級者向けのテンプレートになってしまいました(反省)。

只今、承認待ちです。

制作メモ
font-size のクロスブラウザを図る為 YUI の Fonts CSS をテンプレートに導入。完璧ではないものの簡単に似たようなフォントサイズにできるのは素敵☆
IE 用の CSS ハックを外部スタイルシートにしたのは、共有テンプレートととして正解だったのか悩む。管理者を選ぶようなテンプレートになってしまったことに反省。

タグクラウドの簡単なCSSでの作り方

2007/12/11 Tue [Edit]

CSSタグクラウド作りました。

既に FC2ブログにはユーザータグを簡単にタグクラウドに変身させるプラグインがあったのですが、ソースを表示させた時に JavaScript が HTML 内にガーーーっと書かれているのが、なんとなく気になったので CSS だけで作れないかな?なんて思いから生まれたタグクラウドです。

CSS だけで作ったので機能はシンプル(お粗末)ですが、HTML には最低限しかソースを増やさずにタグクラウドを設置できますよ。

つまり SEO 的に多少メリットがある・・・のかな?

FC2ブログを使用中の方、もし宜しかったら「タグクラウドの簡単な CSS での作り方」でシンプルなタグクラウド作ってみませんか?
ブログの記事数(タグの使用回数)が多い方は、この先を読む前に何が書かれていても怒らないと約束できる方だけどうぞ。

続きを読む ≫

祝!3つ目の FC2 ブログテンプレート承認!

2007/09/12 Wed [Edit]

3つ目の FC2ブログテンプレートが4度目の登録でどうにか承認されました。

早々にダウンロードして頂いた方、コメントを残して頂いた方、本当にありがとうございます!

もしも、下の名前のテンプレートで不具合を発見された方は、お手数ですがこの記事のコメントからご報告して頂けると大変助かります。何卒宜しくお願いします。

h006-linklink

「多くの方にブログテンプレートの簡単なカスタマイズを経験して貰おう!」をテーマとして制作したデザインテンプレートですので、私の出来る範囲ですがお力になれたらと考えています。奮ってカスタマイズに挑戦して頂けると嬉しいです。

4つ目のデザインは3カラムに挑戦してみようかな?

テンプレート制作者の皆様方へご報告
ガイドライン以外の審査基準があったのでテンプレート制作者の方へご報告しておきます。FC2ブログの出している広告と見えてしまうバックリンクは不承認の対象となります。つまり、消してはいけない FC2ブログの広告用のタグの隣に素材配布先のバックリンクがあると不承認となります。

また、素材配布サイトの審査は簡単に素材を配布していることが確認できないと不承認となります。しかし、問い合わせから素材配布しているページの URL を報告することでしっかりと確認してくれます。

更に、FC2ブログへの問い合わせする際は丁寧な文章にすることでダラダラと文面を長くするより、なるべく簡潔に整理し念を押したら欲しい回答を頂けました。3度不承認になったのはメールでの問い合わせ方が悪かったのだと思います。ご報告でした。

Prev
Newer Entries
Top
はじめてのブログデザイン
Next
Older Entries

はじめに・・・

hajime

Author:hajime
はじめまして!齢32を迎えたおっさんです。
当ブログではホームページ制作の経験を活かして、日々ブログテンプレートのデザインを勉強しています。ご意見ご質問アドバイスなどありましたら、お気軽にコメントください!

ブログテンプレートのご使用についてをご覧頂けると注意点などをご確認いただけます。

ブログテンプレート一覧表では、今迄当ブログで制作してきたテンプレートをご覧頂けます。

はじめてのブログデザイン記事一覧で、気になる記事を探してみませんか?

はじめてのブログはFC2ブログで良いと思うに一票。

Mail Address

Google AdSense

RSSフィード

便利なブックマーク

リンク

ロックオン


ドメインが増えてきたので引っ越し検討中のレンタルサーバー。

カテゴリー

タグクラウド

検索フォーム

最近の記事

最近のコメント

最近のトラックバック

お気に入り

EIZOダイレクト
私の中で出ている1つの答え。それは液晶モニターに関しては今も昔もこれからも EIZO(ナナオ)。

ドメイン検索
a
.com .net .info .mobi

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。