質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.93%

【wordpress】BizVektorの子テーマのstyle.cssが、上書き保存できない。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 2,902
退会済みユーザー

退会済みユーザー

ワードプレス初心者です。

リンク内容からBizvektorの子テーマをDLしたのですが、フォルダの中に入っている「style」のページが上書き保存できずに困っています。

そもそもBizvektorのヘッダーにロゴ画像を設置したのですが、あまりにも設定サイズが小さいのでもっと大きくしたいと考えていました。
そして上記のサイトから子テーマをDLし、サイトの指示通りにwordpressでも適応を行いました。

それからリンク内容を参照して、

#header #site-title a img { max-height:100px; }

をbiz-vektor-child/styleの順番で(メモ帳で)開いたファイルに打ち込み、上書き保存を行おうとしました。
しかしなぜか「名前を付けて保存」の画面が出てしまい、さらに保存先の候補には「biz-vektor-child」のファイルが入っておりませんでした。
保存形式を「txt」から「すべてのファイル」に変換して保存し、再度biz-vektor-childのファイルを開こうとしたら画面が真っ白になってしまったので、もう一度子テーマのDLからやり直しました。

どうすれば上書き保存を行うことが出来るでしょうか?
初心者なのでどこかの手順が間違っていると思う(「子テーマ」という言葉も、先ほど知りました)ので、アドバイスを頂けたらと思います。

OSはwindows。レンタルサーバーはロリポップ。
wordpressのテンプレートはBizVektor(リンク内容の書籍を持っているので、NEATという拡張ファイルを設定済み)です。
ファイルの編集は「メモ帳」で行います。

なお、biz-vektor-child/styleのファイルには、

@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた m9っ・w・)b★
Tags: 
Version: 0.1.0
*/

というコード(?)が既に書かれていたのですが、この続きに

#header #site-title a img { max-height:100px; }

を書けばよろしいのでしょうか?
こちらもお答えいただければと思います。

長くなりましたが、よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+1

こんにちは。

メモ帳をテキストエディタとして使用しているかぎり、ファイルを編集するうえでの問題は起こります。

今回のようにファイルを保存する際に手間取ったり、下の画像のように改行が無視されたりする場合もあり、このような状態でファイルを編集するのはかなり困難になります。
イメージ説明

Jumseiさんが、今後もこうした作業をつづけていくつもりなのでしたら、メモ帳ではなく専用のテキストエディタ(コードエディタ)をお使いになることをおすすめします。
下記に紹介させていただくほか、数多くの高機能なテキストエディタ(コードエディタ)が無料で公開されていますので、Jumseiさんが使いやすいものをお選びいただければと思います。

Sublime Text 3リンク):Web開発の現場でよく見かけるエディタ(Win/Mac)
Bracketsリンク):Adobeが提供しているコードエディタ(Win/Mac)

Windowsをお使いのようですので、最低限の編集ツールとしてサクラエディタリンク)はインストールしておいてもよいのではないでしょうか。

そのほか、WordPress編集用のテキストエディタについてくわしくは、WordPress Codexの用語集(リンク)をごらんください。

なお、下記のコード

#header #site-title a img { max-height:100px; }


のあつかいですが、参考リンクの説明を読むかぎりでは、biz-vektor-child/style.cssの最終行に追記するだけで機能するように設計されているようです。

以上、ご参考いただければ幸いです。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/01/12 08:06

    お返事ありがとうございます。
    返信が遅れまして、申し訳ありません。

    先ほどサクラエディタをDLしてファイルの書き込みを行おうとしたら、文字化けが発生してしまいました。

    そもそも
    1・サクラエディタを起動
    2・「ファイルを開く(Ctrl + O)」を選択
    3・該当するフォルダをクリック
    4・該当するファイルをクリック
    ここまでの手順で該当するファイルを開き、編集するのが一般的だと思います。

    しかし私の場合は、
    1・サクラエディタを起動
    2・「ファイルを開く(Ctrl + O)」を選択
    3・該当するフォルダをクリック
    までしか行えず、フォルダの内容(ファイルのタイトル等)が文字化けして表示されます。

    ファイルを開きたいのに、フォルダまでしか開くことが出来ません。
    どうすれば良いでしょうか?

    キャンセル

  • 2016/01/12 09:45 編集

    Jumseiさん、コメント(フィードバック)をいただきありがとうございます。

    ファイルを開く前に、まずサクラエディタの環境設定をおこなってください。

    【拡張子】設定 > タイプ別設定一覧
    テキスト、PHP、HTML、JavaScript、CSS などを(必要に応じて)選択して「設定変更」をクリック。
    【文字コード】設定 > タイプ別設定 > サポート
    デフォルトの文字コード:おそらくShift_JIS(S_JIS)になっていると思われますので > UTF-8 に、改行コードは LF にして「OK」をクリック。

    僕は Windowsユーザーではなく、サクラエディタを実際にさわったことがありませんので、上記の設定方法は一般的なエディタをイメージして手順を書いています。名称など細部が異なっている場合がありますので、Jumseiさんご自身で確認してみてください。

    設定がおわった段階で、「ファイルを開く」から当該ファイルを選択してください。

    選択フィールドにファイルが表示されていない場合は、ファイルのドラッグ&ドロップで開いてみてください。おそらくファイルを開くことはできると思います。
    一旦、サクラエディタを終了して、下記に記載したリンク先を参考にファイルとアプリケーションの関連づけをしてください。

    https://dekiru.net/article/12837/

    上記のをおこなってもファイルが表示されない、文字化けするなどの不具合が起きる場合は、すべての関連ファイルをアンインストールをした後、再度インストールをしてから設定をおこなってください。

    キャンセル

0

既に回答は出ていますが
WordPressを編集するときはメモ帳以外での編集が基本です。

理由がメモ帳が勝手にBOMコードを追加するためです。
理由は下記のとおりです。
http://naifix.com/utf-8-bom/

CSSはbiz-vektor-child/style.css

@charset "utf-8"; 
/* 
Theme Name: ★BizVektor子テーマサンプル★ 
Theme URI: http://bizvektor.com 
Template: biz-vektor 
Description:  
Author: ★あなた m9っ・w・)b★ 
Tags:  
Version: 0.1.0 
*/
より下から入力で問題ありません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.93%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る