LinkWithinの補足

ホーム > ブログ > LinkWithinの補足

2011年01月22日

こんにちは。WEBデザイナーの CUBES です。

先日、LinkWithinの記事を書いたところ、意外に反響が頂き有り難うございました。
※LinkWithin は最新ブログ記事下にお勧め記事を紹介するガジェットです。

ただ、説明が悪かったのでLinkWithinの補足を。
LinkWithinを導入すると、標準では左詰めで表示されるため、この様に表示されます。

これではバランスが悪いので、CSSを加工して左にもスペースを入れ、
バランス良くセンター揃えにしたい！

僕の場合、４記事でLinkWithinの左右幅が約470ピクセル。
右側には約100ピクセルのアキ。半分の50ピクセルを左側に振りあてます。

と記事を書きましたが、説明が不十分でした。
CSSを加工出来るテンプレートは「カスタム可能」だけ

です。
「カスタム可能」テンプレート以外を使われている方は、LinkWithinを移動出来ない

と思ってください。

念のために「カスタム可能」テンプレートでの変更方法はこちらです。

　画面右下の「カスタム加工」をクリック
　使いたいデザインテンプレートを選択
　デザイン変更画面に戻り「CSSの編集」をクリック

　CSS編集画面に下記CSSをコピペ。

#lws_0{
padding-top: 0;
padding-bottom: 0;
padding-left: 50

px;
}

メチャクチャ手抜きなソースです。
上・下にアキ0ピクセル。左に50ピクセル、右は指定無し。
ブログレイアウト、LinkWithin表示ブロック数によって左側に入力する数値は変わります。
※「padding-left: 50

px;」の50

をご自分のブログに合った数値に変更してください。

この記事を書いた人

Design Creates CUBES（デザインクリエイツキューブス）代表のコバヤシです。

中小企業・クリニック・動物病院・展示会系ホームページ制作・運営サポートを得意としております。お客様や会社・お店のイメージをユーザビリティーを第一に考慮したデザインで、清潔感や信頼感、暖かみのあるホームページ作りを得意としています。

特に病院・クリニック・動物物病院さまホームページは、大変満足いただいております。

ホーム > ブログ > LinkWithinの補足