ショップカスタマイズの「デザインタグ設定」内を教えて！！

Q.ショップカスタマイズの「デザインタグ設定」内を教えて！！

MIZU君DX.

他ショップとの差別化を図るならデザインに少しでもオリジナリティ
　を持たせたほうが良いわね！

　ページデザインを変えれば内部SEO対策としても非常に有効よ！

　そんな時、簡単にページ内編集できるのが、相談にもあった
　ショップカスタマイズの【レイアウト詳細】内にある【デザインタグ
　設定】よ。

　開くとHTMLの記述ができる入力画面が２つ付いているわ。
　今日はHTMLって分かんな～い、という人のために、HTML
　を使用しなくてもデザイン編集ができる【エディター入力画面】を
　紹介するわよ。

　どこでも良いから【デザインタグ設定】を開き、中の【エディター
　入力画面】をクリックしなさい。

　文字列ではなく画面が表示されたわよね。（※ご利用ブラウザ
　によって画面が表示されない場合もあります。）
　【＄smarty～】という文字はリアルサーバから画像を直で読み
　込むための特殊コードだから気にしないでちょうだい。

　では、いよいよエディターの紹介よ。まず画像を大きく使用したい
　ので一番右端にある【エディタサイズを最大にします】という、アイ
　コンをクリックしてちょうだい。

　アイコンにカーソルを合わせると、文字が表示されるわよ。

　主要なアイコンを紹介すると、一番左上にある【ソース】はエディター
　入力画面を使いながらソース（HTML）を編集することができるわ。

　編集後に文字やリンクが正しく入力されているかをソースで確かめる
　ことができるわ。

　次に２列目の左端【太字】。文字をエディター入力画面に直接書き
　込んだ後、マウスで文字をなぞり【太字】ボタンを押すと、文字を
　太字に変えることができるようになるわよ。

　【太字＝BOLD】とも言って、文字を強調することができるのでSEO
　対策的にも効果があると言われているわ。しかし多用すると意味が
　ないそうよ。

　その隣は【斜体】文字をイタリック調に斜めにすることができるわ。
　さらにその隣は【下線】。同じく文字の強調用ね。その隣が【打ち消し】。
　値下がりした商品を案内する場合に元の定価を打ち消しして、値下げ
　価格を表示させれば効果的よ！

　少し飛ばして4個の【揃え】。文字や画像をエディターに入力した後、
　それらを選択してからアイコンを押せば【左・中央・右・両端】のいづれ
　かに寄せることができるわ。

　とにかく試してみれば分かるわよ。

　そして隣の【リンク挿入】。文字を入力後、選択して使えば文字にリンク
　を設置することができるわ。

　さらに右の【テーブル挿入】は好きな場所をクリックして使うことで、
　簡単にテーブルタグを入力することができるわ。

　テーブルを使えば、指定したサイズの枠通りにレイアウトを組むことが
　できるようになるわよ。

　商品広告ページの下なんかに別の商品を貼り付けたい場合は、商品
　の【どこでもカートタグ】を取得してテーブル内に設置することで、何個
　でも登録ができるようになるわ。

　利用価値の高いアイコンはこんなところかしらね。他には文字のサイズや
　フォントを変更するツールがあるわ。

　慣れれば面倒なタグ設定も不要になるから試してみなさいよ！