子テーマが反映されない

Simplicityの特徴 フォーラム Simplicityについての質問 子テーマが反映されない

  • このトピックには5件の返信、2人の参加者があり、最後にゆうにより10年、 9ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #31311
      ゆう
      ゲスト

      お世話になっております。ゆうと申します。サイトを拝見したのですが、解決方法が見当たらないので、質問させて頂きます。

      現在、こちらのブログ(ちなみにテーマはsuitsです)のデザインのまま、テーマをsimplicityで出来ないかと思い、テスト用のこちらのブログでアレンジをしているのですが、一部の子テーマが反映されません。

      環境・xdomainの無料レンタルサバーを使用
      ・子テーマのcssを使用

      問題点・サイトタイトルのフォントが反映されない。
      ・記事の枠が消えない。

      チェックリストも確認し、実行したのですが、改善されず。。。mod_pagespeedに関しては、xdomainの無料サーバーを使用しているので、関係ないかと思うのですが。。。

      まずは、サイトタイトルのフォントの変更ですが、テスト用ブログのcssがこちらです。

      スクリーンショット 2015-08-26 21.08.29

      フォントはlatoなのですが、反映されません。またフォントのせいか文字も太いままです。font-weightをlightにしても細くなりません。

      ちなみにこちらが元のブログのサイトタイトルのcssです。

      スクリーンショット 2015-08-26 21.18.32

      もう一つの反映されない点ですが、記事の枠を消そうとしたのですが、消せません。google chromeのデベロッパーツールを使用したときは、ちゃんと消えたのですが。。。

      スクリーンショット 2015-08-26 21.26.12

      大変お手数ですが、よろしくお願いいたします。

    • #31314
      Hidekichi
      ゲスト

      表示されているフォントをgoogleフォントのプレビューとで見比べてみましたが、一応反映されているように思うんですけれども、この表示とは違うのでしょうか?

      また、headタグの中に、Google fontなどのリモートへのリンクがないので(僕が見つけられてないだけかも知れませんけれども)、細い字(font-weight: 100等)が反映されないのではないかと思います。

      仮に、headタグ、print.cssの後あたりに
      <link href="http://fonts.googleapis.com/css?family=Lato:400,300,100" rel="stylesheet" type="text/css">
      を入れて、#site-title aに font-weight: 100;を仕込んだら細くなりました。
      あ、今、元のサイトの方を見てみたらfont-weightは300ぐらいですかね?そしたらheadタグのhrefに100は要りません。

      #mainのボーダーは元々1px solid #cccあたり(適当)が入っているので、それを打ち消すプロパティを入れないと親テーマのborder設定が残ってしまいます。

      例えば、

      #main {
        border: 1px none;
      }

      などです。

      自分もxdomain利用してますが、子テーマが効かないということはないので、おそらくは親テーマのプロパティを子テーマが上書きできていないのではないかと思います。

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

      #mainについては、hidekichiさんの書かれた通りです。

      タイトルについても、テストページを見た限りでは、フォントは適用されているようです。

    • #31380
      ゆう
      ゲスト

      Hidekichi様 わいひら様

      早速のご返信ありがとうございます。

      反映できていたようですね。文字の太さのせいで、反映されていないと思っていました。

      wordpressを始めたばかりの初心者で、Hidekichi様の仰った通りかどうか分かりませんが、アドバイス通りに書き換えたら、文字の太さ・記事の枠ともに変更できました。ありがとうございます。

      以下の手順で書き換えました。

      1.  親テーマのheader-css.phpを子テーマのheader-insert.phpにコピーし、Hidekichi様が書いてくださったコードをprint.cssの後ろに貼り付け。
      2. 子テーマ#site-title aの部分で、微調整。

      記事枠の部分は

      1. 子テーマの#mainにHidekichi様が書いてくださったコードを貼り付け。

      思った通りのデザインになりました。2週間ずっとこのことで悩んでいたので、解決できて本当に良かったです(笑)

      お二人とも、ありがとうございました!

      p.s

      Hidekichi様が使用されている、以下のコードを貼り付けるためのツールは何という名前なのでしょうか?

      スクリーンショット 2015-08-27 22.40.43

    • #31384
      Hidekichi
      ゲスト

      >以下のコードを貼り付けるためのツール

      普通にコードをコピペして、それを範囲選択して、コメント欄の上にあるcodeを押すと自動的になりますよ。
      ただし、管理権限のない人が投稿したスクリプト等のクォートや〈〉、&などはエンティティされてしまうので、その都度わいひらさんが直してくれてます。
      CSSはクォート等を使うのが少ないと思うので、直接書いてcodeすれば良いかと思います。面倒だと思うのがhtmlとjavascriptやjQueryですかね。

      なので、codepenや、jsFiddleなどのオンラインでテストできるサイトを利用して、そのアドレスを貼っつけるとわいひらさんの労力も軽減されます。codepenもjsFiddleもscssも使えますし、外部cssも読み込めたり便利ですよ。

      例えば、最近自分のサイトの記事ように作ったサンプルですけれどもSNSボタンを無理やり改造するでは、公式のSimplicityのスタイルシートを直リンしてます(笑)
      他にも、font-awesomeのCDN読み込んだり色々してます。

      このスクリプトのあれこれは、Simplicityを少し改造してみた 番外編 part15 SNSシェアボタンを無理やり改造する より(宣伝

    • #31405
      ゆう
      ゲスト

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

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