• 締切済み

ワードプレスでCSSをいじる時プレビューできない！

ワードプレスの 外観⇒エディターといき スタイルシート(style.css)の編集をしているんですが なぜかプレビューボタンがありません ファイルを更新　ボタンしかありません CSSを書き変えてホームページにどのような変化が出るかを見ながら書き変えたいのに いちいちファイルを更新していたのでは 重要な書き換えミスをした時に元に戻せなくなりとても危険です！ プレビューでいちいちチェックしながら CSS　とか　ｈｔｍｌ　を書き替えれるようにする方法を教えてくださいm(_ _)m

みんなの回答

回答No.1

XAMPPにwordpressを構築し ローカルで確認されてみてはいかがでしょうか。 http://tonari-it.com/xampp-setup/

shitumongaaru
質問者

お礼

解決しました！ホームページ開いて要素を抽出してそこで書き変えれば良かったです http://wp.myafi.net/css-realtime/

shitumongaaru
質問者

補足

プレビューするだけでこんなに手間がかかるのでしょうか(´・_・`)

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • htmlエディタのサイトをそのままワードプレスへ

    元々はワードプレスを使ってHPを作っていたのですが 最近htmlやCSSを勉強し始め、 bracketsというhtmlエディタで新たにサイトを作りました。 htmlエディタでのほうが自由度も高く、 慣れれば作りやすいように感じています。 しかし、たとえば画像を自動で圧縮してくれる EWWW Image Optimizerなどのような ワードプレスでの便利なプラグインも使いたくなりました。 そこで、htmlエディタで htmlファイルとcssファイルを作った後、 ワードプレスに移行すればいいと考えたのですが、 これがなかなかうまくいきません。 ひとまず、htmlのbody部分を ワードプレスの記事のテキストエディタにコピペし、 cssをワードプレスのstyle.cssにコピペしてみたのですが レイアウトが多少崩れてしまいます。 style.css以外のファイルで ワードプレスのテーマに元々含まれている要素が 反映されてしまっているためかと思われるのですが、 さすがにどこをどういじったらいいのかわかりませんでした。 htmlエディタで作ったものを そのままワードプレスで表示させるために 最も簡単な方法はどのようなものでしょうか？

    • 締切済み
    • CSS
  • HTMLとCSSとプレビューを同時表示できるソフト

    お世話になります。よろしくお願いします。 Windows7でStyleNote5というエディタを使って、HPを作り始めたのですが、 StyleNote5は、HTML(CSS)とプレビュー画面は同時に表示できるのですが、HTMLとCSSを同時に表示できないみたいなので、不便に感じるようになりました。 ネットで検索しましたら、Code2というソフトで、HTMLとCSSとプレビュー画面を3面同時に表示できるらしいのですが、mac用みたいなのです。 Windowsで、Code2ようにHTMLとCSSと出来上がりプレビュー画面を３面同時に表示できるエディタソフトはないでしょうか？ ご存知の方がいましたら教えてください。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • ワードプレスのCSSを移動させる

    私の使っているテーマのCSSが全部で6つあります。 1つはPHPやHTMLと同じ場所にあるのですが、その中にCSSというフォルダがありそのフォルダの中に5個のCSSがあります。なので、ワードプレス上からいじれず、いちいちFTPからダウンロードしていじらなくてはならなく面倒です。 テーマ編集で表示される階層にあるCSSに @import url(css/html5reset-1.6.1.css); @import url(css/layout.css); @import url(css/common.css); @import url(css/nav.css); @import url(css/content.css); @import url(css/top.css); このような記述があり、これがCSSフォルダに送っているのだと思い、 CSSフォルダの中のCSSを正しい階層にもってきて、上記の部分を @import url(html5reset-1.6.1.css); @import url(layout.css); @import url(common.css); @import url(nav.css); @import url(content.css); @import url(top.css); このように書けば大丈夫だろうとおもったのですが、HPからCSSで指定されていたH1の淵の画像などがすべて消し飛びました。 なんとか、５つのCSSの階層を上にあげたいのですが、どのようにすればよいのでしょうか？ ちなみに、使っているテーマは、 http://pacific.prime-strategy.co.jp/ これです。

    • ベストアンサー
    • CSS
  • ワードプレス初心者です。

    ワードプレス初心者です。 ワードプレスで作られたサイトの修正・更新作業というのは管理画面からしか行わないものですか？FTPからファイル落としてエディタで修正・・・ってしないんですかね？ まだWPのディレクトリ構造がよくわからなくてです。 なにかその辺の基本的な部分の良い書籍等もあったら教えていただけますと幸いです。 よろしくお願いします。

  • ＣＳＳを書きやすいエディタ（補完など）、便利なソフト探しています

    こんにちは。 ＣＳＳをよく使用するのですが、たまに構文ミスをします。ＣＳＳを核のがもっと楽にならないものか？と思いました。便利なＣＳＳエディタまたはＨＴＭＬエディタありませんでしょうか？ＣＳＳを書きやすいエディタ（補完など）、便利なソフト探しています。 よろしくお願いします

  • ビルダー12　CSSファイルの関連付けについて

    こんにちは。 現在、ホームページビルダー12でサイトを作成しています。 外部スタイルシートを使って複数のHTMLを管理しているのですが、スタイルシートを編集する際、スタイルシートマネージャを使わずにCSSファイルをテキストエディタで開いています。 ビルダー上でCSSファイルを右クリックし、『テキストエディタで開く』を選択しているのですが、これで開くと必ずWindowsのメモ帳で開かれてしまいます。 私はテキストエディタにTerapadを使用しているのですが、なんとかこれでCSSファイルを開く方法はないでしょうか？ Windowsの既定のプログラムでCSSファイルをTerapadで開くように関連づけても、ビルダーではメモ帳で開かれてしまいます。 おそらくはビルダーの方で設定する必要があるのだと思いますが、オプション等をみても項目が見当たりません。 ご存知の方、いらっしゃいましたら教えて下さい。お願いします。

  • VB6.0［ htmlのプレビュー］

    お世話になります。VB6です。 HTML専用の掲示板に書く為のhtml変換エディタを 作ってます。 text1に書いて太文字・アンダーラインにチェックを入れるとhtmlが挿入される簡単なものです。 プレビューボタンを押すと、掲示板に書き込む前に htmlのプレビューを見れるようにしたいのですが、 どうすればよいでしょうか？ とりあえずそれが出来れば完成まじかなので 教えてください。 簡単なソース入れて頂ければ助かります。 難しいですかね・・？

  • 手打ちでＣＳＳを作っている方に質問です。

    前質問の http://oshiete1.goo.ne.jp/qa2985564.html 参考になりましたが、 HTMLとCSSを同時製作する場合は、 どんな工夫をしているのでしょう？ CSSに適したエディタは？ ちなみに当方は、head部に全部書き調整したり 部分的にstyle属性で仮指定しておりたりし、 仕上げにCSSファイルをつくりlinkします。

  • ワードプレスのテンプレートインストール

    「テーマに style.css スタイルシートにありません。」というエラーがでてきました。 そこで、テンプレートのＺｉｐファイルを展開して、テンプレート本体のみをインストールしようとしたのですが、そこでつまずきました。 どれがテンプレートの本体なのかがわかりません。 階層は FSV001うんちゃらかんちゃら 　　↓ ２列右メニュー 　　↓ themes 　　↓ confeito_wt ↓ 「Imgフォルダ」とあとなんだか、phpファイルがたくさんある で、最後のimgフォルダとたくさんあるphpを全部一括選択して「開く」をすればいいのかと思えば、なんかファイル1個１個個別にしないとできないみたいで・・・ （そもそもそのやりかたでいいのかどうかも） ワードプレスのテンプレートインストールってどのようにしたらいいのでしょうか

  • ワードプレスでheader.phpをいじったら

    ワードプレスでブログを書いています。 サーバーはロリポップ、テーマはcocoonで、まだワードプレス歴は浅い初心者です。 この度Googleタグマネージャの設定をしようと思い、ネットで調べたとおりに外観→テーマの編集に行き、cooonの親テーマのheader.phpの<head>...</head>のところと<body>のところにタグマネージャのコードを貼り付けて「ファイルを更新」したところ、エラーが表示されてうまく更新できませんでした。 その後、ブログを更新表示してみたところ、記事そのものはすべて残っているのですが、レイアウトが崩れており、タイトルやヘッダー画像や色設定やカラムのレイアウトその他もろもろが消えて、テキストのみのなんとも味気ない表示になっていました… そこでもう一度「テーマの編集」より親テーマのhead.phpを見てみたところ、たったの一文字も残っておらず、きれいさっぱり消えてしまっていました。 焦ってネットで調べてみたところ、初心者が安易に親テーマファイルを編集するのは危険なことだと知りましたが後の祭りで、知らずにいじってしまったことを反省しております。 構築途中のブログで、バックアップを取ることもしてありませんでした。 幸い記事そのものは残っているのが不幸中の幸いですが、ここからどのようにリカバーしていけばよいでしょうか。よろしくお願いします。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する