Simplicityの特徴 › フォーラム › Simplicityについての質問 › 子テーマが反映されない
- このトピックには5件の返信、2人の参加者があり、最後に
ゆうにより10年、 9ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年8月26日 9:50 PM #31311
ゆう
ゲストお世話になっております。ゆうと申します。サイトを拝見したのですが、解決方法が見当たらないので、質問させて頂きます。
現在、こちらのブログ(ちなみにテーマはsuitsです)のデザインのまま、テーマをsimplicityで出来ないかと思い、テスト用のこちらのブログでアレンジをしているのですが、一部の子テーマが反映されません。
環境・xdomainの無料レンタルサバーを使用
・子テーマのcssを使用問題点・サイトタイトルのフォントが反映されない。
・記事の枠が消えない。チェックリストも確認し、実行したのですが、改善されず。。。mod_pagespeedに関しては、xdomainの無料サーバーを使用しているので、関係ないかと思うのですが。。。
まずは、サイトタイトルのフォントの変更ですが、テスト用ブログのcssがこちらです。
フォントはlatoなのですが、反映されません。またフォントのせいか文字も太いままです。font-weightをlightにしても細くなりません。
ちなみにこちらが元のブログのサイトタイトルのcssです。
もう一つの反映されない点ですが、記事の枠を消そうとしたのですが、消せません。google chromeのデベロッパーツールを使用したときは、ちゃんと消えたのですが。。。
大変お手数ですが、よろしくお願いいたします。
Attachments:
-
2015年8月26日 10:59 PM #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利用してますが、子テーマが効かないということはないので、おそらくは親テーマのプロパティを子テーマが上書きできていないのではないかと思います。
-
2015年8月27日 5:15 PM #31366
わいひらキーマスター#mainについては、hidekichiさんの書かれた通りです。
タイトルについても、テストページを見た限りでは、フォントは適用されているようです。
Attachments:
-
2015年8月27日 10:43 PM #31380
ゆう
ゲストHidekichi様 わいひら様
早速のご返信ありがとうございます。
反映できていたようですね。文字の太さのせいで、反映されていないと思っていました。
wordpressを始めたばかりの初心者で、Hidekichi様の仰った通りかどうか分かりませんが、アドバイス通りに書き換えたら、文字の太さ・記事の枠ともに変更できました。ありがとうございます。
以下の手順で書き換えました。
- 親テーマのheader-css.phpを子テーマのheader-insert.phpにコピーし、Hidekichi様が書いてくださったコードをprint.cssの後ろに貼り付け。
- 子テーマ#site-title aの部分で、微調整。
記事枠の部分は
- 子テーマの#mainにHidekichi様が書いてくださったコードを貼り付け。
思った通りのデザインになりました。2週間ずっとこのことで悩んでいたので、解決できて本当に良かったです(笑)
お二人とも、ありがとうございました!
p.s
Hidekichi様が使用されている、以下のコードを貼り付けるためのツールは何という名前なのでしょうか?
-
2015年8月27日 11:22 PM #31384
Hidekichi
ゲスト>以下のコードを貼り付けるためのツール
普通にコードをコピペして、それを範囲選択して、コメント欄の上にあるcodeを押すと自動的になりますよ。
ただし、管理権限のない人が投稿したスクリプト等のクォートや〈〉、&などはエンティティされてしまうので、その都度わいひらさんが直してくれてます。
CSSはクォート等を使うのが少ないと思うので、直接書いてcodeすれば良いかと思います。面倒だと思うのがhtmlとjavascriptやjQueryですかね。なので、codepenや、jsFiddleなどのオンラインでテストできるサイトを利用して、そのアドレスを貼っつけるとわいひらさんの労力も軽減されます。codepenもjsFiddleもscssも使えますし、外部cssも読み込めたり便利ですよ。
例えば、最近自分のサイトの記事ように作ったサンプルですけれどもSNSボタンを無理やり改造するでは、公式のSimplicityのスタイルシートを直リンしてます(笑)
他にも、font-awesomeのCDN読み込んだり色々してます。このスクリプトのあれこれは、Simplicityを少し改造してみた 番外編 part15 SNSシェアボタンを無理やり改造する より(宣伝
-
2015年8月28日 12:11 PM #31405
ゆう
ゲストご丁寧にありがとうございます。
-
-
投稿者投稿
- トピック「子テーマが反映されない」には新しい返信をつけることはできません。





