5月末に少々体調を崩してブログの更新も止まっていたんですが、ようやく記事を書く気力も沸いてきました。体調自体は2、3日で直ったんですけどね、いざ更新しようとPCの前に座るとどーもやる気が出ない。気分が乗らないから更新は明日にしようと後回しにしてたら1週間以上空いちゃいました。

上で気分が乗らないから〜なんて言ってるけど、単にブログ恐怖症なんじゃないかと思ったりしないでもない。頻繁にブログを更新している人ならわかると思うんですけど、更新を続けていくプレッシャーが結構重い。一度止めると立ち直るのがしんどいというか、再開するときにまたプレッシャーとの戦いの日々が始まると思うと結構欝だったり。まさに回遊魚。

あと、ネット上での発言は不特定多数に閲覧される物なのでやはり気を使う。
他から引用する場合はもちろん、著作権も考慮しないといけないし、言い回しやなんだかんだで１つの記事を書き上げるのに結構な労力を伴う。書き上げた記事に対する言及なんかも気になるってもんですよ。

やっぱりブログ恐怖症？

まぁ気にしすぎても前に進めないので気任せ精神でこれからも更新していこう。

FC2の共有テンプレートに初申請してから約2週間、ようやく審査が終わったようでめでたく登録されました。

共有申請してみて気付いたのですが、申請したテンプレートにはナンバーが付けられているようです。今回登録したテンプレートは2件で最初に登録した『kk_3c_line-art』では22568というナンバーが付いていまして、1日遅れで登録した『kk_2c_line-art』には22588というナンバーが付いていました。

3cと2cの間には19件のテンプレートが共有申請されているようですが、新着テンプレートを見ると3cと2cの間にはわずか4件しか登録されていません。毎日新着のテンプレートがアップされていたので審査って簡単に通るのかと思ってましたが、実際には意外と厳しいようですね。

今回は通ったから良いようなものの、次回新作を作る場合はもう少し細かいところにも注意を払ってから申請した方が良さそうですね。

それにしても、既に私のテンプレートをダウンロードしてくださった方がいるようで嬉しいです。実際に使ってもらえるかはわかりませんが(笑)

kk_3c_line-artを使用する上で基本的な部分のカスタマイズの仕方を説明します。

日付単位表示に設定する。

管理画面の「環境設定の変更」から「ブログの設定」の「拡張表示設定」で「表示単位」を"1ページ内の表示を日付単位でまとめる"に変更。

日付単位表示の設定を行なうと、1日に複数の記事を投稿した際に記事を囲うジグザグのボーダーが繋がります。

変則3カラム化

左に記事、右にメニュー2カラムにする場合、下記コードの"記事エリア囲み"のfloat: right;をfloat: left;に変更、"メインメニュー囲み"のfloat: left;をfloat: right;に変更します。

右に記事、左にメニュー2カラムの場合、下記コードの"記事エリア＋メインメニュー囲み"のfloat: left;をfloat: right;に変更、"サブメニュー囲み"のfloat: right;をfloat: left;に変更します。

カラム幅の調整

記事エリアの幅を増減する場合、"全体囲み"と"記事エリア囲み"と"記事エリア＋メインメニュー囲み"のwidth: XXXpx;を変更します。記事エリアの幅を10px増やす場合は"全体囲み"と"記事エリア囲み"と"記事エリア＋メインメニュー囲み"のwidth: XXXpx;に10px足します。

メインメニューの幅を増減する場合は"全体囲み"と"メインメニュー囲み"と"記事エリア＋メインメニュー囲み"のwidth: XXXpx;を変更します。メインメニューの幅を10px減らす場合は"全体囲み"と"メインメニュー囲み"と"記事エリア＋メインメニュー囲み"のwidth: XXXpx;に10px引きます。

サブメニューの幅を増減する場合は"全体囲み"と"サブメニュー囲み"のwidth: XXXpx;を変更します。サブメニューの幅を10px減らす場合は"全体囲み"と"サブメニュー囲み"のwidth: XXXpx;に10px引きます。

また記事エリアやメインメニュー、サブメニューのジグザグボーダーの左部分及び右部分の幅を増減する場合も同様に変更します。記事エリアのジグザグボーダー左部分を2px増やす場合は"全体囲み"と"記事エリア囲み"と"記事エリア＋メインメニュー囲み"のwidth: XXXpx;に2px足します。

/* ブログ構成ボックス
=========================================================== */
/* 全体囲み */
div#blogbase{
width: 934px;
background: #FFF none repeat scroll 0%;
margin: 0pt auto;
text-align: left;
}
div#baseinner{padding: 0 10px;}

/* 記事エリア＋メインメニュー＋サブメニュー囲み */
div#layout_three_column{
margin: 0 0 1.7em;
}

/* 記事エリア＋メインメニュー囲み */
div#layout_two_column{
width: 710px;
float: left;
}

/* 記事エリア囲み */
div#layout_entry{
width: 506px;
float: right;
overflow:hidden;
}

/* メインメニュー囲み */
div#layout_main_menu{
width: 184px;
float: left;
overflow:hidden;
}

/* サブメニュー囲み */
div#layout_sub_menu{
width: 184px;
float: right;
overflow:hidden;
}

ジグザグボーダーの向き（S字・逆S字）変更

下記コードの右部分及び左部分を変更します。
記事エリアのジグザグボーダーの向きを変える場合は"記事エリア"の"ジグザグ右部分"のborder-rightをborder-leftに、"ジグザグ左部分"のborder-leftをborder-rightに変更します。

メインメニューやサブメニューも同様に右部分及び左部分を変更すればボーダーの向きが変わります。また#XXXXXXの部分をお好きなカラーコードに変更する事でボーダー色を変えれます。

/* ジグザグボーダー構成
=========================================================== */

/* 記事エリア
----------------------------------------------------------- */
/* カラーコード変更でお好きな色に（デフォルト#B35000） */
/* ジグザグ上部分 */
h2.entry_date,h2.titlelist_name,
h2#edit_title{border-top: 3px solid #B35000;}

/* ジグザグ右部分 */
.entry_content,.trackback_inner,.comment_inner,
.form,.titlelist_body{border-right: 6px solid #B35000;}

/* ジグザグ下部分 */
h2.entry_title,h2.titlelist_title,
div#trackback_area h3,div#comment_area h3,div#edit_area h3,
.entry_content,.trackback_inner,.comment_inner,.form,.titlelist_body,
h2#edit_title{border-bottom: 3px solid #B35000;}

/* ジグザグ左部分 */
h2.entry_date,h2.titlelist_name,
h2.entry_title,h2.titlelist_title,
div#trackback_area h3,div#comment_area h3,div#edit_area h3,
h2#edit_title{border-left: 6px solid #B35000;}


/* メニューエリア
----------------------------------------------------------- */
/* カラーコード変更でお好きな色に（デフォルト#FF9D00） */
/* ジグザグ上部分(メイン・サブ共通) */
div#header,div#yoko_calendar{border-bottom: 2px solid #FF9D00;}

/* メインメニュー
----------------------------------------------------------- */
/* ジグザグ右部分 */
.main_menu_inner{border-right: 4px solid #FF9D00;}

/* ジグザグ下部分 */
h2.mainplug,.main_menu_inner{border-bottom: 2px solid #FF9D00;}

/* ジグザグ左部分 */
h2.mainplug{border-left: 4px solid #FF9D00;}

/* サブメニュー
----------------------------------------------------------- */
/* ジグザグ右部分 */
h2.subplug{border-right: 4px solid #FF9D00;}

/* ジグザグ下部分 */
h2.subplug,.sub_menu_inner{border-bottom: 2px solid #FF9D00;}

/* ジグザグ左部分 */
.sub_menu_inner{border-left: 4px solid #FF9D00;}

その他、質問や不具合の報告等ありましたらお気軽にコメントください。

kk_2c_line-artを使用する上で基本的な部分のカスタマイズの仕方を説明します。

日付単位表示に設定する。

管理画面の「環境設定の変更」から「ブログの設定」の「拡張表示設定」で「表示単位」を"1ページ内の表示を日付単位でまとめる"に変更。

日付単位表示の設定を行なうと、1日に複数の記事を投稿した際に記事を囲うジグザグのボーダーが繋がります。

カラムの左右入れ替え

右に記事、左にメニューを表示する場合、下記コードの"記事エリア囲み"のfloat: left;をfloat: right;に変更、"メニュー囲み"のfloat: right;をfloat: left;に変更します。

カラム幅の調整

記事エリアの幅を増減する場合、"全体囲み"と"記事エリア囲み"のwidth: XXXpx;を変更します。記事エリアの幅を10px増やす場合は"全体囲み"と"記事エリア囲み"のwidth: XXXpx;に10px足します。

メニューの幅を増減する場合は"全体囲み"と"メニュー囲み"のwidth: XXXpx;を変更します。メニューの幅を10px減らす場合は"全体囲み"と"メニュー囲み"のwidth: XXXpx;に10px引きます。

また記事エリアやメニューのジグザグボーダーの左部分及び右部分の幅を増減する場合も同様に変更します。記事エリアのジグザグボーダー左部分を2px増やす場合は"全体囲み"と"記事エリア囲み"のwidth: XXXpx;に2px足します。

/* ブログ構成ボックス
=========================================================== */
/* 全体囲み */
div#blogbase{
width: 840px;
background: #FFF none repeat scroll 0%;
margin: 0pt auto;
text-align: left;
}
div#baseinner{padding: 0 10px;}

/* 記事エリア＋メニュー囲み */
div#layout_two_column{
margin: 0 0 1.7em;
}

/* 記事エリア囲み */
div#layout_entry{
width: 576px;
float: left;
overflow:hidden;
}

/* メニュー囲み */
div#layout_main_menu{
width: 224px;
float: right;
overflow:hidden;
}

ジグザグボーダーの向き（S字・逆S字）変更

下記コードの右部分及び左部分を変更します。
記事エリアのジグザグボーダーの向きを変える場合は"記事エリア"の"ジグザグ右部分"のborder-rightをborder-leftに、"ジグザグ左部分"のborder-leftをborder-rightに変更します。

メニューやトップフリーエリアも同様に右部分及び左部分を変更すればボーダーの向きが変わります。また#XXXXXXの部分をお好きなカラーコードに変更する事でボーダー色を変えれます。

/* ジグザグボーダー構成
=========================================================== */

/* 記事エリア
----------------------------------------------------------- */
/* カラーコード変更でお好きな色に（デフォルト#B35000） */
/* ジグザグ上部分 */
h2.entry_date,h2.titlelist_name,
h2#edit_title{border-top: 3px solid #B35000;}

/* ジグザグ右部分 */
.entry_content,.trackback_inner,.comment_inner,
.form,.titlelist_body{border-right: 6px solid #B35000;}

/* ジグザグ下部分 */
h2.entry_title,h2.titlelist_title,
div#trackback_area h3,div#comment_area h3,div#edit_area h3,
.entry_content,.trackback_inner,.comment_inner,.form,.titlelist_body,
h2#edit_title{border-bottom: 3px solid #B35000;}

/* ジグザグ左部分 */
h2.entry_date,h2.titlelist_name,
h2.entry_title,h2.titlelist_title,
div#trackback_area h3,div#comment_area h3,div#edit_area h3,
h2#edit_title{border-left: 6px solid #B35000;}


/* メニュー・トップフリーエリア部分
----------------------------------------------------------- */
/* カラーコード変更でお好きな色に（デフォルト#FF9D00） */
/* ジグザグ上部分(メニュー・トップフリーエリア共通) */
div#header,div#yoko_calendar{border-bottom: 2px solid #FF9D00;}

/* メニュー
----------------------------------------------------------- */
/* ジグザグ右部分 */
h2.mainplug{border-right: 4px solid #FF9D00;}

/* ジグザグ下部分 */
h2.mainplug,.main_menu_inner{border-bottom: 2px solid #FF9D00;}

/* ジグザグ左部分 */
.main_menu_inner{border-left: 4px solid #FF9D00;}

/* トップフリーエリア
----------------------------------------------------------- */
/* ジグザグ右部分 */
.tfa_inner{border-right: 4px solid #FF9D00;}

/* ジグザグ下部分 */
h2.tfplug,.tfa_inner{border-bottom: 2px solid #FF9D00;}

/* ジグザグ左部分 */
h2.tfplug{border-left: 4px solid #FF9D00;}

その他、質問や不具合の報告等ありましたらお気軽にコメントください。