SBクリエイティブ

アメブロデザイン カスタマイズレシピブック

外間 かおり:著者

アメブロデザインカスタマイズの基本操作から、ブログに使用する画像の作り方、CSSでデザインを細かく指定する方法まで順を追って詳しく解説。「誰かと同じ」デザインではなく、自分だけのアメブロデザインを作りたい! そんな願いをかなえる一冊です。

———-
CHAPTER 01 デザインカスタマイズの基本機能
———-
ブログの設定を変えてみよう
メッセージボードを追加しよう
段組を変えてみよう
デザインを変えてみよう

———-
CHAPTER 02 サイドバーを編集しよう
———-
基本のプラグインを設定してみよう
項目の配置をカスタマイズ
プラグインリストのプラグインを追加
フリースペースの編集
ブックマークの編集

———-
CHAPTER 03 画像素材を用意しよう
———-
素材をゲットしよう
画像編集ソフトをインストールしよう
Paint.NETの画面
タイトル画像を作成してみよう
便利な使い方

———-
CHAPTER 04 デザインをカスタマイズしよう
———-
カスタマイズ可能なデザインにしてみよう
ヘッダー画像を変えてみよう
ヘッダーの文字デザインを変えてみよう
ページ全体の背景を変えてみよう

———-
CHAPTER 05 CSSカスタマイズの準備をしよう
———-
CSSカスタマイズの準備と編集の基本操作
CSSについて知ろう

———-
CHAPTER 06 CSSでカスタマイズしよう
———-
●ページ全体のデザイン
ページ全体に背景画像を敷き詰めよう
ページ全体の上にだけ背景画像を表示しよう
コンテンツをページ全体とは別の背景にしよう
大きな背景画像が見えるようにしよう
ページ全体の文字サイズや色を変えよう

●ヘッダーのデザイン
ヘッダーに画像を入れてみよう
ヘッダーにワンポイント画像を入れよう
ヘッダーの文字サイズや色を変えよう
ページ全体の背景とヘッダーの背景を組み合わせよう
ヘッダーの画像とコンテンツの背景を組み合わせよう
ヘッダーの文字を画像に変えてみよう

●ブログ記事のデザイン
メインエリアの背景や枠を指定してみよう
メッセージボードに背景や枠を指定してみよう
メッセージボードにタイトル画像を付けよう
メッセージボードを角丸の枠で囲んでみよう
ブログ記事の背景や枠を指定してみよう
ブログ記事の先頭と終わりに背景画像を付けよう
ページ全体の背景とブログ記事の背景を組み合わせよう
記事タイトルに背景画像を付けよう
記事タイトルにアイコンを付けよう
ブログ記事の部分にだけ背景画像を付けよう
ブログ記事の文字スタイルを変えてみよう
記事の下の共通ボタンの上に区切り線を付けよう
コメント欄をデザインしよう

●サイドバーのデザイン
サイドバー全体に背景や枠を指定しよう
サイドバーの各項目に背景や枠を指定しよう
サイドバーの各項目の上に画像を表示しよう
サイドバーの各項目を角丸の枠で囲もう
各タイトルに背景やボーダーを指定しよう
各タイトルにワンポイント画像を入れよう
タイトルにそれぞれ違うアイコンを付けよう
タイトルをそれぞれ画像に変えよう
サイドバー内のリンクの色を変えよう
サイドバー内のリストの区切り線のスタイルを変えよう
サイドバー内のリストの区切り線を画像にしよう

●ボタンのデザイン
ボタンのデザインを変えよう
ボタンのアイコンの色を変えよう
ページ移動ボタンの背景や文字色を変えよう

———-
CHAPTER 07 フリープラグインでカスタマイズ
———-
フリープラグインでサイドバーに追加
記事の前後に自動で文章や画像を入れよう
マウスカーソルを重ねるとヘッダー画像をフェードで切り替える
メニューバーを設置しよう

定価:1,958円(本体1,780円+10%税)

書籍情報

  • 発売日:2012年3月27日(火)
  • ISBN:978-4-7973-6704-1
  • サイズ:B5/フルカラー
  • ページ数:220
  • 付録:-

著者紹介

関連商品のご案内

もっと見る

試し読み新着お届け

もっと見る