ＲＭＳ上での　ＣＳＳの反映方法について

Question

いつもお世話になっております。
商品ページ上で　ごく簡単なタグを使っての　テキストまじりの商品説明が作れるように
なりたいです。

フォーラムやデザインレシピ上には　気の利いたアイテムの実現方法が載っていますが
ゴールドページへの　ファイルのアップロードとリンク設定を前提にされているようですし
デザインレシピ上のタグやその構文の解説については　テキストエディター（MERRYなど）の
使用によって　ファイルとして　ＨＴＭＬやＣＳＳファイルを生成することを前提に
解説されているかと思われます。

テキストをタグで囲めば　商品説明欄に直接入力でも　ファイルとしての体裁でなくとも
ＨＴＭＬタグとして　一応は認識されるわけなのですが　表現の幅が狭く　見にくく感じます。

STYLEタグ　を続けて列記すれば　ＣＳＳの記述として　認識されそうですが
スマホが　STYLEタグに対応してないとのことで　バグを利用した記述方法が提示されています。

開店当時数か月コンパスさんを利用させてもらってました。
その際　HTMLタグによる画像表示などは　商品説明文に　それとは別に
各コラムごとに　フォントや文字修飾については　販売説明文に記述がまとめてあり
おそらくは　今思い起こせば　あれが　ＣＳＳの記述ではなかったかと思うのですが
当時は構文もさっぱり意味不明でしたが　構文が可視できるので　わかりやすい記述なのだろうと
思ってました。恐らくは　スマホの商品説明文も　単純にコピペで作成され　バグを利用した
凝った仕組みではなかったように　記憶しています。

お伺いしたい内容としては
１．ＣＳＳを　ファイルとしてではなく　タグの列記で記述してもいいのでしょうか。
何らかの記述構文で　ＣＳＳの記述を　販売説明文に記述することは　できますか。
２．スマホの商品説明文については　販売説明文にＣＳＳの記述が　仮に可能だったとしても
やはり　デザインレシピにあるとおり　バグを利用しての記述が必須となるのでしょうか。
ということです。

反映の検証ということで　フォーラム上では
変更したい任意の商品ページの　コピーを作成し　サーチ非表示の設定をかけることで
安心して　変更状態を確認できますといった記述がありました。
また　ページ更新は　頻度の高いヘッダーフッターレフトナビから始められたらとありましたので
上記ページをつくったうえで　商品ページ下部にある　商品ページレイアウト変更にはいり
デザイン設定のヘッダーフッターレフトナビで作った　変更テンプレートを指定して
確認しようと予定しております。

３．よく視聴動画のさいに　「テストページ」という用語がでてきますが
上記のような変更確認用のぺーじのことなのでしょうか？

お尋ねの前提として　現状をお伝えさせてもらいます。
看板等は　出店時ショップアドバイザーさんにつくっていただいたまま。楽天ペイ移行時も
スケッチページ担当者の方に　ゼロから作成してもらい　作成中途で　分からなくなったり
タグが崩れて　公開中のページが見れなく（以前数回あり）なると　他の仕事が手につかなくなり
困るので　手を出していませんでした。

バナーをはったり　リンク設定はどうにかできるのですが　段組みとか　並行配列もできませんし
クーポン発行自体意味不明　カテゴリも大方は　その他　に回った状態。送料無料もどちらかというと
設定自体わからなすぎて　講座をみるうち断念したというのが　実情です。
画像も　画像と文字を映像に埋め込んだものをアップするのがせいいっぱい。しかも遅い。
ECCさんいわく　何が言いたいのか　いろいろあって伝わらない　そうです。

このように書くと「テンプレートでいいじゃないの」と声が聞こえそうですが
それこそがガンで　基本的なＲＭＳ仕様の理解が　当初安直なツールで作成したために
ずいぶん遅れ　一般的に　ツールのクセになれるには　自分でやるくらいの労力がいるわけで
基本的なことがわかったうえで利用する分には便利かもしれませんが　なにもわからず
ツールに丸投げという姿勢は　広告依存同様　どうかとおもいます。

デザインレシピやフォーラムをみせて頂くうちに　きいてわかるものでなく
相当試行錯誤のいる作業なのが　よくわかりました。

趣味になるほどはまり込むのも　本末転倒と思いますが　少しずつでも
わかりやすい表記に改善すること自体　大いに満足感の広がることと思います。

ハードルが低い方がつまづきにくいと思いますので
ゴールドページや　転送ツール　テキストエディタの　導入以前で改善できることとして
お伺いしました。

散々　視聴動画や　フォーラムにての直接指摘　清水さんに直接お伺いした質問についても
ページ上に何も反映できてない。今後どれほど的確な指摘をいただいたとしても
表現技術がとことんない現状では　何も変わらない。公開コンサルタントで登場された
方のサイトを　しばらくあとに見た際　きっちり修正してあって驚きました。

グラフィックソフトでイメージを作るならともかく
商品ページ上の改修は　表現技術に裏打ちされなければ　何も起こらないわけですから
すこしずつでも　お客さんの要望に沿う形で　記述をひろげていきたいです。

ご迷惑な長文ですが　今後の道筋になるべく　ご返答いただければと思います。
よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> テキストをタグで囲めば　商品説明欄に直接入力でも　ファイルとしての体裁でなくとも
> ＨＴＭＬタグとして　一応は認識されるわけなのですが　表現の幅が狭く　見にくく感じます。

デザインページ内で、
どのタグがどの意味を持っているかや
アレンジ方法などを
解説するとなりますと
ページが膨大となっていまいますので
詳しくない方でも、コピペで対応できるように
記述しております。

HTML、CSSの基本的な使い方は

HTMLタグ解説
https://club.ec-masters.net/index.php?design_tags

CSS解説
https://club.ec-masters.net/index.php?design_css

にて、解説しておりますので、
よろしければご覧くださいませ。


> １．ＣＳＳを　ファイルとしてではなく　タグの列記で記述してもいいのでしょうか。
> 何らかの記述構文で　ＣＳＳの記述を　販売説明文に記述することは　できますか。

記述可能となっております。

3：CSSの読み込み方
■を使う
https://club.ec-masters.net/index.php?design_css#s7ce920a

にて、記述方法をご確認くださいませ。


>２．スマホの商品説明文については　販売説明文にＣＳＳの記述が　仮に可能だったとしても
やはり　デザインレシピにあるとおり　バグを利用しての記述が必須となるのでしょうか。
ということです。

スマホでは、CSSの記述が禁止されているため
バグを利用してただく必要がございます。

バグをご利用いただかないと
販売説明文などに記述の際

許可されないHTMLタグ "style" が入力されています。

といったエラーが表示され
登録いただくことができません。

そのため、

といった記述で、タグとして
認識されなくなるバグを、
使用していただく必要がございます。


> ３．よく視聴動画のさいに　「テストページ」という用語がでてきますが
> 上記のような変更確認用のぺーじのことなのでしょうか？

どのような流れでの「テストページ」の
話かによりますが、
デザインや、他人に見られたくないページの確認
の流れでの「テストページ」であれば
頂いた方法で問題ございません。


> スケッチページ担当者の方に　ゼロから作成してもらい　作成中途で　分からなくなったり
> タグが崩れて　公開中のページが見れなく（以前数回あり）なると　他の仕事が手につかなくなり
> 困るので　手を出していませんでした。

こちらですが、編集される前に
かならずバックアップをお願いいたします。

例えば、商品説明文を編集されるのであれば
修正前に、内容をすべてコピーし
メモ帳などに貼り付けてて、保存しておきます。

編集前の状態を保存してけば、
万が一崩れてしまった場合でも
すぐに元の状態に戻していただくことができます。


> デザインレシピやフォーラムをみせて頂くうちに　きいてわかるものでなく
> 相当試行錯誤のいる作業なのが　よくわかりました。

そうですね、外国語を勉強するようなものですので
「理解して、かけるようになる」を
目標とされる場合は、かなり大変かと思います。

また、勉強方法も同じで
HTMLタグを詰め込むよりも
実際に経験する中で、覚えていただくほうが
よろしいかと思います。

もし、
こういうことをりたいけど、やり方がわからない
ということがあれば
フォーラムにて、ご質問くださいませ。

Answer

順番に かつ 確実に 答えていただき ありがとうございました。

ＲＭＳ上での ＣＳＳの反映方法について

ＲＭＳ上での　ＣＳＳの反映方法について