Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › サイトタイトルカラーと関連記事の表示不具合
- このトピックには10件の返信、2人の参加者があり、最後に
kazuにより10年、 7ヶ月前に更新されました。
-
投稿者投稿
-
-
2016年3月26日 6:18 PM #38057
kazu
ゲストお世話になります。
本日simplicityを1から2へ変更致しました。「Simplicity1系から2に移行するときにのテーマカスタマイザーの再設定方法」を読み
再設定を行っております。その中で不具合なのか分かりませんが下記の状況が起こりました。
①外観→カスタマイズ→色
サイトタイトルとキャッチフレーズの文字色が変更できません。
①レイアウト(全体・リスト)→一覧リストのスタイル→エントリーカード(デフォルト)
スマホで見るとレスポンシブされず、記事一覧はPCと同じ表示になります。
(Simplicity1のときはスマホ用にレイアウトされ、綺麗に表示されていました)
よって、「記事一覧」とフッターの「カテゴリ、タグ一覧」の表示比率がおかしくなります。
(記事一覧→大きい フッター→小さい)
「 完全レスポンシブデザインにする」も試してみましたが同様です。
③レイアウト(投稿・固定ページ)→関連記事表示タイプ→サムネイル4列(推奨表示数4, 8, 12)
4列に設定しても、3列表示になります。
ですが、4列にした場合文字だけは小さくなります。CSS等は、子テーマだけに追加していて、PHP等は扱っていません。
まだWP初心者ですので、私の初歩的な問題であればその旨ご指摘いただければと思います。よろしくお願い致します<(_ _)>
-
2016年3月26日 7:34 PM #38062
わいひらキーマスターこちらの環境でテストして見たのですが、問題なく動作しているようです。

原因としては、キャッシュやプラグインが原因ということも考えられます。
以下に書かれていることを試してみてください。
動作不良時のガイドラインもし、上記のことで改善されない場合は、URLからソースを見てみないとちょっと原因はわからないです。(見てもわからない可能性もあります)
-
2016年3月26日 10:19 PM #38068
Hidekichi
ゲストjquery等にエラーが出ていたりとかもあります。
また記事の中身が何かしらサイズが大きくて#body-inを押し広げることにより幅があると判断される場合があります。1から2へ移行する場合ウィジェットの設定も見直すようにして下さい。
ダッシュボード→外観ウィジェット不要なものが不要な箇所に入っていないかのチェックです。
-
2016年3月26日 11:44 PM #38073
kazu
ゲストわいひらさま、Hidekichiさま
ご返答ありがとうございます。現在のところ、
①キャッシュ削除
②プラグインの停止
③wpバーションの確認
をやってみました。
しかし残念ながら症状は変わりません。>jquery等にエラーが出ていたりとかもあります。
ほとんどデフォルト状態で使用しております。>記事の中身が何かしらサイズが大きくて
このサイズというのは画像等、widthなどの幅のことでしょうか?
それともデータ量でしょうか?
たぶん前者かと思うのですが、simplicity1では普通に表示されていましたし、width等は一応計算しております。>ウィジェットの設定も見直すようにして下さい。
>不要なものが不要な箇所に入っていないかのチェックです。
特別なものは入れておりません。
入れているのはタグのプラグインがありましたが、
現在外していても症状は同様です。サイトURLを公開するのに躊躇がありましたので
一応わいひら様にはメールでURLをお送りしました。初心者的なうっかりミスだと良いのですが・・・^^;
貴重なお時間を取ってご返信頂きありがとうございます<(_ _)>
-
2016年3月27日 12:11 AM #38074
テツ
ゲスト子テーマのCSS
一旦やめてみたら?1系のまま使うと
レスポンシブに
不具合でますよ -
2016年3月27日 3:19 AM #38080
Hidekichi
ゲスト> ①キャッシュ削除
> ②プラグインの停止
> ③wpバーションの確認
> をやってみました。
もしこの順番でやっていたとすれば、大まかには問題はありませんが、順番的には逆です。まずプラグインを停止してからキャッシュされない状態にブラウザを設定して(プライベートウィンドウ、デベロッパーツールのパネルを開いてる状態(要設定)等)、その後にキャッシュのクリアです。
ほとんどがアクセスした時にキャッシュを作ったりするので、予めブラウザ、あるいはサーバーにキャッシュが作成されないようにしておく必要があります。その状態からキャッシュクリアです。wordpressのプラグイン設定画面等から、キャッシュをクリアするだけではなく、ftpでwp-content内に不要なキャッシュディレクトリやファイルが作られていないかのチェックもしたほうが良いでしょう。jQuery、javascriptをまとめるようなものも停止だけではなくそのキャッシュも削除したほうが良いです。
>> jquery等にエラーが出ていたりとかもあります。
> ほとんどデフォルト状態で使用しております。
デフォルトであるから問題はないというのは間違いです。デフォルトでも目立ったエラーは出てませんが、動作がおかしくなるかも知れないような記述は含まれています。確かにjQueryそのままではcssの読み込みを停止するようなエラーは起こらないかも知れません。しかし、プラグインを使用する以上、そこに書かれている内容とSimplicityデフォルトの内容がバッティングすることもあり得ます(どんなプラグインを利用しているかにもよる)。見た目にエラーがなくても、そういう場合があるのでチェックはしておいたほうがベターです。まぁ実際のサイトを見ていないので何があるかは想像でしか書けませんが。
>> ウィジェットの設定も見直すようにして下さい。
>> 不要なものが不要な箇所に入っていないかのチェックです。1系の時に作った(利用した)ウィジェットが2系に移行した時に同じ所に同じようにして残ればよいのですが、そうは行かない場合があります。
2系への以降への手順でも説明があるように、カスタマイザーの設定を再保存してくれという部分があります。これは1系で利用していた同じウィジェットの設定が2系ではクリアされてしまうことを意味します。つまり、同じウィジェットでも1系と2系は別物として扱うということで、1系の時の設定がクリアされて思わぬウィジェットエリアに入っていたりすることがあったりするわけです。例えば、フッターに入れていたウィジェットが投稿記事下とかに入る可能性もあります。
ウィジェットのcssがただしくセレクタを追って記載されていればよいですが、グローバルな感じでスタイルしてあると、フッターの設定が投稿記事下に及ぶ可能性もあるわけです。
まぁそれが原因とは言い切れませんが、こういう現象もあるということで利用していないからどうのではなくて、チェックはしておく方がベターということです。
実質親テーマだけで表示した時に問題なくレスポンシブにできるのであれば、キャッシュやプラグインよりは子テーマに何かしらが原因と考えるのが妥当と思います。レスポンシブにしている部分はcssだけですので、書き方に問題があるか、レスポンシブ(css)を邪魔している何かがあるかです。後者はエラーや不具合が出ていると考えられます。
-
2016年3月27日 12:15 PM #38094
kazu
ゲスト>テツさん
>子テーマのCSS
>一旦やめてみたら?
CSSは罫線など色の変更を3ヶ所くらいだけなので関係ないような気がしているのですが、一旦削除してみます。
ありがとうございます。>Hidekichiさん
詳しくご説明頂きありがとうございます。
wp初心者のため、後々大変なことにならないように殆ど手を加えずにいたのですが、やはりちょっとしたことで不具合が発生したりするんですね。一応ご指摘の通りに作業してみます。
結果はまたご報告させて頂きます<(_ _)> -
2016年3月27日 4:44 PM #38099
kazu
ゲストご助言を頂いた皆様、
無事正しく表示することが出来ました!結果的にはsimplicity1,2共にサーバーから削除して、テーマを再インストールしました。
何が悪かったのか分からずじまいなので、「こんなことをしたらこうなる」みたいな参考例ができずに残念です。
しかし元に戻ってホッとしています。ありがとうございました!<(_ _)>
-
2016年3月27日 5:27 PM #38101
kazu
ゲストご報告です。
不具合の部分で1点原因が分かりました。>①レイアウト(全体・リスト)→一覧リストのスタイル→エントリーカード(デフォルト)
スマホで見るとレスポンシブされず、記事一覧はPCと同じ表示になります。
(Simplicity1のときはスマホ用にレイアウトされ、綺麗に表示されていました)
よって、「記事一覧」とフッターの「カテゴリ、タグ一覧」の表示比率がおかしくなります。
(記事一覧→大きい フッター→小さい)についてですが、CSSが原因ということが分かりました。
(テツさんの言われる通りです)記事一覧の外枠の色を変えようと思い子テーマに
/* 記事一覧外大枠罫線色 */
#main {
float: left;
box-sizing: border-box;
width: 740px;
padding: 20px 29px;
border:1px solid #fa8989; /* dddから変更 */
background-color:#fff;
border-radius: 4px;
margin-bottom: 30px;
}を記述していました。
「dddから変更」のことろだけ色を変更していたのですが、これがSPにも表示されて、結果SPの記事一覧の枠がPCと同様に大きくなっていました。テーマを再インストール後、CSSを一つずつ入れてみたら(全部で4つ)、上記のところでSPが不具合でした。
PC時にデベロッパーで見ると、記事一覧の外枠は「#main」となっていたので、そこのカラーだけ変更すれば良いと思っていたのですが、どうやらダメなんですね。ちょっと調べてみます。
(あ、どなたかご助言頂けるとありがたいですが)>①外観→カスタマイズ→色
サイトタイトルとキャッチフレーズの文字色が変更できません。これについても、2の子テーマにCSSをコピーするときに
「/* Simplicity子テーマ用のスタイルを書く */」
より上の部分が、1の子テーマの部分までコピペしていました。
重複を消すことによってタイトルの色変更は反映されました。③の関連記事の表示がおかしい件については原因は分からずじまいですが、たぶん同様のことかもしれません。
みなさん、お騒がせしました<(_ _)>
-
2016年3月27日 9:47 PM #38122
わいひらキーマスターすいません、せっかくメールをいただいたのに、すぐに返信できずに申しわけありません。
メールが来たときに、みた感じでは、子テーマのCSSが影響してレスポンシブにはなってなかったようです。➂についても、同環境で試してみたのですが、不具合は再現されないようです。

1度、親テーマのみにして、不具合が再現されるか試してもらって良いですか?
どうしても、改善出来ない場合は、子テーマのstyle.cssで宇関連記事要素の幅を変更することで4列にできるかと思います。.related-entry-thumbnail { width: 170px; }上記のコードでうまくいかない場合は、CSSセレクタの優先度を上げるか、important使用してみてください。
-
2016年3月28日 1:44 AM #38147
kazu
ゲストわいひら様ー!
>③の関連記事の表示がおかしい件については原因は分からずじまいですが、たぶん同様のことかもしれません。
すみません、書き方が非常に悪かったです!
①~③まで全て無事に解決いたしました。
③についてはテーマを再インストールしたときに直ったのですが、「直ったけど原因が分からなかった」と書きたかったのです(>_<)大切なお時間を割かせてしまって申し訳ありません!!<(_ _)>
simplicity、ますます素敵です!
-
-
投稿者投稿
- トピック「サイトタイトルカラーと関連記事の表示不具合」には新しい返信をつけることはできません。