QLOOKアクセス解析
ホーム > 2014年12月の記事一覧( 23 件 )
| main |
--.--.-- --

スポンサーサイト

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

続きを読む
Category: スポンサー広告
2014.12.31 Wed

ネット上の真似したいものを見よう見まねで作ってみる!(^^)!続き

昨日はネット上の真似できそうなデザインをいただきましたが、今日もそれで行きます。

今日の完成予想図はこちらです。

これ作りたい2

これは!!気づきました??

昨日作ったこれと

コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。



一昨日作った画像のとなりに文字を書くのミックスなんですねー。

そうやって分けて考えるとけっこう簡単にできそうです。

「月5万稼ぐまで副業奮闘記」 運営者紹介


ひーさん
体ほぐしのしごとをする傍らネット副業をしております。月に5万稼ぐことを目標に、ランサーズ・オークション・アフィリエイトなどさまざまなものに取り組んでおります。まだこれといった結果は出ていませんが、やる気を失うどころか夢は膨らみ中。




できましたー(*´▽`*)(*´▽`*)

面倒なので、色は赤のままですが。。。

なかなかいいじゃないですかー( *´艸`)

タグを書いておきますね(*´▽`*) 画像のURLをちゃんと入れないと画像表示はされませんよ。


<div style="border-style: solid ; border-width: 3px; border-color:rgb(204,0,0); color:#0000; background-color:rgb(249, 241, 241);width:550px;"><div style="border-style: solid ; margin:5px; border-color:rgb(204,0,0); color:white; background-color:rgb(204,0,0);">コラム</div><p style="margin :10px;"><img src="画像のURL" style="float:left;margin-right:20px;" />
<p>ひーさん
体ほぐしのしごとをする傍らネット副業をしております。月に5万稼ぐことを目標に、ランサーズ・オークション・アフィリエイトなどさまざまなものに取り組んでおります。まだこれといった結果は出ていませんが、やる気を失うどころか夢は膨らみ中。</p></div>



使えるものはどんどんいただいちゃいましょう( *´艸`)

私は画像に枠を付ける設定をCSSでしてるので、枠がついてますがみんなのはついてないと思います。

CSSで枠を付けるメリットは、毎回枠の設定をしなくてもいいということです。

一度設定してしまえば、画像を入れると自動でつくようになります。

ただ、CSSで枠を付けると困ったこともあります。後になって気づきました。。。。

枠をつけたくない画像にも自動で枠がつくということです。

例えば、ブログランキングのバナーや素材集の画像を使うときなど。。。

けっこう、あらまーってことありました。。。

それでもいいよ、枠を付けたいという方は過去記事に画像に枠を付ける方法を紹介しているのでご覧ください。

枠を付けたくないときだけ付けない設定ができるなんて便利な方法があれば教えてくださいm(__)m

私も探してみます(^^)/



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓









続きを読む
スポンサーサイト
Category: fc2ブログ Comments (11) Trackbacks (0)
2014.12.29 Mon

ネット上の真似したいものを見よう見まねで作ってみる!(^^)!

ナビゲーションについて記事にする予定がうまく書けずに断念。

今日は違うネタにしました。

ネット上でみつけたこれはどうやって作るんだろう??

これ作りたい

真似しようとしましたが、なかなかうまくできないもんです 汗


コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。


まず、色が全然違うし(-。-; そこ直そうよ。

あとは、コラムの周りの余白が上下は空きすぎ、左右は詰まりすぎ。線の太さも変えて。。。

そこを直せばだいぶいい感じの予感(^○^)


コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。


ちょっとーー、近いじゃないか!!近いじゃないか!!

あともう一歩!! 色を変えただけでちょっと見違えちゃったよー( ゚Д゚)

コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。




これはこれでありなんじゃないのかと思ったんですけどね。

コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。



あとは幅を変えたらいいかな(*´▽`*)

コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。



完璧じゃーないかー(*´▽`*) って自画自賛( *´艸`)

色の抽出は今回はPhotoshopを使いましたが、ネットで調べるとそんなアプリもあるらしい。

それよりタグを教えろ?? ハイハイ、分かってますよ。


<div style="border-style: solid ; border-width: 3px; border-color:rgb(204,0,0); color:#0000; background-color:rgb(249, 241, 241);width:550px;"><div style="border-style: solid ; margin:5px; border-color:rgb(204,0,0); color:white; background-color:rgb(204,0,0);">コラム</div><p style="margin :10px;">ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。</p></div>



気に入ってくれた方はご自由にお使いください。って自分もパクったんだろ!( `ー´)ノ

幅はwidthの数字を変えるだけで大丈夫です(*´▽`*)

記事の途中で出てきたこれはこれでありかも↓このタグも一応書いときますね(*´▽`*)


コラム

ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。





<div style="border-style: solid ; border-width: 3px; border-color:rgb(204,0,0); color:#0000; background-color:rgb(249, 241, 241);width:550px;"><div style="border-style: solid ; border-color:rgb(204,0,0); color:white; background-color:rgb(204,0,0);">コラム</div><p style="margin :10px;">ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。
ちょっとというか全然違うよー( ゚Д゚) でも、何したいか全然分からないというレベルでもなく。。。</p></div>



何か不都合ありましたらコメントくださいm(__)m

ちなみに、色はどうやって変えるんですか?の質問はいいけど、

緑バージョン・青バージョン作ってくださいは受け付けませんよ 笑 



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓



続きを読む
Category: fc2ブログ Comments (4) Trackbacks (0)
2014.12.28 Sun

初心者がやりたいことあれこれ パート何だったっけ?

おはようございます(*´▽`*)

今日は久しぶりの「初心者がやりたいことあれこれ」を書きます。

もうパート何だったか分からないので、気にせず記事に集中します ( *´艸`)

初心者やりたいことあれこれは、記事タイトルも意味不明なので変えようと思いました。。。

どこいったの?ってなっちゃあれなんで、後日まとめてトップページに移す予定です。

前置きがながくなりましたが、今日は”写真の横に文字を書く”これをやっていきます。

ちなみに、携帯画面で見ている人は写真が画面横幅いっぱいになってるので、

横並びに表示されません。。。すいません。。。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。

画像の下に文章を書くと、普通はこうやって表示されます。

それを、文章を画像の右側に回り込ませたいとき、こんな風に。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。



画像と文字ひっつきすぎじゃん(;´Д`) ちょっと修正して、



付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。

デスクトップにペタペタ貼って使ってます(*´▽`*)よく使うタグなんかを書いておくと便利です。



いいかんじになりました(^^)/



タグはこちらです(*´▽`*) 画像のURLを入れてコピペして使ってください。


<img src="画像のURL" style="float:left;margin-right:20px;" />
<p>回り込ませる文章</p>
<p style="clear:both">改行後の文章</p>



ちなみに、画像を右に持っていきたいときは float:left →  float:right に変えます。

それから、余白部分 margin-right →  margin-left に変えないといけませんね。

clear:both というのはここは回り込みさせませんよという命令文になります。

ちなみにこれがない場合はこう表示されます。

付箋

もうちょっとましな画像はないんかいっ(;´Д`) これはWindows標準装備の「付箋」です。


次の文章まで回り込んでしまいました。どこまで行くか書き続けてみましょう(*´▽`*)やっと次の行に行きましたが、なんか変ですよね。 clear:both も忘れずにね(*´▽`*)



今、思ったのが画像を横並びもこれでいけるんじゃないか?ってことです。

テーブルタグで並べたり(タグが長くてめんどくさい) テキストエディタ使ったり(プレビューではうまくいくのですが、画面

を表示するとなぜか縦並びになってしまう)

付箋付箋

あっさりできました(*´▽`*) タグも短くていい感じです。

タグはこちら


<img src="画像のURL" style="float:left;margin-right:20px;" /><img src="画像のURL" />



画像タグと画像タグは改行すると位置がずれるので、改行なしです。

float つながりということで。。。

年内にやりたいと言っていたナビゲーションについて明日記事を書こうと思います。

私はあると♪さん
教えてもらいながら、いち早くナビゲーション付けましたよ(*´▽`*)

トップページにあるホーム・記事一覧などのことです。

これをつけると、訪問者さんが迷子にならないのでおすすめです。

ではまた明日(^^)/



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓





続きを読む
Category: fc2ブログ Comments (3) Trackbacks (0)
2014.12.26 Fri

自分の資産を作りましょう(^o^)/

自分の資産を作るっていい響きですね〜(≧∇≦)

資産といえば?

現金。 うんうん、確実資産ですね〜。

株券。うんうん、配当や優待の楽しみもありますね〜。

車。 売る予定がなかったら消耗品かな??

家。これも資産っていうにはちょっと。。。人の家に転がり込んだ私にとっては大きな資産です(≧∇≦)

って自分の持ち物じゃないでしょ(♯`∧´)

家賃タダ。これのおかげで安月給でも暮らしていけてます。ありがたや〜(^o^)

普通はこんなもんでしょう。家族。プライスレスな話は置いておきます。

じゃあ、貧乏してたら資産は築けないのか?

いえいえ、そんなことはありません!

私にはこのブログが資産です(≧∇≦) しょぼいって言わないでょ。

まだ、資産というほど育ってはいませんが。。。これから大きくなる、予定。(-。-;

能力という資産もありますが、これは目に見えないもの。

能力をどんどん形にしていきましょう(^o^)

能力って本当にちっちゃなことでいいんですよ。

昨日までできなかったのにできるようになったこと。

ブログ始めたってことでも十分です。

記憶が薄れる前に記事にしちゃいましょう。

自分が体験したこと。

どこそこのお店のラーメンが美味しいってことでも十分です。

写真と一緒に記事にしちゃいましょう。

それが積もり積もって自分の資産になる(^o^)

ステキじゃないですかーー!! お金もかかりません。

アクセスアップがなかなかで。。。アフィリエイトがなかなかで。

って気持ちもよく分かりますが、ここは一息ついて自分の資産という目で見てください。

ネタがない、今日は疲れたーなんて言いながら3ヶ月ちょっと経過して、

気づけば100記事を超えました。

飽き性で、今までこれをやりました!っていうものがない私にとって大きな資産です。

2年後、3年後はどうなってるんでしょうか?

それでもまだアクセスが、アフェリエイトがって言ってたらちょっとウケますよね(≧∇≦)

違う景色が見えてくるんでしょうか?

今のブロ友がまだブロ友でいてくれたら、これはすごいことですよね(≧∇≦)

自分の資産を増やすために、安全確保のためにいろいろ考え中です(^-^)



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓





続きを読む
Category: 未分類 Comments (8) Trackbacks (0)
2014.12.25 Thu

夫が禁酒してから6か月経ちました(*´▽`*)

ビール

おはようございます(*´▽`*)

昨日は単発の記事作成のお仕事で300円分の仕事をしてきましたよー(^^)/

単価の高いものがけっこうありました(*´▽`*)

禁酒の体験談と職場でのむくみ対策の2記事書きました。

今までとは違う分野で書けそうなものに挑戦です!!

引越体験談やローン系(カードキャッシングやマイカーローン体験談)なんかが多いですね。

引越はたくさん経験したのに、夫頼みにしてたから記事が書けないよ。。。もったいないことをしました。

まさかこんな体験談が副業になるなんてその時は思いもしなかったもので。。。

禁酒の体験談を書いたといっても、ひーさんはお酒飲みではないですよ 笑

下戸に近いです。カクテル系を前はたまに飲んでましたけど、今は全く飲まないです。

今回は夫の禁酒について書きました。ということで、今日はお酒の話です。

私の夫は完全アル中でした。。。

道端で酒瓶片手にウイーーーっていうんじゃないですよ 笑 

あれはイメージで実際ああいう人はあんまりいません 笑

夫は飲まない日もけっこうありました。でも、飲むと適度で辞められないんです。

私と外食するために待ち合わせると、それまで待っていられないんです。。。

8時待ち合わせなんだから待てよー( `ー´)ノと思うんですけど、飲みながら待つんですよね。。

で、待ち合わせ場所に行くと、柱の陰に隠れながらはにかんだような怪しい笑顔で立っている。

それを見た瞬間私のテンションが下がる(;´Д`) 今日ももう飲んでるよ。。。

私の両親にお呼ばれした日も、今から夕飯なのに、もうビールとお好み焼きで出来上がっている。。。

もちろん母親手作り料理はお腹いっぱいで食べられず残す。。。

他にも書ききれないくらいお酒ネタはあって、たくさん喧嘩もしました。

本人が辞めたがってるのに辞めれなくて、それを見ているのが辛かったです。

禁酒に成功したかな?と思ってもまた振り出しに戻ったり。

でも、今は禁酒して半年経ちました。お酒は精神力では辞められません。

ものの見方を変えるしかありません。

この方法で夫は過去に禁煙・ダイエットを成功させてきたのですが、禁酒は大変だったようで。

でも、今回は大丈夫かなと思ってます。

禁酒してよかったことは山のようにあります。私との仲もよくなりました。

時間とお金の節約になりますし、健康面でも効果が出てます。

今は夫がアル中であったことに感謝してます。

楽しくお酒が飲めるタイプの人はお酒を辞めるなんて考えもしないでしょう。

その必要性も感じないですし。

私の両親は楽しくお酒が飲めるタイプで、ほぼ毎日晩酌をしています。

自分の価値観を人に押し付けて、両親にお酒は辞めなさいなんて言うつもりはありません。

人のことよりも、自分の砂糖中毒を何とかしたほうがいいです(;´Д`)

この記事を書きながら、こんなことを書くためのブログをしたいなあとまた新たな欲求が。。。

ワードプレスはどうなったんじゃい!!( `ー´)ノ   あ、細々とやってるんですよ。

今は画像の切り抜きの記事を書いてる途中ですm(__)m

よかったら見に行ってやってください。 もうひとつのサイトもよろしく(*´▽`*)

ではよい一日を(*´▽`*)



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓




続きを読む
Category: 未分類 Comments (4) Trackbacks (0)
2014.12.23 Tue

記事作成のお仕事、本当にその展開だったよ(-。-;

その後先方からメールがありました。

サンプル記事は裁量を図るものでお支払いはしておりません、と。(♯`∧´)

ふざけるんじゃないわよ!!(♯`∧´)怒

本当に一次審査通過です、おめでとう(^o^)/だったよ!!

びっくりしたーーー、無報酬の1500文字。。。(-。-;

裁量を図るってどんだけ上から目線なのよっ(♯`∧´)

私は丁重にお断りをさせていただきましたよ。

私の確認ミスである事、お支払い云々の話ではなく信頼関係の問題がお断りの理由です。

裁量を図るもので報酬は出ないことを初めに伝えて欲しかったです。

本当に申し訳ございませんm(_ _)m

とメールしたものの、お支払い云々の話です 笑

そして、今また先方からメールがありました。

数十人のライターさんと仕事してるのにそういった話がでたことないらしい!!

それにもびっくりしたーー(♯`∧´)

在宅ライターよ、もっと主張していいんだよ!!(♯`∧´)と言いたい。

仕事は大事だけど、、、。

我慢なのか、それ以上に得るものが大きい仕事と捉えたのかは分かりませんが。。。

なんだかクレイマー第一号になった気がしたひーさんでした(-。-;

一応付け足しときますけど、先方の方は悪い人ではないんですよ。

ただ、ライターの立場に立ってないだけの話で。

まあ、今回の件で事前に先方に確認することを学びました。

書く→支払われる の図式しか頭にない私は、自分の常識が人の常識ではないという

当たり前の事を経験しました。

もう、吉野の桜に関する記事なら何でも来い! 行ったことないけどね(-_-)

書ける記事の幅が1ミリ広がりました(^o^)

ちょっと得意分野以外の記事も書いてみようかなあ。。。

脱毛、婚活、いぼ痔ばかりそんなに書けないしね 笑

ブログのネタにもなるから一石二鳥じゃん(^o^)

今回の記事を書きながら、そういえば私が入力作業を止めてしまった記事も

書こうと思いました(^o^)/

ではまた明日(≧∇≦)



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓



続きを読む
Category: 未分類 Comments (7) Trackbacks (0)
2014.12.23 Tue

記事作成のお仕事、大丈夫かな(-。-;

こんばんわ。

PCの調子が悪くてiPadで1本指打法でブログ更新してるひーさんです。

iPadってネット見るにはいいけど、作業するにはやっぱり向いてないですよね(-_-)


昨日請け負った記事作成のお仕事は無事提出しましたが、、、

今日の夕方になってランサーズの画面上お仕事スタートになってないことに気づきました。。。

お仕事させてるんだからお仕事スタートボタン早く押してよね(♯`∧´)

そこを確認しないまま仕事を始めた私のミスなんですけど、お金くれるの??

そことっても重要!!

先方から、スカイプで面接しますってメールもらったけど、記事作成が一次審査じゃないよね(-_-)

丸一日かかっちゃったよ、記事書くのにって言ってる人に、一次審査通過です(^o^)/

ってそりゃあないわ( ̄Д ̄)ノ

お金くれなかったら今後の仕事もお断りだからね!!

と自分のミスを棚に上げて怒っております。

メールにもきちんと「報酬頂けるんですか?」って書きましたけどね 笑

うやむやにしてると、自分が損するので、みなさんもこういう時はハッキリ聞きましょうね(^o^)

仕事でも恋愛でもですねえ。

恋愛に関してはブロ友のみなさんのほとんどが結構な大人 笑

なので問題ないと思いますが(≧∇≦)

受ける側が弱い立場ではありません。毅然とした態度が必要です(♯`∧´)

1500文字も話を膨らますのは大変なんだぞ!ってことで。

明日のスカイプ面接、PC直らなかったらピンチだよ、、、ってことに今更焦る(-。-;


続きを読む
Category: 未分類 Comments (3)
2014.12.22 Mon

ランサーズの記事作成のお仕事入りました〜(^o^)

おはようございます(^o^)

昨日は賭けに出てしまいました。。。

ランサーズの記事作成のお仕事に応募したら、他に応募者なくて選ばれました(≧∇≦)

相手が指定するキーワードで1500文字。。。1日最低でも1記事。。。

大丈夫だろうか??でも、追い込まれないとやらない私には丁度いいかも。

自分の知らない分野に強くなるチャンス!!

さっそく後悔しております(-。-; ストレスで軽く胃がもたれてます。。。

今回のお題が、吉野 桜 ということでした。。。。

吉野ってどこよ??京都?? アホ丸出しでした。奈良県でした。。。

予備知識無しでの1500文字キツイ(-。-; 本業もあって思うように書けない。。。

ってブログ更新してる暇があるなら書けよってかんじですけど、このストレスを

このブログで吐き出しております(-_-)

ちなみに今日の記事でちょうど100記事になりました〜(^o^)

いやー、あっという間でしたね。みなさんの訪問アンドコメントのおかげです(^o^)/

ありがとうございます(^o^)/

記事作成に慣れるまでは、どないしよーーー!!的なブログになりますが、今後ともよろしくお願いします(≧∇≦)



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓



続きを読む
Category: 副業奮闘記 Comments (7)
2014.12.19 Fri

ワードプレスのフォントを変更する方法(^o^)/

おはようございます(^o^)

またしても職場からです。。。雪のためかお客様が少ないです(-。-;

今日は忘れ去られていたワードプレスです。

ワードプレスどうなったんですか?なんてコメントもいただき、そうだよなあと思いまして(。-_-。)

久しぶりに開きすぎてどこからログインするのか分からなくなってました。。

こういうときでもすぐ調べられるのがネットのいいところですよね(^o^)

アカウント.ドメイン/wp-adminでした。。。

言われてもそっかー!!ってならないくらいだから、相当忘れてる。。。(;´Д`)

私の場合は http://illustrator989.raindrop.jp/wp-admin でした。

今日は、ずっと気になっていたフォントの変更です。これが変更前のフォントです。。。

word press

フォントがイヤすぎる(-。-; 読みづらいし(-。-; タイトルと本文のフォントが統一されてないし(-。-;

ここから具体的な変更方法です(*´▽`*)

ダッシュボード→外観→テーマの編集

テンプレ編集

テーマの編集って言うから分かりづらいのよねえ。。。テンプレートの編集って言ってくれないかしら??

開くとCSS編集画面になります。

css2.png

画面トップがこのようになってますか??テンプレートの名前+スタイルシート(style.css)。

なってない人は画面右端一番下の

css_201412211350071b2.png

ここをクリックすればCSS編集画面になります。

画面にたくさん英語が並んでますけどじんましん出てないですか??笑

ctrlキー + fキーを同時に押すと、画面右上に検索バーが出てきます。

検索

ここにfont-family と入力してください。font-family はフォントつまり書体を意味します。

入力してエンターを押すと、私の場合は1/5と隣にでてますね。訂正箇所が5か所あるってことです。

フォント

オレンジ色になっているので見つけるのは簡単です。


font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;



上記を訂正箇所すべてにコピペしてみてください。で、画面下にあるファイルを更新をクリック。

もう一度サイトを表示させてみると、

word press2

フォントが変わってます(*´▽`*) ちょっと字が太い気もするけど。。。まあ読みやすくてよいんじゃないでしょうか。

ワードプレスってPHP(プログラム言語)のお勉強もしないといけないの??なんて思ってましたがそんなことはないみたいです。

知らないより知ってたほうがいいけど、知らなくても今のところ問題なしです(^o^)

PHPより、むしろHTMLとCSSのお勉強が必要です。ホームページ作成講座でちょろっと触れた分です。

ワードプレスはHTMLやCSSを知らない人でも簡単に更新できるなんて言われてるけど、

それはちょっと無理があるなあというのが私の感想です。

深く知る必要はなさそうですが、基礎的な勉強は必要になってきます。まあ、何をするにしてもそうですが。

このFC2ブログもそうですけど、始めるのは簡単。

始めて少しすると、分からないことがいっぱい出てきます。

Googleに登録したり、Ping送信したり。何それ?って初めは思いました。

それをひとつづつクリアしていって今があります。

ワードプレスもそんな感じです。自分が成長するには少しのストレスも必要かな?

それを楽しめたら最高ですね(≧∇≦)



ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓



続きを読む
Category: ワードプレス Comments (9) Trackbacks (0)
2014.12.18 Thu

ホームページにリンク先ページを追加してみる(*´▽`*)

おはようございます(*´▽`*)

今日はリンク先のページを作成します。

細かなところの意味が分からなくても大丈夫。ですが、今何をやっているのか分からない人はちゃんと把握しときましょうね。

今日はホームページに新しくページを追加します。

で、ナビゲーションボタンを押すとそのページに行けるようにします。大丈夫ですか??

今日は、ナビゲーションの一番右のボタン「イラスト」のページを作ります。

ホームページ第一号2

メイン枠の文章を消してイラストを入れる。他のところはそのままで行きます。

文章は、、、そう、HTMLです。index.htmlファイルを開いてください。

ファイル→名前をつけて保存。ファイル名はillust.html にしておきます。

html.png

赤枠部分を削除して、イラストを入れます。

今回は適当にあなたの持っている画像3つを使ってください。

イラスト(画像)は全てimgフォルダに入れましょう。

ツール→画像の挿入 で3つの画像を入れます。画像の横幅widthの数値を全部同じにしておきましょう。

その下に説明文を適当に入れます。

説明文は<p> ここに説明文をいれる</p> こんな感じで。ちなみに p で囲まれたところが一段落になります。

html_20141218154753bdf.png

先ほど削除したところが、今はこうなってます。イラスト・文章は自由ですよ。

画像にかならずalt="画像説明文"を追加してくださいね。

ファイル→上書き保存 したらどうなってるかみてみましょう(*´▽`*)

ツール→ブラウザでプレビューすると。。。

illust.png

ちゃんと変更されてますか??OKなら ファイル→上書き保存してください。

ページができたので、あとはイラストボタンを押すと今作ったページに移動するように設定します。

index.htmlファイルを開いて下図の赤枠を削除してください。

nav.png

ツール→リンクの挿入で illust ファイルを開きます。</a>の前にイラストと入力。

nav_20141218172656cca.png

このようになったと思います。ファイル→上書き保存してください。

ツール→ブラウザでプレビューにして、イラストボタンをクリックしてみてください。。。

イラストページに切り替わりましたか?? できたら大成功です(*´▽`*)

今度はホームのボタンをクリックしてみてください。。。

何も変化ないですね。。。ホーム=トップページ(index.html)になるので今度はこの設定をしましょう。

先ほどと同じ要領で、ホームの行の<a href~</a>を削除します。

ツール→リンクの挿入で index.htmlファイルを開きます。</a>の前にホームと入力。

ファイル→上書き保存してください。

nav_2014121820122997a.png

赤枠部分をコピーして、illustファイルの同じところにコピーして上書き保存します。

ツール→ブラウザでプレビュー でイラストボタンクリックするとillustページに移動。

ホームボタンをクリックすると indexページに移動しましたか??できたら大成功です(*´▽`*)

ホームページはこんな感じで作っていくというのが分かってもらえると嬉しいです(*´▽`*)

細かなタグ(鋭いかっこのこと)の説明はまた今度にします。待てない人はネットで調べるとすぐ分かりますよ。

意味は分からなくてもできちゃった講座になりましたけど、初めはそれでいいと思います。

私が過去にホームページ作成で挫折した理由は、タグを覚えたり装飾にこだわったりしたことです。

すると、やることが膨大になってホームページの完成までに心が折れるんですね(;´Д`)

初心者ほど、完成することにこだわってください。で、それが出来てから細かなことにこだわってください。

同じことを5、6回繰り返すと意味が分かってきます。何のために今この作業をしてるかが分かってきます。

なので、今回のホームページ作成講座を最低でも2回繰り返してみてください。

次にタグの説明や装飾の説明をされたときもすっと入ってくると思います(*´▽`*)

もし分からないことがあればコメントくださいm(__)m

私も早く副業できるレベルにまで持っていきたいです(*´▽`*) 

その前に写真の切り抜きできるように練習しないと。。焦。。。




ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓



続きを読む
Category: 未分類 Comments (5) Trackbacks (0)

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