simplicity2でタイル表記にするとトップページが崩れる件

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも simplicity2でタイル表記にするとトップページが崩れる件

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

      はじめまして。
      いつも利用させて頂き、ありがとうございます。

      この度、ネットの情報を漁ったり、こちらのHPを見ても
      解決に至らなかった為、お力を頂きたく質問させて頂きます。

      simplicity2 child
      simplicity2 バージョン: 2.3.0g

      解決したい問題は、
      「サムネイルを設定した記事が、タイル表記にするとトップページが崩れてしまう」です。
      問題のHPはこちらです。
      http://beautyskill.wpblog.jp

      ネットの情報を見て、head-cleanerのプラグインが原因だったりするなどの情報を見て、
      head-cleanerのプラグインは消しましたが、変わりませんでした。

      どのような原因が考えられますでしょうか。

    • #50837
      Hidekichi
      ゲスト
        <figure class="entry-thumb">
                <img width="200" height="180" src="http://i2.wp.com/beautyskill.wpblog.jp/wp-content/uploads/2016/10/ベージュチェック背景.gif?resize=200%2C180" class="entry-thumnail wp-post-image" alt="お腹空いた" />
      美容ニュース</div>
                  </figure><!-- /.entry-thumb -->

      上が元のソースですが、

      美容ニュース</div>
      この閉じdivはおかしいです。ここで閉じるわけがないので、それに伴ってその後がおかしくなっているのではないかと。

      entry-card.phpをいじったのであれば、その中のimgタグの終わりとかに、おかしな記述があって閉じdivがないか確認して下さい。
      本来その部分は、
      <a href="<?php the_permalink(); ?>" class="entry-image entry-image-link" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'thumb150', array('class' => 'entry-thumnail', 'alt' => get_the_title()) ); ?></a>

      このように、aタグとimgタグ(the_post_thumbnail();はimgを出力する関数)があるだけです。
      aタグのtitleタグやら怪しいですけどね。もしそうなら、記事のタイトルに閉じdivが入っているのかも知れません。

      記事編集画面やphpのファイルは外部から見れないので、あくまで想像ですけども。

      他の要因でここに閉じdivは入らないと思いますが、どういう手の入れ方をしているのかはわからないので、最悪親テーマを再インストールすれば直るだろうと思います。

      子テーマを利用されているなら、新規で子テーマのzipをダウンロードして、デフォルトの状態に戻せばよいです。もちろん、カスタマイズしたものはバックアップをとっておく必要があります

      子テーマを入れ直す際はいったん別のテーマか親テーマにしてからでないと子テーマを削除できませんし、親テーマの再インストールは子テーマ以外の別のテーマを有効にしてからでないと削除できません。

      ブラウザ上で作業する際は、削除したら元に戻らないので(手を入れた)ファイルごとのバックアップを取るというのと、できるだけftpを利用してそれらをする方が良いです。

      ブラウザ上で作業してもよいのは基本的にトラブルを自力解決できる人のみです。
      常にサイトは公開されていて、何かしらの手違いで正常に動作しなくなったら見に来る人に悪い印象しか与えませんから、必ずローカル環境でシンタックス(記述ミス等)のチェック、またオンラインのテストサーバー(cloud9とか)でカスタマイズのチェックなどをしてから本番サイトを公開して下さい。

      作業中と言えども同様です。管理者しか作業中のサイトを見れない環境なら良いですが。

      wordpressは記入ミスなどを実行してからしかおかしいとしか表示しません。htmlの場合はそれがミスかどうかもわかりません。なので管理者に全て委ねられるのです。

      管理者がその道のプロでも閉じ忘れや、;抜けなどを起こします。人は必ず間違いますから、それを知らせてくれるような開発環境を整えるのが重要です。
      これが難しいのでプロや物好き以外はしないんですけどね(笑)

    • #50838
      Hidekichi
      ゲスト

      ☓ titleタグやら
      ○ title属性(部分)やら

    • #50857
      質問者a
      ゲスト

      Hidekichi様

      詳しい解説ありがとうございます。
      仰る通り、wordpressの管理画面から操作しておりました。
      殆ど知識が無いまま、コピペをしてここまで来たので
      やはりコードを理解すると共に、ローカルで編集してからにしたいと思います。
      cloud9というのも調べてみます。

      結局、どこが悪いか、という詳細は分かりませんでしたが
      親のテンプレートと子のテンプレートを入れ直したら無事に治りました。

      ご丁寧なご回答、アドバイスまでくださってありがとうございました。

3件の返信スレッドを表示中
  • トピック「simplicity2でタイル表記にするとトップページが崩れる件」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)