FC2のHP化

2012-11-03 17:32:06 | パソコンのメンテナンス
■ ブログ→HP化

知人のサイトを手伝っているのですが、ブログをHP化するという手法でやっています。

というのもブログだと個人ユーザーっぽいですよね。かといってイマドキ、HTMLを手書きでしこしこ書いていた
時代のようなダサいHPもなんだし…(でも山業界では良く見かけます…)

というわけで、ブログサイトをHPに転用作戦なのです。

採用したのはFC2。 「馬のファビコンが嫌い」と知人は一旦はアメブロを希望したのですが、やっぱり目立つ広告の多さに辟易し、結局、FC2で行こう!ということになりました。

■ブログとHP、何が違うのか?

どちらもネット空間のURL上にあるアドレスを参照する(ページを見る)ということは変わりありません。

ただブログは最新記事がトップページに常に来る。一方HPはずっと前に書いた記事でもトップページに置いておけます。

  ブログ= 最新記事がトップページ  
  HP=   最新ではない記事がトップページ

後はカテゴリ別のリンクなどがブログの標準装備ですが、カテゴリ名を工夫すれば、別にどんなリンクを貼っても良いわけで…サイトとしての価値は同じですね。

それよりもHPを作るとなると、FTPで転送しないといけなかったり、ページの雛形が用意されていないので、アカウントを作成しただけではURLが取得できないということやで、結構手間が掛かります。それに基本的な知識がないとちょっとつらい。いや、知識があってもツライ…(笑)面倒なんですよね~ (^^;)

限りなく簡単にとりあえずサイトを立ち上げることができるのが、既にテンプレートの用意されているブログの強み。 
何しろデザインなどは後からいくらでも作りこみができますが、それ以前にネット上にアドレスがないと
イマドキはこの世界に存在していないのとほとんど同じです(笑)

というわけで、FC2ブログHP化作戦です。

■手順

①FC2にアカウントを開設する。

②FC2ブログサービスを申し込む。(※ついでに無料HP空間も申し込み可能)

③コンテンツ制作

★ステップ1 基本構造

 ・Topページを固定ページ化する (未来の日付
 ・ブログの1記事をHPの1ページ化する
 ・ブログの特徴的な機能、プラグインを消す
 ・「フリースペース」プラグインを「メニューとして使う」
 
やってみて、ポイントはプラグインの転用でした。

プラグインは基本的にサイドバーに表示させるメニューです。利用した本には「ブログのカテゴリ」を
「メニュー」として使うようありましたが、「フリースペース」のほうがよりカスタマイズが少なく楽です。

そして「最新記事」プラグインは殺す。というのはトップページに最新記事が来るブログでは、
トップページを固定化するにはそのページの日付を永遠に最新にしておくため未来の日付を入れるからです。
ブログのHP化のポイントは”日時を消す”です。

最初にブログの「環境設定」>「記事の設定」で表示させる記事を1件のみに設定します。その他設定は後回しでOK。
 
後はどんどん記事ページをとりあえず作っておきます。日付などは後で変更できるので、とりあえずはファイルを作っておく。

★ステップ2 デザインのカスタマイズ(CSS)

 ・「Rock」テンプレートを使用する
 ・ヘッダー画像を変更する FC2の「Rock」は横幅760px 縦は145~300px程度で
 ・広告の場所を移動する
 ・文字サイズ、行間、リンクカラーを変更する
 ・本文の文字カラー、サイズなどを変更する
 ・背景画像を変更する
 ・独自のコピーライトをつける
 ・タイトル文字列のサイズ、カラーを変更する
 
ここまでやれば、すでに充分つかえます。

★ステップ3
 ・メニューのロールオーバー化 (より”らしく”見える)
 ・トップページにフラッシュを入れる (より”らしく”見える)
 ・ファビコンを変える
 ・メールフォームを作る
 
ちなみにこの本を参考にしました。 

10分でできるホームページ(第2版) CMS&クラウドコンピューティングによる本格ウェブサイトスタートガイド

10分で出来るというのは、アカウントの取得が10分でできる、という意味で、ブログではアカウントさえあれば
とりあえずサイトはできます…

ので、まぁ10分と言うのは大げさですが、基本的なことを知っていれば、1日~2日で出来そうです。

でも、「カテゴリ」のメニュー化より、絶対に「フリーススペース」活用が楽だと思います!

「フリースペース」はアメブロでもあったのですが、一つしかサイドバーに入れれなかったんですよね。
FC2では サイドバーにはいくつもフリースペースを設定できるので、これをボタン化するのがおススメのようです。

雛形にするテンプレートは別に「Rock」でなくても何でも良いような???

最新の画像もっと見る