ホーム
不具合報告

[S] 新着・人気記事 ウィジェットのトップページでの表示について

PR

Simplicityの特徴 › フォーラム › 不具合報告 › [S] 新着・人気記事 ウィジェットのトップページでの表示について

5件の返信スレッドを表示中
  • 投稿者
    投稿
    • 2016年8月28日 2:14 AM #44741
      太田
      ゲスト

      [S] 新着・人気記事 ウィジェットについて、「タイトルを重ねた大きなサムネイル」を選択し、「集計単位１ヶ月」、「集計期間の表示」、「閲覧数の表示」、「ランキング順位の表示」各チェックボックスについてもチェックをいれています。

      上記設定で、トップページのみウィジェットのリスト表示が崩れます。具体的には5番目の表示とビュー数がカードが縦につぶれた感じで表示されます。なお、各投稿ページでの表示については問題ありません。

      確認済み事項：
      ・WordPress v4.6
      ・WordPress Popular Posts v3.3.4
      ・SImplicity2 v2.2.0g および v2.2.8 でブラウザキャッシュを削除した状態で確認
      ・私のサイトでは子テーマ(simplicity2-child20160110.zip)を利用しているため、本体のテーマに切り替えた状態で確認
      ・該当箇所の HTML では取得できている状態です。wpp-list クラスが指定されているリストの表示がうまくいかない様で、コメント部分から WordPress Popular Posts v3.3.4 側が生成している箇所となるためプラグイン側の変更に起因しているかもしれません。

      <div class="popular-entrys popular-entrys-large
 popular-entrys-large-on">

<!-- WordPress Popular Posts Plugin v3.3.4 [PHP] [monthly] [views] [custom] -->

<ul class="wpp-list">
<li> <a href="http://blog.neoflow.jp/virtualization/vmware/292/" title="vmware-hostd.exe が port 443 を占有して XAMPP が起動しない" class="wpp-post-title" target="_self">vmware-hostd.exe が port 443 を占有して XAMPP が起動しない</a> <span class="wpp-views">183 views</span></li>
<li> <a href="http://blog.neoflow.jp/web-services/cloudflare/757/" title="CloudFlare もうだめか？香港拠点で謎の Error 523" class="wpp-post-title" target="_self">CloudFlare もうだめか？香港拠点で謎の Error 523</a> <span class="wpp-views">167 views</span></li>
<li> <a href="http://blog.neoflow.jp/softether-vpn/541/" title="Softether が凄すぎてヤヴァイ件" class="wpp-post-title" target="_self">Softether が凄すぎてヤヴァイ件</a> <span class="wpp-views">156 views</span></li>
<li> <a href="http://blog.neoflow.jp/windows/296/" title="ロードされているフィルタドライバを確認する簡単な方法" class="wpp-post-title" target="_self">ロードされているフィルタドライバを確認する簡単な方法</a> <span class="wpp-views">135 views</span></li>
<li> <a href="http://blog.neoflow.jp/perl/740/" title="libexpat.dll のがない場合の公式ダウンロード先と対処方法" class="wpp-post-title" target="_self">libexpat.dll のがない場合の公式ダウンロード先と対処方法</a> <span class="wpp-views">133 views</span></li>

</ul>

<!-- End WordPress Popular Posts Plugin v3.3.4 -->
</div>

      文章ですと表示の崩れ方がうまく伝わらないため、もし可能でしたらお時間のあるときに当方のブログ（http://blog.neoflow.jp）のトップページのウィジェット部分をご参考いただければと思います。

      太田

    • 2016年8月28日 12:06 PM #44743
      hidekichi
      ゲスト

      本来は、

      <ul class="wpp-list">
  <li>
    <a><img></a> //←これがある
    <a>タイトル</a>
    <span class="wpp-views"></span>
  </li>
</ul>

      こんな構造です。imgタグ自体が高さを確保しているので、imgがない場合はそこに重ねるview部分が重なって質問のような状態になるのはまぁ当然かと思います。

      原因としてはサムネイルがないからかとは思うんですけれども、例えば

      #sidebar .widget_new_popular .wpp-list li {
    min-height: 100px;
    background-color: #333;
}

      こんなのを入れておけばひとまず最低限の高さは確保できますし、重なることはないかと思います。

      サムネイル自体は、なければno-imageが表示されると思うんですよね。ここらはアイキャッチが有効になっているかどうかとか、サムネイルが作られているかどうかとか、色々と設定がどうなっているのかを含めて調べる必要がありそうです。

      他の表示ではサムネイルは表示されますか？

    • 2016年8月29日 4:04 PM #44779
      アバター画像わいひら
      キーマスター

      それにしても、なんでトップページだけサムネイルがタグすら出力されていないんだろう。
      [S] 新着・人気記事 ウィジェットの「タイトルを重ねた大きなサムネイル」を「デフォルト」にするとサムネイルタグは出力されるでしょうか？

    • 2016年8月29日 4:55 PM #44784
      technote
      ゲスト

      https://github.com/cabrerahector/wordpress-popular-posts#requirements

      • WordPress 3.8 or above.
      • PHP 5.2+ or above.
      • Since WordPress Popular Posts writes constantly to the database to keep track of page views, InnoDB support is required.
      • Either the ImageMagik or GD library installed and enabled on your server (not really required, but needed to create thumbnails).

      ImageMagik か GDのライブラリはインストールされていますか？

      ImageMagikの場合はWordPress Popular Postsにバグが有るため正しく動作しません。
      https://technote.space/blog/archives/437

    • 2016年8月29日 10:50 PM #44787
      太田
      ゲスト

      hidekichiさん、わいひらさん、そしてtechnoteさん、レスありがとうございます。[S] 新着・人気記事 ウィジェットの「タイトルを重ねた大きなサムネイル」を「デフォルト」にしてみたのですが、改善されませんでした。technoteさんのポストで gd のライブラリのご指摘をいただき思い当たり php7.0 系のライブラリをインストールしたところ無事改善しました。

      原因：
      Web サーバのアップグレードでにより、Ubntu/Lubuntu 14.04 LTS では php5.3 系が利用されていたのが Ubuntu/Lubuntu 16.04 LTS では php7.0 系に変更となっているためでした。他に xml 関連ライブラリでも問題が発生していたことを思い出しました。

      対策：
      $ sudo apt-get install php7.0-gd

      環境情報：

      daisuke@206:~$ uname -a
Linux vm-nfj-206 4.4.0-34-generic #53-Ubuntu SMP Wed Jul 27 16:06:39 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux
daisuke@206:~$ cat /etc/lsb-release 
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=16.04
DISTRIB_CODENAME=xenial
DISTRIB_DESCRIPTION="Ubuntu 16.04.1 LTS"
daisuke@206:~$ php -v
PHP 7.0.8-0ubuntu0.16.04.2 (cli) ( NTS )
Copyright (c) 1997-2016 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2016 Zend Technologies
    with Zend OPcache v7.0.8-0ubuntu0.16.04.2, Copyright (c) 1999-2016, by Zend Technologies

      皆さま、どうもありがとうございました。

      太田

    • 2016年8月30日 7:35 AM #44800
      アバター画像わいひら
      キーマスター

      #44784
      そんな不具合があったんですね。
      僕では確実に思いつきませんでした。ありがとうございます。

  • 投稿者
    投稿
5件の返信スレッドを表示中
  • トピック「[S] 新着・人気記事 ウィジェットのトップページでの表示について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス（大）
アドセンス（大）