デザインの変更⑥（サイドバー記事一覧の改行制御）

アメブロカスタマイズ

自分専用のオリジナルデザインにするための『ステップ⑥』です。

サイドバーの最新の記事一覧の変な改行を下記のように修正する手順をご覧になれます。

カスタマイズ前の準備

この記事を読む前に、こちらの設定をしておいてくださいね。

変更に失敗し元に戻したい場合、こちらの記事をご覧ください。

『ブログ管理』画面を開きます。
https://blog.ameba.jp/ucs/top.do
『デザインの設定』ボタンをクリックします。

https://blog.ameba.jp/ucs/skin/skinselecttop.do
「デザインの変更」の「適用中のデザイン」にある『CSSの編集』をクリックします。

https://blog.ameba.jp/ucs/editcss/srvcssupdateinput.do
「現在使用中のプロぐデザインCSS」をスクロールし、「(4-1) サイドテキスト全体」の

/* サイドモジュールタイトル */
.skin-widgetTitle {
color: #666666;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 10px;
margin-bottom: 6px;
}

のすぐ下に、下記の六行をコピーする
```
/* 最新の記事一覧 */
.skin-linkList li a{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
```
お好みで、もっと長いタイトルに対応したい方は
```
  font-size:90%; /* 文字の大きさを90%にする */
```
も一緒にコピーしてください。
コピー後、『保存』をクリックします。