2011年6月17日金曜日

★リアル★テンプレートに画像を登録する。

Q.テンプレート内に自分で作成した画像を登録したいのですが具体的
 にはどうすればいいの?

MIZU君DX.

画像の差し込みは中級テクニックよ。でも難しく考えないで。HTMLが
 分からなくても決まった方法でカンタンに登録できるようになるから。

 今日は簡単な登録方法を特別に教えちゃうわ。

 まず自分で画像を用意してもらう必要があるわよね。つくり方は割愛
 させてもらうわよ。adoveの画像作成ソフトが有名だけれど、無料の
 画像作成ソフトも検索すれば出てくるわ。作成した画像は拡張子を
 「JPEG」か「GIF」で自分のパソコンに保存しておくのよ。

 次は保存した画像をリアルドロップシッピングにアップするわよ。

 まず【DS-Store】>ショップ構築直下【カスタマイズ】>【レイアウト詳細】
 を開いてね。 ページ下に【画像WebFTP】ボタンがあるからクリックして
 ちょうだい。

 別画面で画像管理WebFTPが開いたでしょ。【ファイルをアップロードする】
 をクリックして、参照ボタンで先ほど保存した作成画像を呼び出すのよ。
 出来たら【OK】ボタンを押して終了。画像管理WebFTP画面は閉じても
 いいわよ。画像がたくさんある場合はまとめて登録しちゃいましょ。

 それではショップへの画像登録を始めるわよ。

 同じく【レイアウト詳細】内で画像を挿入したい好きな場所を選んで
 【デザインタグ設定】をクリックしてちょうだい。

 画像を置きたい場所がグレイ表示の場合は上タブの【レイアウト設定】
 でパーツを表示に変更するのよ。

 デザインタグ設定を開いたら【テキスト入力画面】ではなく、【エディター
 入力画面】を開いてちょうだい。

 多分、HTMLの知識が無い方は画像の登録の仕方は分かっても、どこに
 登録すれば良いのか分からないんじゃないかしら。

 ここで裏技よ!!

 まずパソコンに保存した画像を一旦、ブラウザ上にドラッグ&ドロップして
 ちょうだい。要はパソコンに保存した画像を右クリックで掴んだまま、IEなど
 の開いたページに運んで右指を話せばいいのよ!

 画像がブラウザで表示されたのを確認したら、「Ctrl+A(全選択)」で選択
 して、「Ctrl+C(コピー)」でコピーしてね。

 さあ、下準備は整ったわよ。「エディター入力画面」に戻ったら、画像を差し
 込みたいところをクリックして、好きなところに「Ctrl+V(ペースト)」で貼り
 付けしてみて。

 えっ?画像が出ない?

 そうね、まだこの状態じゃ画像は反映されないわよ。ごめんなさい。

 最期にもうひとつ設定していただく必要があるわ。【テキスト入力画面】を
 クリックして今さっき画像を貼り付けた場所を見てちょうだい。画像名で
 探せば分かりやすいと思うわ。

   いるでしょ。画像名はそのままで良いんだけど、画像リンク名をリアルDS
 の名前に変更してあげてほしいの。

 つまり、リアルDSで使用するからには、さっきWebFTPにアップした画像を
 引っ張ってきてあげなければ表示されないの。

 画像リンク名はテキスト入力画面の上部に記載してあるわ。変更箇所は
 「src="この部分よ!!!!/画像ファイル名"」

 あとは変更しないように注意してね。入力後、【デザイン作成】ボタンを押し
 て、更新確定すればショップに反映されるわ。

 こうすれば、HTMLの知識がなくても好きな場所に画像を挿しこむことが
 できるでしょ。

 登録しているうちに、画像をどこに入れれば表示されるようになるか分か
 ってくるようになるわよ。

 もちろん、設定する前のHTMLを取っておくことは忘れないように。
 ではお試しあれ~♪

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■RDSテンプレート画像修正のお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

 ご好評頂いております、下記DSショップ専用テンプレート
 【頑張ろうニッポン】内にて、一部画像修正を行いました。

 3月に設立しましたボランティア基金「売上1%寄付」キャンペーン
 の終了にともない 文言の差替えおよび削除を行っております。

 新たにご利用の場合はそのままお使いいただけますが、
 以前よりご利用の店長様に付きましては、お手数では
 ございますが修正対応をお願い申し上げます。

 ショップテンプレートのカスタマイズをご利用頂いてなければ、
 ショップ構築の再設定で画像の入れ替えが可能です。

 ご不明点がございましたら、当社までメールにてお問い合わせ
 ください。

 何卒よろしくお願いいたします。

0 件のコメント:

コメントを投稿