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

執筆者:

関連記事

WooCommerceのメール通知設定「注文保留」は支払方法「銀行振込」において必須

はまった。 先ほどからWooCommerceをテスト環境でテストしている。 困ったことに、支払方法を銀行振込にしたときに限り(クレジットカードと代引きは影響なし)、メールが注文者に送信しなくなった。 …

JQueryでカレンダー入力機能

以下を参考に、ZeroMailというメールフォームスクリプトにカレンダー入力機能を追加。 Datepicker | jQuery UI 1.10 日本語リファレンス | js STUDIO 他のサイト …

Jazzy Formsで見積を計算してもらいその結果をメールで送る方法

やりたいことは、 「Webサイトの見積フォームを設置し、それを使ってお客さんに見積をしてもらい、その見積結果を管理者宛に送信する」 ・・・というもの。 WordPressのプラグインで、「Jazzy …

no image

WordPressでトップページに更新一覧を表示したい

WordPress2.7を使っている。 更新一覧を、サイドバーに出すのは、簡単(ウィジェットを使えば)。 しかし、トップページに入れるのは、難しい。テンプレートをいじらないといけない。 is_fron …

no image

hostingrails.com

知り合いがHPを作ってくれというので、どこかのサーバを借りることにした。 いろいろ検討した結果、hostingrails.comというところにした。 このレンサバはその名の通り、Railsで作ったWe …