ブログカードの幅が広がらない

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも ブログカードの幅が広がらない

  • このトピックには4件の返信、1人の参加者があり、最後にRyo-KAにより5年、 1ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #35330
      Ryo-KA
      ゲスト

      わいひらさん、YouTubeの件ありがとうございました。

      今回は、ブログカードの幅が広がらないという事で、トピックを立てさせてもらいました。

      該当ページ画像▼
      https://gyazo.com/618b5b13c2b66e5452229937d37b47fd
      https://gyazo.com/da595fdec2048e7b9515c549068033ce

      該当ページURL▼
      http://crazy-shout.com/2013/06/1176/

      また、このページ以外のブログカードも広がりませんでした。

      念のため、Simplicity動作不良時のガイドラインにそって確認してみました。

      ●SIMPLICITYサイトで同様の不具合が出ているか確認 → 不具合無し

      ●ブラウザのキャッシュを消してみる → ブログカード広がらない

      ●ファイルキャッシュプラグインを使用していたら停止してみる → 使っていない

      ●エックスサーバーのmod_pagespeedをオフにする → さくらインターネット利用

      ●WordPressを最新版にしてみる → 最新版

      ●相性が悪いプラグインがあったら停止してみる → 一度プラグイン全停止するも改善なし

      ●テーマを一旦削除して再アップロードしてみる → 再アップロードしても改善なし

      ●子テーマでカスタマイズしている場合は、親テーマのみにして確認してみる → 親テーマにしても改善なし

      ●ブラウザを変更してみて同様の現象が起きるか確認してみる → IE、Firefox、Chrome、Opera で確認するが改善なし

      こういった状況ですが、何か他に対応策があれば教えて貰えれば助かります。

    • #35331
      Hidekichi
      ゲスト

      ブログカードの幅を広げるにチェックを入れると、カスタマイザーのインラインのスタイルで、

      .blog-card {
        width: calc(100% - 40px);
      }

      が効くだけなので、子テーマstyle.cssに、普通に

      .blog-card {
        width: 100%;
      }

      と書いておくだけでもイケると思います。親スタイルで、width:500pxあたりが設定されているのを子テーマで100%にするだけです。

      Ryo-KAさんのサイトでは、カスタマイザーのスタイル分が効いてないだけです。

      幅が広くなったりの調整はclassでやる方がわかりやすいんですけどもインラインスタイルで適用されているので、例えば逆に何かしらの設定をインラインのスタイルが上書きしているよりは簡単に直せるはずです。

      内容的に、わいひらさんへの話になってしまいますが

      .blog-card {
        //ボーダーとか色々の設定
      } 
      
      .blog-card.wide {
        //幅広の時のサイズ
      }

      こうなってると、html上でも、実際に設定が適用されているかどうかがわかりやすいんですがね。
      こういう状態なら、

      [div class="blog-card wide"]
        //その中身
      [/div]

      となるわけですから、wideがついてる=カスタマイザーが適用されているとわかるわけです。何かしらのカスタマイザーの設定値の有無でクラスを付け替えると言うのはできないわけではないので、インラインで書くスタイルから離れられるようになるかと思うんですけれども。

    • #35332
      Hidekichi
      ゲスト

      あぁなるほど。
      Simplicity2の場合は、子テーマのが後で読み込まれるのでインラインのスタイルを上書きしてるだけですね。
      なんで子テーマで、width:100%(あるいは任意の値を入れるだけで解決です)。

      カスタマイザーの設定を有効にしたい場合は、widthを子テーマの.blog-cardから取ればよいだけです。

    • #35343
      Ryo-KA
      ゲスト

      >>カスタマイザーの設定を有効にしたい場合は、widthを子テーマの.blog-cardから取ればよいだけです。

      子テーマからwidthを取ったら、いけました!!
      Hidekichiさん、ありがとうございます。

      それにしても、凄い知識量と応用力ですね。
      助かりました!!

    • #35347
      Ryo-KA
      ゲスト

      あと、別トピで [S]人気記事 ウィジェットでランキングが表示されない。という内容を上げているので、これも解決策があれば是非教えて頂けると助かります。

4件の返信スレッドを表示中
  • トピック「ブログカードの幅が広がらない」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)