サイドバー新着表示崩れとFacebook用コードの修正

 

2014年11月19日にアップデート(ver.1.1.1)を行いました。

今回の変更点は、IEで閲覧したさいにサイドバーの新着記事表示が崩れる部分と、Facebook仕様変更に伴うコード修正です。

サイドバー新着記事の表示崩れ修正

リセットCSSの「vertical-align: baseline;」が原因で、IEから閲覧したさいに新着記事部分のサムネイルと記事タイトル部分の表示が崩れていました。

CSS の下記の部分に「vertical-align: top;」を追加しました。

Facebook仕様変更に伴うコード差し替え

header.php にある Facebook 用のコードが2015年5月以降使用できなくなるようなので、差し替えました。

■旧バージョン

■新バージョン

詳細はこちらでご確認ください。

>> いいね!ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります(公式情報)

今回の変更点は、CSS および header.php の軽微な修正のみです。よろしくお願いします。

2013年10月より、おもにWordPress初心者を対象とした指南書がメインのNaifixを開設。2014年3月にカスタマイズ前提のWPテーマ「Gush」を公開。
  • このエントリーをはてなブックマークに追加
  • Pocket

コメント一覧

  1. raopi より:

    お世話になります。

    サイドバーにメニューを追加すると
    タイトルが全部表示されず・・・となります。

    今日はすき焼きが食べ・・・
    明日はうどんが食べた・・・

    ポピュラーポストでも同様になるのですが
    どこを修正すればよろしいのでしょうか

    お手数ですがよろしくお願いします。

    • Ellora より:

      PCビューのCSSで、ウィジェットエリアの指定部分に下記を追加してください。

      タブレットでもすべて表示したい場合は、「overflow」「white-space」「text-overflow」の部分を任意に変更してください。

  2. raopi より:

    ありがとうございました。バッチリでした。

    お手数をおかけしました。

  3. Joker より:

    お世話になります。

    サイドバーの最新の投稿を使用して
    NEWエントリーを削除したいのですが
    サイドバーの

    から$st_query = new WP_Query($args);
    ?>
    までを削除したらサイドバー全体が消えてしまってエラーメッセジが出てしまいました。

    どこを削除すればいいのか教えてください。

    • Ellora より:

      以下を削除してください。

      <–新着記事・ホーム非表示–>

      <–新着記事ここまで–>

      • Joker より:

        ありがとうございました。

        下の方まで良く見ていませんでした。

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。