コピペでOK!ショッピングモールで外部CSSファイルを読み込む方法WEB制作ECサイト制作スタッフしゃちょーコピペでOK!ショッピングモールで外部CSSファイルを読み込む方法からしゃちょー-2016年1月13日026054ShareFacebookTwitterPinterestWhatsApp外部スタイルシートを使用する事で、各商品ページやカテゴリページの編集作業の効率化を図る事が可能です。ここでは楽天市場・Yahoo!ショッピング・ポンパレモールでの外部スタイルシートの使用方法を説明いたします。FTPソフトを準備し、使用方法を知っておく必要がありますので、FTPソフトについてわからない方は【ECサイトオーナー向け】はじめてでも安心!使いやすい初心者向けFTPソフトを参照ください。楽天市場での外部スタイルシート読み込みまず楽天GOLD(無料)へ申し込みをしましょう。楽天GOLDは無料で100MBの容量を使用できます。※申し込みすれば追加で毎月100MBずつ容量を拡張可能。楽天GOLDのパスワードは、FTPサーバーのパスワードと同一です。申し込みが完了したら以下情報でFTPソフトを使って接続してみましょう。サーバー(ホスト)ftp.rakuten.ne.jpユーザー名http://www.rakuten.co.jp/●●●(店舗URLの●●●部分)パスワードFTPサーバー用パスワードポート16910接続が完了したら、以下コードで外部スタイルシート読み込みが可能。店舗アカウントにはFTPのユーザー名、●●●にはアップロード先のファイル名を入力。Yahoo!ショッピングでの外部スタイルシート読み込みYahoo!ショッピングも楽天GOLDのように作成したファイルをアップロードできる、トリプルというサービスがあるが、こちらは有料(月額3,000円)になります。申し込み方法は以下を参照。申し込みが完了するとYahoo!ショッピング側から接続に関する情報がメールで送られてきます。使用開始はできないのは不便ですが、必要であれば申し込むようにしましょう。反映されるのにある程度時間がかかります。(Yahoo!ショッピングのサーバーが巡回してはじえて反映される)CSSの読み込みなどアップロード後から何時間も必要な場合がありますので、ご注意ください。接続方法は楽天GOLDと同じようにFTPソフトを使用します。パレモールでの外部スタイルシート読み込みポンパレモールPROへ申請する事で、楽天GOLDのようにFTPサーバーが利用可能になる。申請方法は管理画面のメインメニューの「各種申請」から「ポンパレモールPRO利用申請」をクリック。パレモールPROは100MBまで無料で使用する事が可能なので申し込みをしておこう。接続方法は以下のようにFTPソフトを使用します。サーバー(ホスト)pros.ponparemall.comユーザー名FTPログインID(※Fから始まる7ケタの数字)パスワード設定したFTPパスワードポート21FTPログインIDがわからない場合、「ポンパレモールPRO利用申請」リンクの2つ上に「FTPパスワードの変更」がありますので、そちらのページで確認可能です。接続が完了したら、以下コードで外部スタイルシート読み込みが可能。店舗アカウントにはFTPのユーザー名、●●●にはアップロード先のファイル名を入力。読み込む方法は基本的に同じです。/>「ファイルのURL」に対象のファイルが存在するパスを入力しましょう。異なるサービスのサーバーからファイルを読み込むような方法は避けましょう。※例えば、自社サイトから楽天GOLDのCSSを読み込む、など。次の記事【基礎編】ファイルの一括更新と画像の一括アップロード方法しゃちょーhttp://shinei-systems.co.jp/工業高校の電気科で電子回路について学び、卒業後は修行のため単身東京へ。プログラミングの専門学校でBasic、C言語、アセンブリを学ぶ。卒業後は情報処理の会社へ就職し、倉庫管理などのプログラムを開発。4年以上勤めたが23歳になる頃、独立するために帰郷。HTMLやCSS、ウェブデザインなど全て独学で習得し、2013年に法人化。現在は自分を含め総勢5名で日々頑張って仕事してます。コメントデータの処理方法の詳細はこちらをご覧ください。親子で楽しく動画撮影!~子どもの夢を応援~NintentoSwitchポケモンで親子のコミュニケーション!ポケモンは老若男女楽しめるツール♪emiskゲーム依存、スマホ依存。国際平和美術展に出展が決定致しました。漫画を動画にまとめてみました。人気カテゴリスタッフ139Rie138食107LifeHack100暮らしのヒント86お知らせ84しゃちょー79Hitomi77夏69私たちに関しては私達は地域社会に貢献し、利益をもって発展する。スローガンに、人々の役に立つ記事で、読んだ人に喜びや感動を与え、小さくても幸せを届けられるように気持ちを込めて記事を書いています。私達に記事を書かせていただけるお店や事業主さんを募集しています。【楽天配布型クーポン設定方法】特定の商品購入のお客様のみ対象にした、次回のお買い物で送料無料クーポンを設定する方法2016年4月27。