[対応:5]フッター回りのリンク整理方法

賢威では、最下部のフッターに配置されている、
カテゴリーやアーカイブは1列に並ぶようになってます。

運営歴が長くなったり、カテゴリーが増えると、
下に長く伸びてしまいかっこわるいので、
この調整方法を説明します。

賢威カスタマイズ フッター回りのリンク整理方法

 

賢威カスタマイズ フッター回りのリンク整理方法

それでは説明します。
説明と言っても非常に簡単で、CSSにソースを加えればOKです^^

 

WordPressの場合は、
ログイン後⇒ダッシュボード⇒外観⇒テーマ編集と進みます。

中のスタイルシートを選択して
cool-whiteg○.cssをクリックします。

最下部付近にある

/*——————————————————–
フッター
——————————————————–*/
を探して、もう少し下にある

/*●フッターメニュー*/
div.footer-menu{ padding: 0; }

div.footer-menu ul{
    float: left;
    margin-right: 30px;
}
* html .footer-menu ul{ width: 247px; }

div.footer-menu li{
    display: block;
    margin-bottom: 5px;
    padding-left: 17px;
    background: url(images/icon/icon-footernavi.png) left 5px no-repeat;
}

のソース部分を探します。

div.footer-menu liの部分に2行のソースを追加します。

div.footer-menu li{
display: block;
margin-bottom: 5px;
padding-left: 17px;
background: url(images/icon/icon-footernavi.png) left 5px no-repeat;
float: left;
width: 260px;
}

1行目 float: left; を追加
2行目 width: 200~260px; ぐらいで追加

これを加えればOKです。
下記のように2列になったら成功です^^

フッターの調整方法

 

以上
賢威カスタマイズ フッター回りのリンク整理方法
でした^^

コメントを残す

サブコンテンツ

このページの先頭へ