本日はさくらのブログのカスタマイズを行いました。
カレンダーの日付の書式
デザイン、コンテンツからカレンダーを選択。
「カレンダー年月」の項目を変更しても書式は変わりませんでした。
「コンテンツHTML編集」の中を修正すれば、書式の変更が可能なことがわかりましたので、次回やてみましょう。
コメント時に表示される「確認する」「書き込む」ボタンの色
「確認する」「書き込む」ボタンは、class名「#comments .input-submit」です。
「#comments .input-submit」に対し設定していきます。
もともとの設定が「backgrond」で設定されているので、「backgrond」に対し背景色を設定します。
もともとの設定は、画像で角丸ボタンを実現していますが、背景色で設定した場合、角丸ではなく普通の資格になってしまいます。
角丸にするには「border-radius」を使います。
「border-radius: 5px;」で5pxの角丸の丸みになります。
プロフィールなどの前にアイコンをつける
画像でアイコンを表示することも可能ですが、なかなか位置やサイズが合いません。
fontawesomeを使ってアイコンを表示するとキレイに文字と揃います。
デザイン、HTMLからHTMLを追加し、そのHTMLを編集します。
headタグの中に
を追加します。
デザイン、コンテンツ、プロフールなどの「HTML編集」で表示されるHTMLを編集します。
font-awesomeのサイトで表示したいアイコンを選び、表示したい場所にclass名（家のアイコンの場合）「fa fa-home」を追加します。