Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第60回】ここまでのまとめ(第51回〜第59回)こんにちは、ほくほくです。第60回の今回は、第51回から第59回に掲載した内容の概要をお伝えします。それ以前の記事については、こちらをご覧下さい。◆【第10回】ここまでのまとめ(第1回〜第9回)◆【第20回】ここまでのまとめ(第11回〜第19回)◆【第30回】ここまでのまとめ(第21回〜第29回)◆【第40回】ここまでのまとめ(第31回〜第39回)◆【第50回】ここまでのまとめ(第41回〜第49回)【第51回】カテゴリ記事一覧の文字サイズを変更ブログ記事の末尾に表示される、同じカテゴリの最新記事一覧の文字サイズを変更する方法です。CSS上では、.listCategoryArticleクラスのfont-sizeを変更することになります。byの箇所の文字サイズ変更方法です。CSS上では、.postedクラスが編集対象となります。【第53回】コメント欄の文字サイズを変更するこの回では、コメント欄の文字サイズを変更する方法をお伝えしました。コメント欄は複数のクラスが入り組んで構成されていますが、コメント欄全体の文字を一括で指定する場合は#commentsで設定します。第53回ではコメント欄全体の設定を行いましたが、この回ではコメント欄の一部、見出し部分のみの文字サイズ変更を行いました。この回では、文字を斜体にする設定も行っています。SeesaaブログのCSSでは、.comments-headクラスが相当します。【第55回】コメント本体部分の文字サイズを変更する第54回で変更したコメント見出しに対して、この回ではコメント本文部分の文字サイズ変更を行ってみました。編集するCSSは.comments-bodyクラスになります。【第56回】コメントフッターの文字サイズを変更するコメントの文字サイズ変更シリーズ最終回。この回で変更したのは、コメントのフッター部分の文字サイズです。第55回の方法でも文字サイズの変更は可能ですが、この回の方法はフッターのみを変更する場合に有効です。編集するCSSは.comments-postクラスです。【第57回】iPhone用のブログデザインを変更するSeesaaブログのiPhone用デザイン変更シリーズの第1回目です。この回ではまず、Seesaaブログで設定可能なデザインテンプレートを紹介した上で、実際に私が変更したブログデザインを掲載しました。この回以降しばらく、iPhone用ブログデザインの変更シリーズが続きます。【第58回】iPhone用デザインを変更する画面iPhone用ブログデザイン変更の基本として、SeesaaブログのiPhone用CSS変更画面の操作方法をご紹介した回です。PC用のデザインとは異なる、iPhone特有のデザインについて簡単に説明しています。実際にiPhone用デザイン変更に入る前に、WindowsPCでiPhone用サイトを閲覧できる便利なiBBDemoというツールをご紹介しました。以上が、第51回から第59回までに掲載した内容となります。iPhone用デザインシリーズが始まりました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。