INDEX Page【ブログカスタマイズの雑談BLOG】

【Seesaaブログ新デザインシステム】サイドバーのコンテンツにタイトルを表示させる(カレンダー、自由形式など)

■カレンダーには記事の更新月が表示される■サイドバーの「カレンダー」や自由形式で追加したコンテンツのタイトルを表示させる方法■コンテンツのタイトルを「管理画面>デザイン」から変更■「コンテンツHTML」編集画面で「calendar」を編集  seesaaブログのコンテンツの1つに「カレンダー」があります。カレンダーはけっこう便利です。カレンダーの日付のリンク部分をクリックすると該当日の記事リストに飛べるし、そのブ…

【Seesaaブログ新デザインシステム】日付・タグの文字色を変更する

■Seesaaブログの日付とタグの文字色を変更■CSSの「meta」を編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」では、トップページの記事タイトルの下に日付が表示されていますが、もはや薄すぎて何と書いてあるのかわかりません。青色で表示される「タグ」が隣にあることで、日付の薄さがますます際立っています。(まあ、リンクの色を青色にしたのは私なので、私のせいですけどね)この記事では、日付とタ…

【Seesaaブログ新デザインシステム】トップページの記事タイトルを調整する

■Seesaaブログのトップページの記事タイトル部分の編集■CSSの「entry__title」を編集■線の色の変更、リンク下線の削除、余白設定  【2016/07/23 追記】Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」では、トップページの記事タイトルには下線が入るようになっています。薄くてわかりにくいかもしれませんが、灰色の点線が付けられています。デフォルトの場合ちょっと見えにくい画像なんですが、記事タイトル…

【Seesaaブログ新デザインシステム】サムネイル画像サイズの説明と変更

■「サムネイルサイズ」の説明■サムネイル画像サイズを変更■記事ページではないページのサムネイルサイズ「.entry__thumbnail」  Seesaaブログの「管理画面>設定」の「ブログ設定」では、ブログのトップページに表示させる記事の数や「過去ログページ」「記事カテゴリページ」などの表示記事数を設定することができます。もしも記事自体に画像を挿入していた場合、トップページや過去ログページには、記事に挿入した画像の…

【Seesaaブログ新デザインシステム】トップページの記事を線で囲んで境目をわかりやすくする

■Seesaaブログのトップページの記事コンテンツを線で囲む■CSSの「entry」を編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」のトップページは、メインとサイドの境目がよくわかりません。というか、シンプルすぎてどこにも境目がありません。もう少し記事部分を見やすい感じにしたいなぁ‥‥と思った私が選択したのは、「記事1つ1つを点線で囲む」という方法でした。「記事コンテンツを線で囲む」というの…

【Seesaaブログ新デザインシステム】リンクの設定を変更する(文字色の変更など)

■Seesaaブログのリンク設定を変更■文字色を変更■リンク文字に下線を付ける■CSSの「a」「a:hover」を編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」は、デフォルトの場合(何も変更していな状態の場合)、リンクが付けられた文章は「水色」で表示されます。マウスをリンク部分に乗せると「下線」が出て、水色が少し薄くなります。デフォルトの場合私はこの水色があまり好きではありませんので、リンク…

【Seesaaブログ新デザインシステム】ヘッダーの高さを変更して、ブログタイトルを左寄せにする

■Seesaaブログのヘッダーの高さを調整する■ヘッダーの文字(ブログタイトル)の配置を左寄せにする■CSSの「header」「header h1」を編集■CSSのフッター部分に見出しを付ける  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」は、デフォルトのままだとヘッダー部分の高さがありすぎる気がします。下の図は、デフォルトのテンプレートでのヘッダー部分です。赤い枠線で囲んでいる部分が「ヘッダー」の範囲にな…

【Seesaaブログ新デザインシステム】メインコンテンツ・サイドバーの幅を変更する

■メインコンテンツとサイドバーの横幅を変更■CSSの「main」と「side」を編集■メインコンテンツとサイドバーの関係について説明  前回の記事<■【Seesaaブログ新デザインシステム】ブログの横幅を変更し、ブログの背景色も変更する>でブログの横幅を「960px」から「1024px」に変更したので、それに合わせてメインコンテンツとサイドバーの横幅を設定します。前回の記事で説明したカスタマイズを前提として話を進めますので…