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

WordPressのトップページにニュースタイトル欄を設けたい

追記:トップページに最新記事5件を日付・タイトルをリスト表示。 さらに過去30日以内の記事にはNEWアイコンを付けるコード。 ■index.phpの <?php include (TEMPLAT …

no image

VBAでプリンタ切り替え

xlSheet.PrintOut(ActivePrinter:=”ココにプリンタ名”) でVBAの中でプリンタを切り替えできるんだなあ。 こんなコマンドもあるのか。 知らなかっ …

no image

WordPress Visual Icon Fonts

Web制作で、FAQページを簡単に作る方法はないかなと考えて、解の一つがこの、WordPress Visual Icon Fontsプラグイン。 icon-question-circle こんなときど …

PhotoshopElementsでWebデザイナーが作ったようなキレイなボタンを作るには

PSPについては、 思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog など、Web上にいろいろ解説があるけども、Elementsに …

no image

DreamWeaverでXamppでMySqlでトラブルで

DreamWeaverCS6とXampp+MySqlを接続しようとしたのだがうまくいかず4時間ほど格闘。 一番はまったのが、右上のスクリーンショット「サイト設定」の、「使用する接続」が「ローカル/ネッ …