- ベストアンサー
ホームページのテンプレートを二種類使いたいときstyle.cssはどうアップしたら?
ホームページビルダー10とFFFTPを使用しています。 初心者なのですが、先日フリーでダウンロードしたテンプレートの 使い方をようやく少しわかり、初めてテンプレートを使って 自分のサイトのTOPページを変えてみました。 それでTOPが変わったので、他のページもテンプレートを使いたいのですが、別のテンプレートをダウンロードして使いたいのです。 その場合、ビルダーで編集はできても、サーバにアップするときに、 style.cssはTOPで使ってるstyle.cssファイルがアップされてしまっているので、新しいテンプレのファイルをアップすることができません(上書きされてしまう) なので、TOP以外のほかのページはデザインが崩れてしまい正しくテンプレの表示ができません。 こういった場合どうしたらいいでしょうか? 複数の種類のstyle.cssをサーバにアップする方法があれば教えてください。 もしくは他の方法でしかできないのであれば教えていただけれると嬉しいです。よろしくお願いいたします。
- kazutakall
- お礼率66% (18/27)
- ホームページ作成ソフト
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
No.2です。 ちょっと難解になるかもしれませんが、ウェブページを表示する為に行う大体の流れを説明しますね。 ・ブラウザがsstop.htmlを送って、とサーバに指示する ・サーバはsstop.htmlをブラウザに送り返す ・ブラウザがsstop.htmlの中を読み進めると、style.cssというスタイルシートを読む、との指示があったので、これを送って、とサーバに指示する ・サーバはstyle.cssをブラウザに送り返す 大体こんな流れになってます。 ですので、HTMLファイルの名前自体は、変更してもページを表示するには何の問題も有りません。 …が、そもそも最初の手順で、sstop.htmlを送って、とブラウザが指示する部分に問題が発生します。 元々のテンプレートでは、そのファイルはindex.htmlだったわけですから、説明書きには、「このページを呼び出すために、index.htmlにリンクを貼る」という説明があったと思います。 この説明どおりにindex.htmlにリンクを貼ると、最初の段階で「index.htmlを送って」という指示になってしまい、正しく機能しません。 ですので、このリンクを「sstop.html」に切り替える必要があるわけですね。 ホームページビルダーで、変更したファイル名にリンクを貼りなおしてください。(一度リンクを解除する必要があるかも) HTMLソースでは、<a href="index.html">文字列</a>のようになっており、この「index.html」の部分を変更する事になります。 また、テンプレートに付属していた他のページ等も、同様にリンクを貼りなおす必要があるかもしれません。(TOPに戻る、等のリンクがある場合。) さて、長々と書いて来ましたが、最後に…。 sstop.htmlというファイル名から察するに、SSを掲載するページなのですよね。 SS用のファイルが多く出来て、場合によっては挿絵等でファイル数が膨大になってしまうかもしれないので、ssというフォルダを作成し、その中に全部放り込んでしまうのが楽で良いかもしれません。
その他の回答 (3)
- 神崎 渉瑠(@taloo)
- ベストアンサー率44% (1016/2281)
> たとえば、indexファイルのデザインを、TOPではなく > 他のページに使いたい場合です。 > (今まではindexを、たとえばsstopと名前を変えてしまうと > なんか使えなかったんですよ…) スタイルシートファイルを変更すれば、HTMLファイルも変更する必要があります。 スタイルシートやHTMLのルールに則っていれば、どのように変更しても問題ありません。
- metis
- ベストアンサー率52% (86/165)
質問内容の確認です。 ・現在は、サーバ上にあるstyle.cssをTOPページにのみ利用している。 ・他のページは、違うテンプレートを利用したいが、そちらに使われてるのも同じファイル名であるstyle.cssの為、サーバにアップしようとすると上書きされてしまう。 ・TOPでは現状のstyle.cssを、その他ページでは新しいstyle.cssを使いたい。 以上でよろしいでしょうか。 その場合、「ファイル名を変える」「フォルダの中に入れてしまう」の2つがあります。 オススメは前者なので、前者で説明しますね。 新しいstyle.cssを他の全ページに適用するなら、現状あるTOPページ用のstyle.cssのファイル名を変更するのが楽だと思います。(この方法が変更箇所が最も少なくなる) まず、そのstyle.cssを、適当にリネームします。(top.css辺りが分かりやすくて良いでしょう) 次に、TOPページをホームページビルダーで開き、「HTMLソースの表示」を行います(分からなければ補足を) 中を読み進めると、以下のような記述があると思います。 <link rel="stylesheet" type="text/css" href="style.css"> (順序などに多少の違いがあるかもしれませんが、「<link」と有り、「href="style.css"」とあればそれで間違いないでしょう) この、「href="style.css"」の部分で、実際に読み込むcssファイルを決めていますので、ここを「href="top.css"」と書き換えて保存します(style.cssのファイル名をtop.cssにした場合。それ以外にした場合は、そのファイル名を記述してください)。 これで書き換え作業は終わりです。 TOP以外のページを、新たなstyle.sssで彩ってください。 なお、使いたいテンプレートが3つ、4つ…となった時にも、基本的にこの方法で可能になります。
- sikiminomo
- ベストアンサー率45% (16/35)
必ず「style.css」という名前にするという決まりは無いので topページ以外で使うスタイルシートのファイル名を変えればいいと思います。 その場合、topページ以外のファイル内に書いてあるスタイルシート名も変更しなければなりません。 抽象的なファイル名では、将来分からなくなってしまうと思うので topに使うなら top.css 小説ページに使うなら ss.css とか、参照しているファイルがすぐ分かるような具体的な名前をお勧めしたいです。
お礼
上の四件のご回答を下さった皆様、教えて頂いて有難うございました! (無事にできました!)
関連するQ&A
- cssが反映されません
FC2のホームページについてです。 ホームページはなんとか作れてサーバーにアップしたのですが、 style.cssで設定した背景画像とスクロールバーが反映されません>< テンプレートをお借りして、その中に入っていたstyle.cssもそのままffftpに アップロードしました。 ファイル内で自分のホームページを見てみると背景画像と色など設定したスクロールバーは しっかり反映されているのですが、サーバーにアップすると反映されません。 ffftpにstyle.cssをそのままアップロードしたのが間違いだったのでしょうか;; 検索して調べてみるとCSSのフォルダごとアップロードしろと書いてあったりするのですが テンプレートに入っているのはstyle.cssというものだけで、cssフォルダは入っていません。 それともcssフォルダは自分で作るのですか><?
- ベストアンサー
- CSS
- ホームページビルダーでのテンプレートの作り方
ホームページビルダーV8でHPを作ろうと思っています。 他のサイトからダウンロードさせていただいたテンプレートで、HPを作りたいんですが、テンプレの貼り方がわかりません...。 とりあえず、テンプレはダウンロード済みなのですがこれからどうしたらよいのでしょうか??
- ベストアンサー
- ホームページ作成ソフト
- ホームページのアップ方法について
会社で素人ながらホームページの管理をしてます。現在ビルダーで 作成したホームページをトップページだけ公開しています。今後その 変更や追加をする時のWeb上のアップ方法で教えていただきたいのですが、ホームページビルダー10から転送でアップするのと、FFFTPから アップするのと(FFFTPはサーバー業者が設定してくれました。こちらは、社内サーバーで独自ドメインでアップしてます。)両方どちらからでもアップできるのでしょうか? 業者はFFFTPの方が楽だと言ってくれて設定してくれたのですが、自分のレベルでは、わかりにくいので、FFFTPでアップできる状態を残しつつビルダーからもアップできますでしょうか?
- ベストアンサー
- レンタルサーバ・ASP
- ホームページビルダー17フルCSSについて
3点質問させて頂きます。 1 ビルダー17でフルCSS作成中リンク作成しプレビューから確認すると トップページから商品一覧ページ[ショップ販売テンプレ]にいくと作成してない新規商品一覧ページにリンクしています。同様にトップページにいく場合も新規作成してないページにいきます。なので、ファイルから作成中ページを出して作成してますが、これは正常でしょうか? それとも何か間違っているのでしょうか?初心者ですのでわかりません。 2 このビルダー17フルCSSを楽天ショップの作成RMSに転送?コピー?などして 機能するのでしょうか?[楽天goldではなく ]リンクやHTMLなど。 3 もし、うまく使えたとして、ビルダーでページ作成中にRMSでページ確認出来るのでしょうか?[プレビューなど]ド素人でお恥ずかしいですが、解答お願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Homepage managerでcssテンプレートは使えますか。
Homepage managerでcssテンプレートは使えますか。 レイアウト用にcssのテンプレートを使ってみようと思い、他のサイトからダウロードしたのですが、Homepage managerでとりこんで使うことができるのでしょうか。スタイルシートファイルエディタを使うのかと思ったのですが、やり方がまったくわかりません。 また、css自体よくわかっていないのですが、このレイアウトの中に細かい表などを作成していくことも可能なのでしょうか。 ご教授よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー15のフルCSSテンプレート
今現在、ホームページビルダー9を標準で使っていますが、新しくホームページビルダー15のフルCSSプロフェッショナルテンプレートでホームページを作成したいのですが、今現在のホームページをフルCSSプロフェッショナルテンプレートにダイレクトに張り付ける方法とかあるのでしょうか?それともまた一から作り直さなければいけないのでしょうか?できれば今現在のホームページを生かした状態でフルCSSプロフェッショナルテンプレートを使って作成したいのですが。いろいろやってみたのですが、できませんでしたよろしくお願いします。
- ベストアンサー
- CSS
- ホームページビルダーでダウンロードしたテンプレートを読み込む方法ってありますか?
初心者の為説明が下手でしたらすいません。 ホームページビルダーを使ってHPを作ろうとしている所です。 デザインなども自信がなかったので、テンプレートをダウンロードしてきました。 ダウンロードしたファイルは基礎HTMLのファイルと、着せ替えCSS用のCSSファイルです。 このCSSをHTMLに読み込まなくてはならないと思うのですが、まずその過程をホームページビルダーで出来るかどうか、 また、初歩的ですが、そもそもの基礎HTMLをホームページビルダーホームページビルダーに取り込む…というか、読み込めるのかどうかがよく分りません。 ホームページビルダーでファイルを開くから、ダウンロードしたファイルを開こうとしましたが、indexなどのHTML形式のファイルしか、開けそうにありませんでした。 ですが、例えばこの方法だとindex、Menuとそれぞれ同じ様に改変していかないとならない気がします。 親子それぞれのページで同デザインで纏めたい時には、indexで表示されるタグをそれぞれのページにコピーするしかないのか、それとも何か他の方法があるのか…。 どのタイミングでCSSをHTMLに読み込んでいいかもよく分りません。 また、無事に読み込めた際に、それはindexのページだけにのみ反映となってしまわないのか、等疑問点が沢山です。 一度に沢山の質問で申し訳ないのですが、お分かりになる方、もしくは説明のあるサイトをご存じの方がいらっしゃいましたら、宜しくお願いします。 尚、ホームページビルダーのヴァージョンは10です。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーで使えるテンプレートソフトについて
去年の夏よりホームページビルダーにてHPを作成しはじめ、 試行錯誤しながらも、現在ある程度ページを作ってもう1年半サイトをやっています。 もともとPCのことは全く詳しくない文系人間ですので、けして見目のよいサイトではなく、なんとかしたいと思っています。 現在は、画像を貼ったり、フレームページを使うくらいしか凝ったことはしておらず、頑張ってあれこれやってみるものの、平面的で ぱっとしないデザインだなぁ、という感じです。 テンプレート等を使って、たとえばこちらのランクにのっているような http://www.sozai-r.jp/p3rev60_4015.html 洗練されてスマートな可愛いデザイン、にするのが憧れです。 なので使ったことのないテンプレをあれこれやってみているのですが、 いかんせんうまくいきません。 テンプレのファイルをメモ帳で文言を書き換えて、それを上書き保存するとinternetの方のページが変わる、ということは今日知ったのですが、 それを実際にサーバにアップはしていません。 というのも、メモ帳でそうやって文言を変えていったりリンクを 変えるのは面倒で、やはり使い慣れたHPビルダー上で なんとかできないだろうか、と思ったからです。 HPビルダーにも一応テンプレはついてますが、それはただフレームを組み合わせただけの感じの シンプルなものなので、上記のようなものとは違います。 また、HPビルダー用テンプレートソフト、というものがあるらしく (バキバキなんとかというもの)それをみてみたのですが、 サンプルを見る限りこれもやはりシンプルそうなので…。 ですので、HPビルダーで使用できて、更に上記のランクのように 可愛いデザインがあるようなソフトなどをご存知の方が いらっしゃったら是非教えて頂きたいです。 よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーV9でCSSテンプレートを開くとレイアウトが崩れる
インターネット上で見かけるCSS無料テンプレートを使ってホームページをつくろうとしています ホームページビルダーV9でファイルを開きページ編集タブで見ると画面が崩れています 黄色の改行マークのような表示も出ます プレビュータブをクリックすると正常に戻ります ●ホームページビルダーV9ではCSSテンプレートが使えないのでしょうか ●また、設定を直すなどの操作が必要なのでしょうか テーブルでレイアウトしてあるタイプのテンプレートはそんなことはないようです しかし、今回はCSSをマスターしたいので、CSSのみのホームページにこだわっています よろしくお願いします
- 締切済み
- ホームページ作成ソフト
- CSSテンプレートの使い方を教えてください
テンプレートをダウンロードしたらcssファイルやhtmlなど色々出てきました Livedoorブログで使用したいのですがさっぱり方法がわかりません ぐぐっても意味不明です
- ベストアンサー
- CSS
補足
まさに質問のとおりの状況です! style.cssの名前は変えてもOKだったのですね。 てっきり同じでないと…と思ってました…。 早速チャレンジしてみます! とすると…ちょっともう一件だけ 教えて頂きたいのですが… テンプレをダウンロードした中にある indexページの名前もindexから変更してOKなのでしょうか…? たとえば、indexファイルのデザインを、TOPではなく 他のページに使いたい場合です。 (今まではindexを、たとえばsstopと名前を変えてしまうと なんか使えなかったんですよ…) ついでみたいになってしまってすみません…!