イベント告知く君から始めてみようと・・・

Question

完全に初歩的な質問で恐縮です。
EC運営（本店・楽天・ヤフー）をして数年が経つのですが、システムやWEB構築に関して素人の私一人で運営しております。
過去の立ち上げ時や、リニューアル時は都度制作会社へ外注依頼して運営している為、日常的にページの更新などがまったくできていません。
さすがにこのままではいけないと思っているのですが、こちらのサービスに入会していろいろなツールがあるにも関わらず、まったく活用できておりません。
自店のECサイトが「楽天GOLD」「ヤフートリプル」を利用してページ構築されているのか？を知るにはどうしたら分かるのでしょうか？
ややこしいCSSやHTMLを駆使して構築されているのならちょっとした事でも自分でカスタマイズするのは不可能なのか？困っているところです・・・。
何から手を付ければ良いのか・・・。

念のため、自店のECサイトを貼り付けておきます。
ご教授よろしくお願い致します。

https://www.rakuten.co.jp/alk-lifenext/?force-site=pc
https://store.shopping.yahoo.co.jp/alk-lifenext/

Answer

ECマスターズの田中です。

> 自店のECサイトが「楽天GOLD」「ヤフートリプル」を利用してページ構築されているのか？を知るにはどうしたら分かるのでしょうか？

一番簡単な方法として、
「楽天GOLD」「Yahoo!トリプル」のURLが
ページ内に含まれるかどうか、検索していただく方法がございます。

「楽天GOLD」に設置されているファイルのURL（インターネット上の住所）は
https://www.rakuten.ne.jp/gold/
「Yahoo!トリプル」用のURLは
https://shopping.geocities.jp/
で始まります。

ページを閲覧している時、
空白部分を右クリックして「ソース」をご覧いただくことで、
そのページがどのような文字で作成されているのかがわかるのですが、
その中に上記URLが含まれていなければ、
「楽天GOLD」「Yahoo!トリプル」で作成された部分は無い、ということになります。

実際に、アルクさんがお持ちのショップ・ストアの
トップページ、および商品ページ１つにて確認したところ、
「楽天GOLD」「Yahoo!トリプル」で作成された様子はありませんでした。

そのため、アルクさんがお持ちのショップ・ストアを編集される際は、
RMSおよびストアクリエイターProの中で
編集していただく形になります。

題名のとおり、イベント告知君の挿入からお試しいただく場合は、
まずは
https://manual.ec-masters.net/index.php?ecm-tools-manual-eventR
マニュアルの内容に沿ってタグを作成していただき、

RMSメインメニュー
→店舗設定
→2 デザイン設定
→ヘッダー・フッター・レフトナビ
→編集
→ヘッダーコンテンツ

の末尾に挿入していただいた上で、
どこにイベント告知君が表示されるか、
ご確認いただきますようお願いします。

それをきっかけとして、
楽天ショップのどの部分が、RMSのどの部分に対応しているか、
編集するとどのように変わるのか、
Yahoo!ストアクリエイターProなどではどうか、など、
１つずつ仕組みを把握していただければ幸いです。
その上で不明な点がございましたら、改めてフォーラムにてご相談願います。

どうしてもカスタマイズが難しい場合は、
外部ツールを利用して、
HTMLを直接記載せずにページ作りを行うこともできますので、
どの程度カスタマイズされることをご希望かを整理した上で、
ご利用をご検討いただければ幸いです。

Answer

田中様
とても丁寧なご回答をありがとうございました。
GOLDやトリプルを使用しているかどうかの判断は分かりやすく理解できました。
ですのである程度は自力でカスタマイズができればと思い、イベント告知君の設定をマニュアルの通りチャレンジしてみたのですが、どうしてもページが崩れてしまいました。

イベント告知君をセンターにしたいのと、その下のメインコンテンツが右にズレてしまいます。

ズレてしまうページをキャプチャに取って添付しておきますので、何が原因か分かりますでしょうか？###HR######IMG05f291311a3671ed6494fbd06bc99e53d.jpegIMG0######BR###

Answer

連続投稿で失礼します。

先ほどの質問以降で修正をしていたのですが、トップの最上部のロゴ画像よりも上に置けばセンターに合わせる事もでき、以下のコンテンツも崩れる事はありませんでした。
スタイルシートとHTML記述の知識的な部分かと思いますが・・・。

またいろいろと触りながら学んでみようと思いますが、最初の回答にありました、外部ツールでHTMLを直接記載しない方法とはどういう事でしょうか？
DWなどを使うと言う事ですか？

Answer

スマホにも設置したのですが、かなり下の方に表示されています。

これはこんなもんなのでしょうか？

Answer

ECマスターズの田中です。

無事、表示崩れが直って何よりです。
実際に崩れた状態を確認できないと、原因の追求ができませんので、
ご案内を差し控えさせていただきます。

> 最初の回答にありました、外部ツールでHTMLを直接記載しない方法とはどういう事でしょうか？
> DWなどを使うと言う事ですか？

Dreamweaverや、
https://www.intecrece.co.jp/ecm/master10.html
上記、ECステーションのセレクトプレミアム１０に含まれる
「ページクリエイター」のように、
見た目を編集してHTMLタグを出力するようなツールを使うのも
一つの方法ですが、

compass(コンパス) for 楽天市場
https://service.rms.rakuten.co.jp/product/0008-0015/1/
Biiino（ビーノ）for 楽天市場
https://service.rms.rakuten.co.jp/product/0017-0003/1/

のような、
ページ全体をテンプレートで作り変えて
管理するツールをご利用いただく方法もございます。

HTMLの記入に手間取って貴重な時間を取られてしまうよりは、
ツールに任せて、その他の業務に時間を割くのも
ショップ運営において有効となりますので、
どの程度自力で習得・編集されるべきか、
ご検討いただければ幸いです。

> スマホにも設置したのですが、かなり下の方に表示されています。
> これはこんなもんなのでしょうか？

はい、商品ページ共通説明文の位置が、
ご覧いただいたとおりページの下に配置されている
仕様となっております。
RMSのバグを利用して、上に移動させることも可能です（JavaScriptの記述が必要です）。

Answer

田中様
ご回答ありがとうございました。
初心者の質問に対して丁寧親切に回答をしていただき、大変分かりやすく助かりました。
ありがとうございました。