グラビカ学習帳～四谷のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

弊社ブログ『四ツ谷NOW』に
sixapart社のブログパーツ、『zenback』を導入しました。

ところが2点ほど不具合が発生。
最初はzenbackのバグ？かと思いましたが
ブログの初期設定のミスと
既に導入済みのJavascript＆コーディングとの相性問題。

忘れがちかと思ったのでメモしておきます。



------------------------------


①zenbackの関連記事が表示されない
HTMLソースの～内にRSSリンクを挿入します。
<link rel="alternate" type="application/atom+xml"
title="Atom" href="<$MTLink template="atom"$>" />
<link rel="alternate" type="application/rss+xml"
title="RSS" href="<$MTLink template="rss"$>" />
こんなかんじで挿入しました。
これだけで関連記事を読み込んでくれるようになりました、




②サイトのエントリー部分、縦幅にスクロールバーが出現
出てはいけない無駄なスクロールバーが出現しました。
どうやらこちらは、heightLine.jsを使っていると出てしまう不具合のよう。
heightLine.jsは２要素のheightを等しくしする為に、
ソースに直接style="height:---px;"を記入しますが、
その記入後に、zenback分のheightが追加されてしまい、
内包するコンテンツの高さがdivに設定されたheightより
高くなる為に起こってしまう相性問題のようです。
あまり起こりえない問題かとは思いますが、
heightLine.jsを適用させた部位にzenbackは使えないという事でひとつ。