プロファイル
 
Author : 紺 (♂)



音楽ブログ(エロなし)

最新記事
2020年
最新コメント
全レスします(^^)
<>+-
<> + -
月別アーカイブ
1日→31日の順に表示します
 2020 08  (1)
 2020 07  (19)
 2020 06  (19)
 2020 05  (22)
 2020 04  (13)
 2020 03  (19)
 2020 02  (15)
 2020 01  (19)
 2019 12  (15)
 2019 11  (8)
 2019 10  (19)
 2019 09  (16)
 2019 08  (17)
 2019 07  (12)
 2019 06  (15)
 2015 12  (28)
 2015 11  (27)
 2015 10  (29)
 2015 09  (29)
 2015 08  (27)
 2015 07  (29)
 2015 06  (29)
 2015 05  (31)
 2015 04  (28)
 2015 03  (27)
 2015 02  (27)
 2015 01  (29)
 2014 12  (30)
 2014 11  (28)
 2014 10  (24)
 2014 09  (1)
 2014 08  (28)
 2014 07  (27)
 2014 06  (27)
 2014 05  (28)
 2014 04  (27)
 2014 03  (30)
 2014 02  (25)
 2014 01  (28)
 2013 12  (27)
 2013 11  (27)
 2013 10  (30)
 2013 09  (29)
 2013 08  (30)
 2013 07  (30)
 2013 06  (29)
 2013 05  (30)
 2013 04  (28)
 2013 03  (28)
 2013 02  (29)
 2013 01  (25)
 2012 12  (29)
 2012 11  (28)
 2012 10  (30)
 2012 09  (28)
 2012 08  (29)
 2012 07  (29)
 2012 06  (23)
 2012 05  (28)
 2012 04  (30)
 2012 03  (28)
 2012 02  (27)
 2012 01  (28)
 2011 12  (29)
 2011 11  (28)
 2011 10  (29)
 2011 09  (28)
 2011 08  (30)
 2011 07  (29)
 2011 06  (28)
 2011 05  (30)
 2011 04  (14)
 2011 03  (26)
 2011 02  (17)
 2011 01  (31)
 2010 12  (31)
 2010 11  (28)
 2010 10  (30)
 2010 09  (30)
 2010 08  (30)
 2010 07  (31)
 2010 06  (32)
 2010 05  (30)
 2010 04  (29)
 2010 03  (32)
 2010 02  (27)
 2010 01  (26)
 2009 12  (19)
 2009 11  (9)
 2009 10  (12)
 2009 09  (17)
 2009 08  (23)
 2009 07  (11)
カテゴリ
 
ユーザータグ
 
記事一覧
 
ブログ内 全文検索
 
リンク
 
アダルト系のリンクは
ホームにあります。
SPECIAL THANKS
いつもお世話になっているサイト
メール
 
訪問者数
 
お引っ越し。
2011/11/13(日) 22:43 もろもろ
先日アマゾンのトップページを開いたら、こんなおすすめ商品が。

  20111113_0.jpg
  なんだこれwww

念のため書いておきますが、私の参照履歴とは関係ないですよ。
ちょっと欲しいけど。
着用感はどうなんでしょうね?
見た目だけでなく、それらしい感触も味わえたらいいですね。

さてさて。

先日書いた「自作マスク通販のページ」をようやくブログ化しました。
http://maskmaniaquet.blog.fc2.com/
このブログとよく似たURLですが、ユーザー名が微妙に変わってます。
maskmaniaquet ですよ。
マニアックとマーケットを掛けてみました。って分んないですよね(^^;)

URLだけでなく、中身も瓜二つです(笑)

引越前引越後
20111113_5.png20111113_6.png

もともとブログ風のレイアウトにしてたので、コンテンツの引越は意外に簡単でしたが
ブログの場合、所定の欄に所定の内容を入力するというメールフォームのようなスタイルなので、
どの欄をどの用途に使うかちょっと悩みました。結構トリッキーな事をやってます(^^;)

ブログは書くのが楽ですが、出自が日記ですので、表示は基本的に日付順です。
かたや通常のHPは、表示させたい順と投稿順が必ずしも一致しませんし、
全部の記事がつながって表示されるのも、ちょっと野暮です。
ではどうするか?

今日はそんな話を「続きを読む >>」のところに綴ってみました。
FC2ブログでなんとかHPを作りたい人の参考になればと思います。
(HTMLとCSSの初歩的な知識が必要)

興味がおありでしたら、どうぞご覧ください。

◆今日の目的を見失う話
中学校の遠足でディズニーランドに行きました。
友人とミッキー型の風船を買って、 帰りのバスに乗り込もうとしたら
「おまえら!何の為の遠足だと思ってるんだ!」と怒られ、 風船の空気を抜かれました。

行き先ディズニーランドで、一体何の為の遠足だったのか
いまだに解かりません。

P.S. 拍手ありがとうございました(^^)
  記事:へんな画像特集



◆表示モードについて

FC2ブログにはこのような表示モードがあります。

  1. 最新記事から日付順 例:http://maskmaniaque.blog88.fc2.com/
  2. 年月別       例:2009年07月
  3. タイトルのみ一覧  例:記事一覧
  4. カテゴリ別     例:カテゴリ:業務連絡
  5. ユーザータグ別   例:ユーザータグ:ラバートレンチコート
  6. 単一の記事     例:【まとめ】特殊防護服とは
このうち、ツリー状のメニュー構造を持つHPに適していると思われるのは4.カテゴリ別です。
他のモードは異なるブロックの記事がひと続きになってしまうので、隠す方向で考えます。

なおトップページ(1.最新記事から日付順)はHPの看板ともいうべき存在ですし、
隠すこともできないので、そのままメニュー等のトップページとして使うことにします。

◆カテゴリ分けを考える

ブログサービスでHPを作るにあたり、最初に行なうことはカテゴリの構成を考えることです。
複数の記事を1ページに収めたい場合、そのくくりをカテゴリとします。

  20111113_4.png

ポイントは、望む順番で記事を並べるにはどうするかという点です。
ブログですので、記事は日付(投稿日時)順に並びます。

FC2ブログの場合、投稿日時は自由に変えられますので、
上図のように、並べたい順番に日付を振ります。2001年など過去の日付がいいでしょう。
並びは「新しい順」「古い順」どちらでも出来ますが、古い順のほうが分りやすいと思います。

  20111113_7.png
  投稿日時の設定

つまり「投稿日時」は本来とは違う用途に使うことになります。
【ちょっと余談】

FC2ブログでは同じ名前のカテゴリを複数作れないという制約があるので、
こんな構造にはできません。

  異次元花粉マスク -+- スペック
            +- 価格表

  異次元マスク2  -+- スペック  ←だぶってる
            +- 価格表   ←だぶってる

これを回避するには「異次元マスク2 スペック」のようなフルネームになります。
カテゴリ名が自然と長くなるので、サイドメニューに表示させるのは難しいかもです。
私の場合、サイドメニューに普通の「カテゴリ一覧」を出すのはあきらめて
「フリーエリア」プラグインを使って固定リンクにしました。

◆ブログの設定

FC2ブログの場合について、いろんな設定内容を図に示します。

  20111113_1.png
  「ブログの説明」欄は私の場合、タイトルの下に最終更新日を入れるのに転用しました。
  ブログなら要りませんが、HPには欲しいですよね。

  コメント欄はあっても大丈夫ですよ。
  (単一記事モードで表示される「前のページ」「次のページ」リンクは外す必要あり)

◆テンプレートの改造

「日付順」というブログの基本をなかったことにして
カテゴリ別表示に特化させるため、以下の改造を行ないます。
  1. サイドメニューを外す
    • 最新記事
    • カレンダー
    • 月別アーカイブ
    • 記事一覧
    • ユーザータグ
  2. 各記事のヘッダー、フッターにある投稿日時・ユーザータグを外す
  3. 「前のページ」「次のページ」リンクはカテゴリ別の時だけ表示させる
     (これをやらないと、トップページから次の日付のページへ行けてしまいます)

  ※時分秒は残しておきます(後述)


◆投稿画面にて

  20111113_2.png

ポイントは「日時設定」のところです。
「年・月・日」は最初に説明した記事の並び順を制御するのに使います。
各記事に投稿日を表示したい場合は「時・分・秒」の部分を「年・月・日」に見立てて使います。
「時」は00~23ですから、頭に20を付けて表示すれば、とりあえず2023年まで安泰です(笑)

テンプレートを細かくいじって「時分秒→年月日」でなく「秒時分→年月日」にすれば
2059年まで枕を高くして寝られますよ。

そのほか私の場合は、各記事のタイトルの下にサブタイトルを入れたかったので
投稿画面に用意されている項目の中から「追記」を転用しました。
(通販サイトなので「続きを読む」は使う予定なし)

◆できあがり

以上のように設定して記事を書くと、こんな感じになります。

  20111113_3.png

いかがでしょうか。
実物はここにあります。
自作マスク通販のページ http://maskmaniaquet.blog.fc2.com/

質問などありましたら、コメント欄からどうぞ(^^)
お引っ越し。 | 2011/11/13(日) 22:43:33 | カテゴリ:もろもろ | コメント (0)
ユーザータグ:Webネタ
コメントの投稿

※他のサイトに同じ内容が投稿されている場合は、内容に関わらずスパムと判断します。
 悪しからずご了承くださいませ。
 
非公開 非公開コメントとは?
  ※非公開にすると修正・削除できません。
  ※非公開コメントで返信が必要な場合は、メールアドレスをご記入ください。