ビジネス 勉強堂

ビジネス書、お金に関する本、ネットビジネスの技術系の本や教材を紹介します。

*

できすぎくんで画像を横にキレイに並べる/もしもドロップシッピングで売上100万円を目指す講座

      2016/11/28

 こんにちは、神谷です。

画像のアップロード画面で横に並べようとしてもうまくいかない

 できすぎくんで画像を入力するときに、画像を横に並べたいときがありますよね。

 最初は、できすぎくんの機能で、「左、中央、右」と指定して並べようとします。

できすぎくん 画像入力画面

 でも、この方法でやると、今一つビジュアル的にうまく並んでくれない。

 ということで、画像をキレイに横に並べるテクニックをご紹介します。

キレイに画像を並べる

できすぎくんで画像をキレイに並べる01

 いかがでしょうか?

 時計3つがキレイに横に並んでいます。

 さらに、それぞれの時計の名前の画像の上にちゃんと表示されています。

 このテクニック結構簡単です。

 「table」

を使っているのです。

テーブルのソース

 では、テーブルのソースをそのまま載せますので、コピペして使ってください。

<center>
<table style=”text-align: center;” border=”0″ bordercolor=”#000000″>
<tbody>
<tr>
<td style=”text-align: center;”><a href=”リンク先アドレス”><font size=”5″>商品名</font></a></td>
<td style=”text-align: center;”><a href=”リンク先アドレス”><font size=”5″>商品名</font></a></td>
<td style=”text-align: center;”><a href=”リンク先アドレス”><font size=”5″>商品名</a></td>
</tr>
<tr>
<td style=”text-align: center;”><a href=”リンク先アドレス”><img src=”画像URL” alt=”フランク三浦 腕時計” width=”230″></a></td>
<td style=”text-align: center;”><a href=”リンク先アドレス”><img src=”画像URL” alt=”SMILEY(スマイリー)腕時計” width=”230″></a></td>
<td style=”text-align: center;”><a href=”リンク先アドレス”><img src=”画像URL” alt=”Lambretta(ランブレッタ)腕時計” width=”230″></a></td>
</tr>
</tbody>
</table>
</center>

※コピペすると「”」が全角の「”」になってしまうことがあります。ご注意を。

2行目の「border=”0″」の0が、テーブルの線を見えないようにしています。

しっかり線を出す

 テーブルの線をしっかり出したいときは、「border=”1″」とすれば、

でき好きくんで画像を並べる02

となります。

 外枠をもっとしっかり出したい場合は、「border=”3″」とすれば、

できすぎくんで画像を並べる03

となります。

 簡単でしょ。

 そのままコピーして、スグにも使えるコードです。

テーブルの応用

 縦の列を増やしたければ、<tr>タグを調整すればいいんです。

 そして、テーブルの線に色を付けたければ<bordercolor>タグを調整すればいい。

 テーブルのバックに色を付けたければ、<bgcolor>タグを調整すればいいんです。

 少しずつ勉強してみてください。

レスポンシブは大丈夫か?

 できすぎくんはスマホ対応してあるのですが、この手のテーブルはスマホで見ると形が崩れてしまう心配があるのです。

 しかし、このコードを使うとこんな風に見えます。

できすぎくんで画像を並べる04

 このように、画像がテーブルの線を消してはしまいますが、ちゃんと画像の大きさも縮小されて、商品を選ぶのには問題ありません。

 このテーブル便利ですよ。

最後に

 私が参加しているドロップシッピングのスクールは、いつもドロップシッピングに役に立つスキルを教え合っています。

 興味のある方はこちらからどうぞ。

やじるし

 もしもドロップシッピングで、稼ぎたいなら、稼ぐ方法を学ぶのが早道です。 研究生制度(ドロップシッピング3カ月集中講座)で、みっちり学んでみましょう。

 現在、私も研究生です。ここで学んでダイヤモンドランクになりました。

 申込み時に

 RLVG64C5

 を入力すると、受講料が割引になります。

 使ってくださいね!!

>>> 研究生制度(ドロップシッピング3カ月集中講座)

⇒ もしもドロップシッピング会員登録(登録無料)はこちらから

 - ドロップシッピング

Message

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

  関連記事

ダイヤモンド
2015年スタートダッシュでプラチナランク/もしもドロップシッピング

目次1 2015年1月のプラチナランクはひと味違った1.1 1年以上更新を続けて …

ブログ
ブログから集客する/もしもドロップシッピングで売上100万円を目指す講座

目次1 現在のドロップシッピングの集客方法の多くは、2 ショップのコンテンツにネ …

ひらめき
『ありがとうとお金の法則』 小林正観を読んで商人マインドを考えた

目次1  広告をクリックされたら2 後者のような対応の方が、お店の改善が楽しくな …

専門店で買い物
ショップの取扱商品を決める/もしもドロップシッピングで中規模から大規模ショップの作り方①

目次1 売上を伸ばすには、中大規模の専門店が必要2 専門店で取り扱う商品の種類を …

ヘッダーのショップタイトルを変更する – SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう 応用編

目次1  ヘッダーの文字を変える2 ヘッダー画像の編集画面まで3 SIRIUS( …

no image
どろっぷしっぴんぐ研究所 対面講座 2014年2月8日

目次1  SEOに迷いが・・・2  shop.moshimo.comの内部リンク …

スマートフォンをする女性
売りたい商品は写真くらいは販売ページに載せよう/もしもドロップシッピングで売上100万円を目指す講座

目次1 サムネイル画像はクリックされない2 商品の決算ページに画像を載せよう 3 …

考える女性
『あの繁盛サイトも「LPO」で稼いでる!』をもしもドロップシッピングをベースに紹介

目次1 ショップの購入率、回遊ページの少なさに悩む2 検索キーワードとコンテンツ …

注文メール
もしもドロップシッピングで「売る意志を持って売る」 

目次1  「本気で売る」で売った2  まずは、「本気で売る」の報告を3  売るた …

no image
もしもドロップシッピング ショップ運営入門講座 一日目 ショップ作りのコツ

おはようございます。神谷です。 宮川洋氏の「もしもドロップシッピング ショップ運 …