子テーマでパーツスキンやCSSがうまく反映されない

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 子テーマでパーツスキンやCSSがうまく反映されない

9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #30582
      よろし
      ゲスト

      昨日からSimplicityにテーマを変更しました。
      今日、子テーマがあるということをしり早速ダウンロードをして有効化してみたのですが、どうもうまくいきません。
      ・Mac OS 最新
      ・Safari
      ・Simplicity 最新版
      ・Xサーバー(mod_pagespeedは現在オフにしてます)
      以上が自分の環境です。

      まず普通に子テーマをダウンロードしただけでは反映されないと他のサイトで見たので、

      Xサーバーのサーバーパネル→FTPアカウント設定→自分のドメインを選択→ログイン→public_html→WP-content→themes→フォルダの作成(名前:kodomo)を作成し中にstyle.cssファイルを作成→、元々の子テーマと同様にインポートなどの記述をコピー

      コピーした際、以下の記述もしました。

      .article h2 {
      background-color: #228b22;
      border-left: 0 none;
      color: #fff;
      padding: 15px 30px;
      }

      .article h3,
      #comment-area h3,
      #related-entries h3{
      font-size:23px;
      border-bottom:5px solid #98fb98;
      padding:10px 0;
      }

      ここからがよくわからない点です。
      1、反映されたのはH2のみで、H3は変化なし
      2、H2を#4169e1に変えても変化なし、H3は変化なし

      親テーマに戻すとちゃんとH2も元に戻ります。

      バックアップの取り方もイマイチわからない自分です、
      子テーマに変化を加えるくらいならできそうなのでよかったらXサーバーでも子テーマが反映される環境の設定を教えていただけませんか?

      よろしくお願いいたします。

    • #30583
      アバター画像わいひら
      キーマスター

      Xサーバーのサーバーパネル→FTPアカウント設定→自分のドメインを選択→ログイン→public_html→WP-content→themes→フォルダの作成(名前:kodomo)を作成し中にstyle.cssファイルを作成→、元々の子テーマと同様にインポートなどの記述をコピー

      そもそも何故上記のような子テーマを作成されているのでしょうか?
      以下の方法で子テーマを有効化し、そのstyle.cssを変更するのではダメでしたでしょうか?
      Simplicityの子テーマをインストールする方法

      あと、サイトのURLを公開出来るなら、貼っていただけるとソースを見れるので、ある程度原因はわかるかもしれません。
      ただ、子テーマを引用の方法で作成した場合は、サポート対象外のものの「テーマファイルカスタマイズにより起こった不具合の対応と原因究明」にあたり、原因解明が困難となり、サポートできない可能性もあるかもしれません。

      できればデフォルトのSimplicity子テーマを利用していただけると、解決が早いかと思います

    • #30592
      よろし
      ゲスト

      わいひら様

      ご返答ありがとうございます。

      最初は「Simplicityの子テーマをインストールする方法」でやったのですが、何も変化なく、ネットで検索し、先ほどの子テーマ作成に至りました。

      今も試してみたのですが、やはりなんの変化もありません。

      お手数をおかけしますが、よろしければご覧になってみてください。
      http://kaigoshi-mesen.com/

    • #30594
      よろし
      ゲスト

      やはり色々と調べてはいるのですが、どうもうまくいきません。
      なんとなくですが、幾つかきになることがあります。

      1、Simplicityのテーマをダウンロードし、有効化してからすぐにプラグインの「HEAD Cleaner」も有効化してしまった。
      2、プラグイン「W3 Total Cache」を有効化しており、設定に「Claud Flare」をネームサーバーとして利用している。
      3、最初にも記載した通り「Xサーバーのサーバーパネル→FTPアカウント設定→自分のドメインを選択→ログイン→public_html→WP-content→themes→フォルダの作成(名前:kodomo)を作成し中にstyle.cssファイルを作成→、元々の子テーマと同様にインポートなどの記述をコピー」と一度自分で子テーマのフォルダ、Style.cssを作り削除している。
      4、今現在は「Simplicityの子テーマをインストールする方法」よりダウンロードした子テーマを使っているが、「カスタマイズ→レイアウト(全体・スキン)→完全レスポンシブデザインにチェックを入れてもスマホではパソコンと同じ画面になる。
      (カスタマイズ→その他→ファビコン設定は設定できる)

      以上がなんとなく気になっている点です。

      もっとたくさんのことをしたくここで躓いているのが歯がゆく感じています。
      お手数をおかけしますが、ご教授ください。
      よろしくお願いします。

      よろし

    • #30595
      アバター画像わいひら
      キーマスター

      何も変化なく、ネットで検索し、先ほどの子テーマ作成に至りました。

      子テーマを適用しただけでは、表示上は何も変化はありません。通常の動作とも言えます。
      どのように変化がなかったのでしょうか?スタイルを書いても適用されなかったとか、その他のことなのか、できればもう少し具体的にお願いします。

      動作不良時のガイドラインにも書いてあるのですが、プラグインは、ちゃんと使い方が分かっていない場合は、不具合の原因になりえます。

      まず、テーマの設定を行う場合は、そういったプラグインでの高速化は後回しにして、まずはカスタマイズを行ってしまうことをお勧めします。
      「HEAD Cleaner」も、「W3 Total Cache」そういった表示上の不具合が出ておかしくありません。
      特に、「W3 Total Cache」の場合は、スマホ表示用の設定を行っておられるのでしょうか?
      そうしないと、そのような表示になるのも当然かと思います。それがデフォルトのページキャッシュプラグインの動作なので。

      とりあえず、カスタマイズ中はテーマも動作に影響を及ぼすようなプラグインは、無効化しておく必要はあると思います。
      プラグインを切った上で動作を確認してみてください。

      エックスサーバーを使っている場合は、ページの高速化は、10万PVを超えてからでも全然遅くないと思います。実際に僕はかなりの間、ほとんど何もしてませんでした。
      とりあえず、カスタマイズが終わるまでは高速化は後回しにしておいた方が良いかと思います。

    • #30596
      よろし
      ゲスト

      わいひら様

      色々と丁寧に対応していただきまことにありがとうございます。

      まずHead Cleaner 、W3 Total Cache、は無効化しました。
      現在はカスタマイズ→スキン→ [P] 子テーマパーツスキンを選択しています。
      子テーマパーツスキンについては、http://wp-simplicity.com/skin-parts/を参考にさせていただきました。
      今現在は_partsフォルダの中に
      1,_merged_.css
      2,article.h2-0001.css
      3,style.css
      の三つが入っていますが、表示を確認すると「人気の記事」「新しい記事」を囲む枠が出てきています。

      [P] 子テーマパーツスキンを試したのは昨日からで、昨日は「サイドバー見出しパーツスキン」に手を加えました。
      今日一度子テーマから親テーマに戻し、子テーマを削除し、もう一度子テーマをインストールしなおしたのですが、サイドバー見出しパーツスキンの設定が残ってしまっていました。
      そして、article.h2-0001.cssの中の記述は

      .article h2 {
      background-color: #43779d;
      border-left: 0 none;
      color: #fff;
      padding: 15px 30px;
      }

      となっているのですが、実際のサイトで表示されているのは#43779dとは違う色です。
      本当に何が悪くて、何をどういじればいいのかも全然わかりません。
      今日は1日これ以上は手を加えずにそのままにしてみますのでよろしければご覧になってみてください。

      質問なのですが、
      1,ワードプレス管理画面の「テーマの編集」で子テーマのstyle,cssをいじって反映させるためにはがいじれればと思っているのですが、「カスタマイズ」→「スキン」ではどの設定にすればよいのですか?

      今現在は

      .article h2 {
      background: #424A76;
      color: #fff;
      padding: 12px 0px 12px 14px ;
      border-left: none;
      box-shadow: 0 2px 5px #999;
      }

      .article h3 {
      border-bottom: none;
      border-left: 7px solid #57629B;
      padding: 8px 0px 8px 12px;
      box-shadow: 0 2px 5px #999;
      }

      .article h4 {
      border-bottom: 2px dotted #828CB9;
      padding: 4px 0px;
      }

      と記述しています。

      2,CSSは記述してから反映されるまでに15分以上かかるのでしょうか?

      3,記事をそのままにしてもう一度Simplicityを最初から始めるには「別のテーマに変更」→「Simplicityを削除」→「Simplicityを再インストール」の手順でよろしいのでしょうか?

      ご面倒かもしれませんが、本当にここでしか聞くことができなくて自分でも困りはてています。

      どうかよろしくお願いいたします。

    • #30597
      Hidekichi
      ゲスト

      >CSSは記述してから反映されるまでに15分以上かかるのでしょうか?

      通常は即時反映されます。
      残っているとすれば、ブラウザ・サーバー等です。GoogleChromeなら、F12キーよりweb開発ツールを開いて、右側にあるギアのアイコンから、「パネルを開いてる時はキャッシュしない」とかにチェックを入れておくか、開発ツールのパネルを開いている状態で、アドレス欄左側のリロードボタンを右クリック(あるいは左長押し)等で出てくるメニューから、キャッシュ削除とハードの再読み込みあたりをすればブラウザは大丈夫です。

      >一度Simplicityを最初から始めるには
      >「別のテーマに変更」→「Simplicityを削除」→
      >「Simplicityを再インストール」の手順でよろしいのでしょうか?

      別のテーマを有効化して、ftpでstyle.cssなど自分が触ったファイルをローカルにコピーして、親テーマ・子テーマ共に削除して、親テーマを再インストール(zipファイルごと)、次いで子テーマを同様に。その後、子テーマを有効にすればよいのではないかと思います。

      zipファイルごとは、公式サイトよりzipダウンロードして、wordpressのダッシュボードから外観→テーマと行き、画面上部にある「新規追加」より、zipファイルごとアップロードできます。
      それぞれアップロードに成功したら、ファイルは自動で展開・インストールされて、テーマの中に親子それぞれのテーマが入るはずです。
      その後、カスタマイザー等で設定をして、バックアップしておいたcss等を子テーマstyle.cssに入れれば完成です。

    • #30598
      アバター画像わいひら
      キーマスター

      表示を確認すると「人気の記事」「新しい記事」を囲む枠が出てきています。

      結合されたファイルには、その記述もあるようです。
      http://kaigoshi-mesen.com/wp-content/themes/simplicity-child/skins/_parts/_merged_.css
      あと、CSSを縮小化するプラグインなどを利用してないでしょうか?記述が圧縮されて表示されています。
      何か利用している場合は、それも無効にしてください。
      とりあえず、カスタマイズが完成するまでは、コード内容を変更するプラグイン(怪しいプラグイン)は、オフにした方が良いかと思います。

      1,ワードプレス管理画面の「テーマの編集」で子テーマのstyle,cssをいじって反映させるためにはがいじれればと思っているのですが、「カスタマイズ」→「スキン」ではどの設定にすればよいのですか?

      ちょっと質問内容がわからないです。

      2,CSSは記述してから反映されるまでに15分以上かかるのでしょうか?

      hidekichiさんの補足。
      ブラウザキャッシュを利用している場合は、リロードしないと反映されなかったり、変にキャッシュが残ったりするかもしれません。
      キャッシュの削除方法は以下に書いてあります。
      動作不良時のガイドライン

      3,記事をそのままにしてもう一度Simplicityを最初から始めるには「別のテーマに変更」→「Simplicityを削除」→「Simplicityを再インストール」の手順でよろしいのでしょうか?

      補足。
      再インストールするのも、以下の方法でOKかと思います。
      Simplicityを新しいバージョンにアップデートする方法2通り

      とりあえずは、Google Chromeなどを利用して、デベロッパーツールで動作確認をしながらカスタマイズした方が何かと楽かと思います。
      以下の方法とか、検索などして、1度使い方を調べてみることをおすすめします。
      WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

    • #30613
      よろし
      ゲスト

      わいひら様
      Hidekichi様

      本当にご丁寧にありがとうございます。

      カスタマイズ→[P] 子テーマパーツスキン→選択→管理メニュー→テーマの編集→子テーマを編集 でCSSが反映されました。
      昨日はちょっとめげそうになりましたが、丁寧に答えて下さったおかげで乗り越えることができました!

      すっごく嬉しくてワクワクしてます!

      またわからないことがありましたら、お手数をおかけしますが是非ともよろしくお願いいたします。

      本当に丁寧に親身になって対応していただき本当にありがとうございました。

      今最高の気分です!

    • #30617
      アバター画像わいひら
      キーマスター

      うまくいったようでよかったです。
      とりあえず、テーマの不具合ではなかったようで安心しました。

      スタートアップの段階で十分な高速化を手っ取り早く得るには、以下の方法がいいかもしれません。
      コピペ一発でSimplicityを結構高速化する方法
      ただ、.htaccessを書き替えるので、バックアップはしておいたほうがいいと思います。
      自信がない場合はやめておいたほうがいいかも。
      これをやると、ブラウザキャッシュが設定されるので、CSSを変更すると、ブラウザをリロードする必要があります。

9件の返信スレッドを表示中
  • トピック「子テーマでパーツスキンやCSSがうまく反映されない」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)