腐女子新米ママのマタニティ&在宅ワークライフ

腐女子新米ママのマタニティ&在宅ワークライフ

結婚1年目、現在妊娠7か月の新米ママです。妊娠を機に仕事を辞め主婦になりました。マタニティライフと副業に挑戦する日々をつづります。

Amebaでブログを始めよう!
結婚前に勤めていた会社から連絡があり、外注でお仕事をいただけることになりました☆
内容は以前にやっていたことと同じですが、

・関連会社のホームページ、看板、メニュー等の制作
・既存ホームページの更新、メニューの修正等
・Webサイトのコーディング(cakePHP)

大体この3つです。
もちろん、他のSOHOのお仕事と同時なので、うまく時間を使っていかないといけません。


★現在のSOHO状況
・名刺データのエクセル化(終了、次の依頼待ち)
・エクセルデータの加工(終了)
・相互リンク作成(継続中)
・オークション商品登録(終了、次の依頼待ち)
・冊子のテキスト化(終了)

在宅ワークをいくつか並行して進めています。
できそうなものはいろいろやってみたいな~と思うので、応募したりしてます。
案外、お返事をいただけるのでびっくりしています。


★現在のSOHO状況
・名刺データのエクセル化(終了、次の依頼待ち)\10*275=\2750
・エクセルデータの加工
・相互リンク作成
・オークション商品登録(終了、次の依頼待ち)\85*60=\5100


一番やりたいのはホームページ作成なんですが、
実績があまりないので、どうも尻込みしてしまいます。
全部独学なんだもの・・・。




ここ数日、のどが痛くてせきがとまらない。
Webサイト制作の勉強のために、WordPressの本「WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作」を購入しました。
”現場の”ってついているとついつい選んでしまうよね…。



WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作

ホンマでっかTVによると、
PCで文章をスクロールして読むよりも、本を読むほうが、理解力が20倍高い!そうです。

実際にそんなに違うかわからないけど、
本のページをめくってると勉強してる感じがするから好き。(笑)

少しずつ読みながらWordPressのサイトを作っていきたいと思います。
名刺のデータ入力のお仕事をいただいたところから、別のデータの仕分け作業も入ってきました。

別のところからもお返事があり、相互リンクを貼る作業も並行しています。



昨日は、産婦人科の28週目の妊婦健診もあり、ちょっと疲れ気味・・・。

健診内容なんですが、どうやら胎盤が下のほうにあるらしい。
調べてみると、部分前置胎盤といい、赤ちゃんが子宮から出ていく出口(子宮口)を胎盤の一部がふさいでいる状態。
胎盤の下には母親の血管があり、そのままお産が進むと大量出血の危険がある。
36~37週ごろで帝王切開するのが一般的な処置とされる。

ということで、無理はしないようにと言われました。

無理って・・・どこまでなのかしら?
あまり動けなくなったら体重も増える一方だし・・・。
難しいです。

前置胎盤の治し方はなく、
子宮口が大きくなるにつれ、自然と治ることもあると書いてありました。
前置胎盤が原因で帝王切開することも稀だとか?
無事に産まれてくれるのを祈るばかり。


そういえば健診中、胎児がぼこぼこ動いてたのが面白かったな。
エコーで見てる間も位置かわるから探すのが大変(笑)



27週くらいから、食べた後お腹が苦しくて気持ち悪くなるようになってきました。
妊娠後期だとよくあるみたいですね。
アメブロのテンプレートが少ない、というのが気になっていたので、

アメブロのカスタマイズに挑戦してみることにしました。

ブログ開設するときは、自分のブログのイメージに合わせたいですもんね~。

在宅のお仕事を探しているときにも、実際にアメブロのカスタマイズのお仕事の募集もありました。


忘れないように、メモ程度に書いていきます(^o^)/


今回はとりあえず、

1.背景画像を設定する
2.ヘッダー画像を設定する
3.ヘッダー下にメニューボタンの画像を追加する

以上をやってみました。


------------------------------------------------------------------

1.背景画像を設定する

デザインの変更→CSS編集用デザインを選び、CSSを編集していきます。
.skinBody{} の部分に以下を追加します。
今回は、背景画像を真ん中に寄せて、縦にリピートしました。

/* skinBody ボディ */
.skinBody{
background-image:url(背景画像のURL);
background-repeat:repeat-y;
background-position:center;
}/* ←ブログ全体に背景を敷きたいとき */



------------------------------------------------------------------


2.ヘッダー画像を設定する

.skinHeaderArea{} の部分に以下を追加します。
縦幅が300pxの画像にしました。
タイトルの文字は非表示にしています。

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
height:300px;
background-image:url(ヘッダー画像のURL);
background-repeat:no-repeat;
text-indent: -9999px;
overflow: hidden;
}/* ←ブログヘッダーに背景画像を敷きたいとき */


------------------------------------------------------------------


3.ヘッダー下にメニューボタンの画像を追加する

フリースペース編集より、フリースペースに以下のタグを登録。


<ul id="headerNavi"><li id="menu01"><a href="#" title="メニュータイトル名1">メニュータイトル名1</a></li><li id="menu02"><a href="#" title="メニュータイトル名2">メニュータイトル名2</a></li><li id="menu03"><a href="#" title="メニュータイトル名3">メニュータイトル名3</a></li><li id="menu04"><a href="#" title="メニュータイトル名4">メニュータイトル名4</a></li><li id="menu05"><a href="#" title="メニュータイトル名5">メニュータイトル名5</a></li></ul>


先ほどのCSS編集に戻り、
CSSの一番下に以下を追加します。
ボタンは、横196px、縦60pxのメニューが5つ一緒になった1つの画像を作ります。




/*メニューボタンの配置*/
.skinContentsArea{
position: relative;
padding-top: 85px;
}
ul#headerNavi{
position: absolute;
width:980px;
top: 0;
left: 0;
}
ul#headerNavi li{
float: left;
}
ul#headerNavi li a{
background-image: url(メニューボタン画像のURL);
background-repeat: no-repeat;
text-indent: -9999px;
height: 60px;
display: block;
}

/* menu01用 */
ul#headerNavi li#menu01 a{
width: 196px;
background-position: 0 -60px;
}
ul#headerNavi li#menu01 a:hover{
background-position: 0 0;
}

/* menu02用 */
ul#headerNavi li#menu02 a{
width: 196px;
background-position: -196px -60px;
}
ul#headerNavi li#menu02 a:hover{
background-position: -196px 0;
}

/* menu03用 */
ul#headerNavi li#menu03 a{
width: 196px;
background-position: -392px -60px;
}
ul#headerNavi li#menu03 a:hover{
background-position: -392px 0;
}

/* menu04用 */
ul#headerNavi li#menu04 a{
width: 196px;
background-position: -588px -60px;
}
ul#headerNavi li#menu04 a:hover{
background-position: -588px 0;
}

/* menu05用 */
ul#headerNavi li#menu05 a{
width: 196px;
background-position: -784px -60px;
}
ul#headerNavi li#menu05 a:hover{
background-position: -784px 0;
}


こんな感じになりました。




むずかしいですね・・・。