サポート » 使い方全般 » 記事がすべて左によってしまう

  • kikakukaihatsu

    (@kikakukaihatsu)


    投稿した記事がすべて左側に寄ってしまいます。

    そのため、左側にあるブログタイトルやカテゴリーが隠れてしまいます。

    使用しているテーマは「Grider (TCD015)」です。
    テーマ制作会社に相談して現時点で、わかっていることは、

    ①header.phpファイルに記述の誤りはないとのこと。

    ②一度ワールドプレスからテーマを削除して、新しくダウンロードしたテーマを
     再度インストールしましたが、新たに投稿すると記事が左に寄ってしまう。

    ③すべての投稿記事をゴミ箱に移して、新たに投稿すると記事が左に寄ってしまう。

    ワールドプレスのバージョンは現在4.3.1ですが、テーマをインストールしたときは
    4.3でした。

    私はワールドプレス初心者で、htmlもわかりません。

    どなたかアドバイスいただければ嬉しいです。

    アドバイスいただきたい私のブログはこちらです。http://saoriexp.sakura.ne.jp/saori_html/blog/

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • モデレーター Daisuke Takahashi

    (@extendwings)

    このフォーラムでは有償のテーマについてはサポートの範囲外です。

    スレッド開始 kikakukaihatsu

    (@kikakukaihatsu)

    Daisuke Takahashiさん、投稿ありがとうございました。
    有償のテーマが、サポートの範囲外とは知りませんでした。
    教えていだだきまして、ありがとうございます。

    私のブログのような不具合は、どこに相談すればよいでしょうか?

    nobita

    (@nobita)

    こんにちは

    style.cssの末尾に

    #right_col{
        float:right;
    }

    を、追加してみてどうですか?

    私のブログのような不具合は、どこに相談すればよいでしょうか?

    これは、ワードプレス本体の不具合ではないように思います。

    購入したテーマは、制作元、販売元が相談窓口になりますよね。

    もし、テーマの販売元で、ワードプレス本体の不具合が原因だとしている場合は、その旨書いておいていただくといいと思います。

    スレッド開始 kikakukaihatsu

    (@kikakukaihatsu)

    nobitaさん、こんにちは!
    投稿いただきましてありがとうございました。

    さっそstyle.cssの末尾に、教えていただいたものを
    追加してみました。
    左側のカテゴリーが見えるようになりましたが、
    投稿記事が右側に縦一列に並ぶようになりました。

    久々に左側のカテゴリーが見えたので、ちょっと嬉しくなりました。
    制作会社では、ワールドプレスが原因とは言っていませんでしたので
    もう少し相談を続けていこうと思います。

    今回、初めてこのフォーラムを利用してみましたが、
    まさかnobitaさんのようにアドバイスをいただけるとは
    思いませんでした。本当に嬉しかったです。
    どうもありがとうございました。

    引き続き原因を探していきたいと思います。

    BIG_MON

    (@big_mon)

    左列にはブログ名やカテゴリー一覧。
    右列には「サオリエクスポート」と投稿した記事が一列に並んでいれば良いのでしょうか?

    それならばそちらで使用しているstyle.cssに対して以下のことを行ってみてください。

    ■60行目に書かれている

    #main_content {
        margin: 35px auto 0;
        width: 1166px;
    }

    に「display: flex;」を追加。

    ■66行目に書かれている

    #left_col {
        width: 210px;
        float: left;
        margin: 0;
    }

    から「float: left;」を削除。

    ■597行目に書かれている

    #right_col{
        float:right;
    }

    から「float:right;」を削除。

    以上で左右の行が並んで表示されるようになったと思います。
    もし左右の行の間に余白を持たせたければ、597行目の#right_col{・・・}の中に
    「margin-left: 10px;」を追加してください。

    ※10pxというのは余白の大きさですのでお好みで変更してください。

    どのようなデザインになればkikakukaihatsuさんの思い描いた正解なのか、
    そこがいまいち分からなかったのでちがうデザインになってしまうかも知れませんが参考になれば幸いです。

    スレッド開始 kikakukaihatsu

    (@kikakukaihatsu)

    BIG_MONさん、こんにちは!
    投稿いただきましてありがとうございました。
    大変丁寧な説明をいただきまして、ありがとうございました。

    どのデザインになれば良いのか、の説明がぬけていました。
    申しわけありませんでした。

    こんな感じです。 
    テーマ制作会社のテーマ広告    http://design-plus1.com/tcd-w/tcd015
    テーマのデモサイト        http://wp-dp.com/wp015/
    このテーマを使用した他のサイト集 http://threem-design.com/self-branding/wordpress/tcd015-grider/

    左側にブログ名やカテゴリー一覧
    右側に投稿した記事が3列か4列に表示されます。
    3列か4列かは、見ている人のパソコン画面の
    サイズによって自動的に変わります。

    現在のサオリブログを見ていただければわかると思いますが、
    http://saoriexp.sakura.ne.jp/saori_html/blog/
    投稿記事が左側によってしまって、ブログ名とカテゴリー一覧を
    完全に隠してしまっています。

    とても気に入って使用しているテーマなので
    何かアドバイスいただければ助かります。

    maru0014

    (@maru0014)

    動的にスタイルを適用しているようなのでCSSだけでは解決しないかと思います。
    とくにテーマの内容を大きく変更していない場合は、初歩的ですがプラグインを一旦すべて無効にしてみてはいかがでしょうか。
    その後正常に表示された場合は1つずつ有効にしていって問題のプラグインを見つけ出しましょう。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    すでに数名の方から指摘がありましたが、このサポートフォーラムでは商用プロダクトをサポートの対象外としています。

    フォーラムへようこそ – 商用プロダクト

    サポートについてはテーマの販売元に相談してください。

    本トピックはクローズします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「記事がすべて左によってしまう」には新たに返信することはできません。