IT仕事 WordPress

不動産プラグインの「トップ物件表示」ウィジェットが9件目から段ズレする。

投稿日:

解決できなくて、数時間、悩んだ~。

結局わかったのは、
・ウィジェットのブロックの高さ調整にJQueryを使っている。CSSで決め打ちではない。
・PHPのコードで、物件4件ごとに高さを決めている。
・高さは、その一行のうち一番高い高さに合わせている。次の行に行くと、再度計算し直す。
・公式テーマでは4件ごとだが、自分のテーマは3件ごとに折り返しているので、前行の高さが適用され、段ズレが起きる。

解決法は、
fudo-widget.phpの808行目あたりの、if (i % 4 == 3)をif (i % 3 == 2)に修正で、OK!。

jtop$('#<?php echo $args['widget_id']; ?>_1 > li').each(function(i) {
temp.push(this);
if (i % 3 == 2) {

もちろんこのトラブルは、不動産プラグインの制作者さんのせいではなく、テーマを3段にした私のせい。

にしても、ホント悩んだ。

-IT仕事, WordPress

執筆者:

関連記事

no image

PSPでスライスツール

以前に覚えたのだがいざ使う段になると忘れていた昨日。なのでメモ。 1.Photoshopでガイドラインを引く。 2.スライスツールを選択し、ガイドラインの角から対角線を引くように選択。 3.続けて切り …

no image

ATOKからGoogle日本語入力に乗り換え

長年、ATOK2008を使ってきたが、先日Windowsのバージョンを10にしたら、使えなくなってしまった。 メーカーのHPを見ると、そのバージョン同士は使えなくなったみたい。 まあいいかと諦めてWi …

no image

desknet’s neo

会社で使っているスケジュール管理サービスなのだが、このたびdesknet’s からdesknet’s neoにバージョンアップした。 スマートフォン対応というのに惹かれたのだが …

ShopifyからChatworkへ通知(JSON)

Arigato Automtion(Shopify)から、PowerAutomateへの、JSONデータの渡し方について、需要あるかもと思い、書いてみる。 自分がやっていた以前のやり方(これだと日本語 …

no image

Twitter Bootstrap テスト

今日、Twitter Bootstrap をテストしたくて、本サイトを、標準テーマ + WordPress Twitter Bootstrap CSS プラグインにしてみました。 ほとんど動くのですが …