忍者ブログ
moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。
[9]  [8]  [7]  [6]  [5]  [4]  [3]  [2]  [1

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

商品ページで、フォントの大きさや色を変える

こんにちは、toshihiroです。

moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のABCを知らなくてもショップが作れます。

超できすぎくんの商品登録一覧からPCの欄の作成のボタンをクリックすると商品のページ(以後、販売ページ)になります。
もし、中断をした場合は、ショップを運営するタグから超できすぎくんをクリックします。
超できすぎくんの編集のitemeditをクリックします。(今は、PCをクリックします)
これで、超できすぎくんの商品登録一覧のページになります。
ページのタイトルに商品名が入っています。
キーワードも設定されています。これは、後で変更します。(後日解説します。)
ディスクリプションもあらかじめ設定されています。(これについても、後日解説します。)

ヘッダの画像とタイトルの文字の大きさをととのえましょう。




画像の左上にあるボタンheader-imageをクリックすると背景の画像の一覧が別ウインドウに表示されます。ウインドウ下の左側が前に、右側が次に、右上部に閉じるの表示があります。気に入った画像をクリックすると画像が変更出来ます。

文字そろえを左寄せ左寄せ、右寄せ右寄せ、中央寄せ中央寄せから選べます。
その次にある文字色ボタンで色の変更ができます。開いたカラーパレットパレットから選んだ色が適用されます。

その右にあるボタン文字を小さくで文字を小さく、一番右にあるボタン文字を大きくで文字を大きくできます。

ここからが、本日の本題です。
キャッチコピー・商品のおすすめ・自由テキストなどで文字の大きさを変更する方法です。
<font size="X"> Xに数字を入れます。1~7までの数字で、数が大きいほど大きくなります。
フォントサイズ1
フォントサイズ2
フォントサイズ3
フォントサイズ4
フォントサイズ5
フォントサイズ5
フォントサイズ6
フォントサイズ7
この他、-2~+4までの符号つき数字で表すこともできます。
フォントサイズ-2
フォントサイズ-1
フォントサイズ標準サイズ(上記フォントサイズ3と同じ)

フォントサイズ+1
フォントサイズ+2
フォントサイズ+3
フォントサイズ+4
この場合は、標準サイズ3を中心に大きさを指定します。
<big> と <small>も大きさを変更出来ます。
文字サイズbig
標準サイズ
文字サイズsmall

<font color="#XXXXXX"> XXXXXXは、2桁で00~FFまでの数値アルファベットが入ります。
基本的な色「silver・black・gray・white・maroon・red・purple・fuchsia・green・lime・olive・yellow・navy・blue・teal・aqua」については、そのまま指定することができます。
この場合は、<font color="red">の様に指定できます。
カラーコードについては、一覧表になっているページがあります。そのページをご紹介します。
カラーパレット~カラーコード一覧表~
URL:http://color.tanemori.com/
カラーについては、ご自身でお試し下さい。

次回は、商品ページで、フォントの大きさや色を変える(2)で、実際の使い方を解説します。

拍手[0回]

PR

お名前
タイトル
文字色
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
非公開コメント
この記事にトラックバックする:
カレンダー
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
フリーエリア

超できすぎ君を使いこなしているショップです。
とても参考になる素敵なショップです。
私のブログと合わせてご参考にしてください。



最新トラックバック
プロフィール
HN:
toshihiro
性別:
男性
バーコード
ブログ内検索
アクセス解析
カウンター

忍者ブログ [PR]

graphics by アンの小箱 * designed by Anne