アメブロ カスタマイズ
新しいCSS編集用デザインを使って自分専用のオリジナルデザインにするための『ステップ⑥』です。
サイドバーの最新の記事一覧の変な改行を下記のように修正する手順をご覧になれます。
カスタマイズ前の準備
この記事を読む前に、こちらの設定をしておいてくださいね。
変更に失敗し元に戻したい場合、こちらの記事をご覧ください。
カスタマイズ手順
- 『ブログ管理』画面を開きます。
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」をスクロールし、文末に下記のコードをコピーします。
/* 最新の記事一覧の変な改行を無くす */ .skinSubArea li, .skinSubArea ul{ overflow: visible; } .skinSubList li { display: flex; } .skinSubList li a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
- お好みで、もっと長いタイトルに対応したい方は
font-size:90%; /* 文字の大きさを90%にする */
- コピー後、『保存』をクリックします。
以上で適用完了です。お疲れさまでした。
記事を気に入って頂けたら
お願いします m(_ _)m
本でしっかり勉強したい人は、こんな本はいかがですか?