1年 ago
13778 Views

楽天スマホをオリジナルにカスタマイズする裏技

tips

楽天のスマホは、禁止タグが多くて、好きなようにカスタマイズできないのが欠点。
ですが、やはりPCのように固定バナーを入れたい!オリジナルのメニューを設置したい!って人のために、禁止タグを切り抜ける方法があります。

タグ内に13個の全角スペースを入れるまたは、(=””)をタグの後にいれるとスマホでもlinkやiframe,classなど使えなかったタグが使える様になります。閉じタグで入れる場合は半角でスペースを使用してください。

例えばリンクタグの場合…

<link rel="stylesheet" href="http://www.rakuten.ne.jp/gold/○○/sp.css"             >

固定バナーを入れたい場合…

<link rel="stylesheet" href="http://www.rakuten.ne.jp/gold/○○/sp.css"              >
<a href="#">
<img src="画像URL" class="sp_img"             ></a>

なんて簡単…
是非やってみてくださいな!

追記
ifarmeの記述を聞かれるので、載せておきます。■商品ページ 共通パーツ設定に記述すれば商品ページにて表示できます。

<iframe ="" src="URLを入れてください" scrolling="no" frameborder="0" id="IDの名前"></iframe            >
Article Tags:
· ·
Article Categories:
Gold · html&CSS · RMS · スマホ対応
12345 ( サイト評価: 3.50 out of 5)
Loading...

Comments to 楽天スマホをオリジナルにカスタマイズする裏技

  • これすごい裏技ですね!試してみます!

    aki 2015年9月25日 7:34 AM 返信
    • やってみてください!

      chee のプロフィール写真 chee 2015年10月26日 11:45 AM 返信
  • すごいですね。勉強になりました
    iframeの場合、どのような書き方になるのでしょうか?終了タグをつけるとエラーになり、
    外すと確認画面から先の登録ができない状態です。もしよろしければご教授ください。

    TORU 2015年11月4日 6:46 AM 返信
    • こちらで入れてみてください。<>は全角で入れてるので半角にして使ってください
      <iframe                   ="" src="URLを入れてください" scrolling="no" frameborder="0" id="sp"></iframe>

      chee のプロフィール写真 chee 2015年11月8日 12:35 AM 返信
      • 本記事について、大変勉強になります。どうもありがとうございます。
        iframeについて、同じくうまくいきません。
        また、TORU様へのアドバイスの通りやってみても、「HTMLタグの記述に誤りがあります」とメッセージが出て、うまくいきません。
        何卒ご教示頂ければ助かります。

        sekkin 2015年11月21日 2:13 AM 返信
        • RMSではどこに記述されてますか?

          chee のプロフィール写真 chee 2015年11月21日 10:53 AM 返信
          • 何箇所かで試しました。
            ・[カテゴリページ編集]の[スマートフォン用カテゴリ説明文]
            ・[スマートフォン用トップページ設定]の[トップ説明文(1)]と[トップ説明文(2)]
            ・[スマートフォン用カテゴリページ設定]の[カテゴリページ共通説明文]
            です。
            linkタグはうまくいってます。

            sekkin 2015年11月21日 3:55 PM
          • ■商品ページ 共通パーツ設定にて、スペースを入れるかiframeのあとに=””を入れて閉じたぐのiframeの後にスペースを入れて記述すればダイジョブだと思います

            chee のプロフィール写真 chee 2015年12月24日 12:35 AM
  • とても勉強になります。そこで早速つけてみたのですが、iframeは表示されるのですが、基本画像1が白くなります。何も表示されないような状態になってしまいます。どこか悪いのでしょうか?

    chi 2015年11月16日 11:09 AM 返信
    • 返事遅くなってすいません。
      追記の方法でやってみてください

      chee のプロフィール写真 chee 2015年12月24日 12:58 AM 返信
  • 私も同じく iframe がうまくいきません。 開始タグがありませんとなりエラーになります。
    記述の仕方を教えてください。

    hiro 2015年11月27日 5:15 PM 返信
    • 追記で説明を載せますね

      chee のプロフィール写真 chee 2015年12月24日 12:36 AM 返信
    • These pieces really set a standard in the insrdtuy.

      Destiny 2016年4月30日 12:06 AM 返信
  • 追記の説明ありがとうございます。 商品の共通説明文に入れたのですが、登録のボタンが表示されず 登録ができませんでした、、 なにか 策があるのでしょうか?

    hiro 2015年12月25日 11:03 AM 返信
    • こんにちは
      自分もコチラのサイトを参考にフレームを入れさせていただこうと思ったのですが、登録ボタンが表示されずに困っていました。
      ほかのIFRAMEを使ったサイトさんを参考に

      <iframe                   =”” src=”URL” frameborder=”ボーダー” id=”ID”></iframe            >
      【<は半角に直してください】
      で登録できました。

      横から失礼いたしました。

      もも 2015年12月31日 10:35 AM 返信
      • ありがとうございます。

        chee のプロフィール写真 chee 2016年1月5日 7:29 PM 返信
    • 返事が遅くなってすいません。
      閉じタグのスペースは半角で、<もコメント欄で全角でしか入れれなかったので半角に戻して使ってみてください。
      これで普通に登録は確認できておりますので、試してみてください

      chee のプロフィール写真 chee 2016年1月5日 7:28 PM 返信
  • ご連絡ありがとうございます。 うまく設置ができました。 

    hiro 2016年1月6日 10:01 AM 返信
    • I would like to consider the chance of saying thanks to you for your prseisofonal direction I have enjoyed viewing your site. I will be looking forward to the commencement of my school research and the complete preparation would never have been complete without surfing your blog. If I can be of any assistance to others, I’d personally be delighted to help by what I have learned from here.

      Lakiesha 2016年4月29日 11:45 PM 返信
  • 他の方と質問かぶりで申し訳ないですが、全てのコメントを読んでやってみましたが、どの方法も上手くいきません。
    iframeの開始タグがありません。や、登録ボタンが出てこなかったり。登録出来たとしてもページに表示されなかったりと。
    もう少し詳しく説明していただけますでしょうか。書いてある方法は全て試してます。

    nnn 2016年1月6日 3:56 PM 返信
  • 度々すいません。色々と半角スペースを変えてみたら成功しました。ありがとうございます。

    nnn 2016年1月6日 4:00 PM 返信
  • Pingback: 【楽天】禁止タグが使えるようになる裏技 | 102BOX

  • で確認画面へ進む→その後登録するボタンが出てきません・・・
    コメント通りに行っているつもりなのですが・・・( ノД`)シクシク…
    教えてください

    RISA 2016年1月13日 10:42 AM 返信
    • Your answer shows real inliltegence.

      Lavon 2016年4月30日 1:05 AM 返信
  • いつもとても便利な情報をありがとうございます!
    スマホTOPや商品ページで使わせていただいています。
    1点質問なのですが、RMSカテゴリー内の「スマートフォン用カテゴリ説明文」にインラインフレームを入れたいのですが、上記タグの入力はできるものの表示されません。ここはインラインフレームは入れられないものなのか、入れられるとしたらどのように書くべきなのか、ご存知でしたら教えていただけると幸いです。よろしくお願いします。

    naonao 2016年1月13日 11:21 AM 返信
  • 初心者からの質問です。
    スマホの商品ページのヘッダーを楽天デフォルトのものではなく
    オリジナルにしたいと思っていますが
    上記の記述をRMSのスマホの商品共通パーツ設定部分に書くだけではできないですよね?
    解決策があれば教えていただけないでしょうか?

    rozetta 2016年2月1日 2:50 PM 返信
  • いつもありがとうございます!
    NAONAOさんの設問と同じです。
    RMSカテゴリー内の「スマートフォン用カテゴリ説明文」に表示されません。
    ご存知でしたら教えていただけると幸いです。よろしくお願いします。

    WANSON 2016年2月9日 1:06 PM 返信
  • 上記分、とても簡単にできそうなので、tryしましたが、わからない箇所は<link rel="stylesheet" href="http://www.rakuten.ne.jp/gold/○○/sp.css" のsp.cssです。
    cssは自分で作成したものを使用するのでしょうか?初歩的な事だと思いますが、回答頂けましたら幸いです。

    chikoko 2016年3月17日 3:03 PM 返信
  • お世話になっております。
    大変貴重な記事ありがとうございます。

    商品ページにて無事登録できたのですが、いざブラウザ上で確認すると、登録した通りに吐き出されているため、iframeの中身が正しく出力されません。

    それに対する対処ほうなど、ご存知でしょうか?
    お返事お待ちしております。

    kojima 2016年3月30日 12:22 PM 返信
  • Pingback: 楽天RMSのスマホページ設定でIFRAME・CSSを読み込む裏ワザ

  • みなさん助かりました。ありがとうございます。
    お礼も兼ねご報告。20160423 下記の記述で出来ました。
    【<は半角に直してください】

    <iframe                  =”” src=”” scrolling=”no” frameborder=”0″ id=””></iframe            >

    sug 2016年4月23日 3:31 PM 返信

Leave a Comment

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

Menu Title
ツールバーへスキップ