稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方 稼ぐ為の集客方法

最低限覚えておけば副業で使える簡単なソースコード

投稿日:2012年7月7日 更新日:

副業だけでなく、ブログなどでも見栄えをいじる時にちょっと覚えておけば簡単な修正だけでなく、カスタマイズも可能になります。

はじめに

インターネットを使って副業をする際に覚えておくと便利なソースコードをご紹介いたします。ちょっとしたカスタマイズを可能にしますので覚えておきましょう。

もくじ

  1. htmlで良く使うソースコード
  2. cssを直接書き込む方法
  3. cssで良く使うコード
  4. さいごに

注意事項

ソースコードは打ち間違いがあると表示が崩れるので、かならずバックアップをとりながら制作して下さい

htmlで良く使うソースコード

最低限これだけは覚えておきましょう

文章の段落

まずは、文章の段落を分ける時に使うタグです。

私は副業で儲けます。

話変わりますが今日は雨ですね。

これをソースコードで見ると

<p>私は副業で儲けます。</p>
<p>話変わりますが今日は雨ですね。</p>

リスト表示

次にスペックなどの項目をリストアップする時に使います。

  • 銀行振り込み
  • クレジットカード払い
  • 代金引換

cssにもよりますが、テキストの前印が付きます。これをソースコードにすると

<ul>
	<li>銀行振り込み</li>
	<li>クレジットカード払い</li>
	<li>代金引換</li>
</ul>

リストの順番

今度はリストに順位がある場合のソースコードです。

  1. 商品の確認
  2. カートに入れる
  3. お支払

テキストの前に順番を表す数字が出ます。これをソースコードにすると

<ol>
	<li>商品の確認</li>
	<li>カートに入れる</li>
	<li>お支払</li>
</ol>

改行したい場合

テキストを改行する時に使うコードです。

美味しいパスタが食べたい
気分です。

デザインにも使える、改行を使用する場合のソースコードは

美味しいパスタが食べたい<br />
気分です。

cssを直接書き込む方法

htmlを装飾するのを直接書き込んでみよう

cssは先ほどのhtmlを装飾します。例えば、文字を太くししたり、色を変えたり、大きくしたりする事で強調する事が可能です。

<p style=”ここに装飾内容を入れます。”>

では、次によく使う装飾の例をご紹介いたします。

cssで良く使うコード

キャッチフレーズなどの強調に使えます。

文字の大きさを変える

これが通常の文字の大きさです。

これが大きくした文字の大きさです。

文字の大きさを大きくしました。これをソースコードにすると

<p>これが通常の文字の大きさです。</p>
<p style="font-size: 20px;">これが大きくした文字の大きさです。</p>

文字の色を変える

これが通常の文字の色です。

これが赤くした文字の色です。

文字を赤くしました。これをソースコードにすると

<p>これが通常の文字の色です。</p>
<p style="color: #fe0000;">これが赤くした文字の色です。</p>

組み合わせる

これが通常の文章です。

文字を大きく、太く赤くしました。

先ほどの三つを組み合わせました。これをソースコードにすると

<p>これが通常の文字の色です。</p>
<p style="font-size: 20px; font-weight: bold; color: #fe0000;">これが赤くした文字の色です。</p>

さいごに

htmlやcssに関して、最低限覚えておけばECサイトのコンテンツ内容や説明文などで検索エンジン上メリットが大きいので、テクニックの一つとして少しでも覚えておくようにしましょう。

-副業で稼ぐ仕組みの作り方, 稼ぐ為の集客方法
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WP-Membersのインストールと設定方法

ワードプレスを使った会員制サイトを作るならWP-Membersと言うプラグインがあれば非常に簡単に制作する事が出来ます。 関連記事: ワードプレスでメルマガが使えるSubscribe2 会員制サイトが …

ワードプレスで記事の投稿数を表示させる方法

ワードプレスで全○記事とブログ記事の投稿数を表示させる事が出来る方法をご紹介いたします。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 カスタムフィールドを使って計算 Wo …

ECCUBE2系から4系移行時に出たNP後払い関連のエラー

前回のエラーからさらにもう一つシステムエラーが出ました。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 ワー …

[2020年]百度baiduアカウントを日本から作る方法

百度Baiduアカウントが日本で作れないと言う情弱の皆さんのために日本でも簡単に作る方法をご紹介いたします。 関連記事: SMS認証突破アプリtextPlusの設定方法 エックスサーバーからさくらサー …

ワードプレスをアップデートしたらログイン出来なくなった人へ

ワードプレスのアップデートが原因でログインできなくなった人へ 関連記事: 会員制サイトが作れるWP-Membersの使い方【ワードプレス】 カスタムフィールドで画像を出力する時のヒント【ワードプレス】 …