MdNCORPORATION

アメブロデザイン・カスタマイズブック ~[Facebook][Twitter][mixi][Google+]と繋がる!

アメブロデザイン・カスタマイズブック ~[Facebook][Twitter][mixi][Google+]と繋がる!

山田直樹、山田華月、田口和裕 共著
定価 1,848円
(本体 1,680円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2012-09-20
仕様 A5判/192pP
ISBN 978-4-8443-6287-6
アメーバブログ(アメブロ)は、2000万人以上の会員が利用するブログサービスです。アメブロには独自のペタや読者登録、アメンバー、Amebaピグといったさまざまなコミュニケーション機能を備えているため、ユーザー同士の交流が活発に行われているのが大きな特徴です。このように、ユーザー数の多いアメブロの中から、あなたのブログを覚えてもらうためには、魅力的なデザインで他のブログとの差別化をしなくてはなりません。 本書は、ユーザビリティアップの基本カスタマイズから、難易度の高いデザインを重視したオリジナリティ溢れるブログを作りたいというユーザーまで、アメブロのカスタマイズ方法をレベルごとに解説しています。 さらに、SNS(ソーシャルネットワーキングサービス)との“繋がり”“連携”を求めたいアメブロユーザーのために、丸々1章分を「SNS連携」を含めたデザインカスタマイズとして紹介しています。 また、「CSSやプログラミングの知識はないが、今すぐにカスタマイズしたい」という人のために、コピペして使えるサンプルコードや画像をダウンロードできる特典までついています。

→サンプルデータのダウンロードはこちら



■ページ見本










目次

【アメブロデザイン・カスタマイズブック ~[Facebook][Twitter][mixi][Google+]と繋がる!】

■chapter1
[アメブロカスタマイズのための基本操作]

01 マイページを理解する
02 携帯電話やスマートフォンでアメブロを楽しむ
03 アメブロでいろいろな人と交流する
04 プロフィールや自己紹介を登録する
05 ランキングに参加する
06 ブログの[タイトル]や[説明]を設定する
07 コメントの管理をする

■chapter2
[アメブロカスタマイズのための作業環境と準備]
01 CSSについて
02 CSSの編集方法
03 アメブロのHTMLとCSS
04 画像編集(GIMP)の設定

■chapter3
[ヘッダのカスタマイズ]
01 ヘッダ画像の作成
02 ヘッダ画像を設置する
03 ヘッダ画像全体にトップページへのリンクをつける
04 アメブロでJQueryを使う方法
05 JQueryを用いてスライダーをつけてみる
06 メニューを追加する
07 テキストで表示するメニューから画像へ変更
08 メニューにドロップダウンメニューを追加する
09 時間帯によりヘッダー画像を変更させる

■chapter4
[記事部分のカスタマイズ(基本編)]
01 本文の文字サイズ・色を変更する
02 記事タイトルの背景画像を変更する
03 フォントを変更する
04 行間を変更する
05 第二見出しを作成し、記事を見やすくする
06 テーブルを使って表などをつくり、記事を見やすくする
07 重要な部分をボックスで囲い、記事を見やすくする
08 「次ページ」「前ページ」の文字色や背景色を変更する
09 記事タイトルのすぐ下に表示される日付や投稿者、テーマを装飾する

■chapter5
[記事部分のカスタマイズ(応用編)]
01 アメブロにフッターをつくる
02 [アメンバー限定記事を読む]ボタンをオリジナル画像に変更する
03 マウスオーバーでフェード(透明化)するボタンを作成する
04 記事修正ボタンを設置する
05 記事先頭に定型文を挿入する
06 フォントサイズの大中小ボタンをつける
07 記事下のコメントやペタをオリジナル画像に変更する
08 記事を読む所要時間を表示させる
09 サイドバーだけでなく記事の上下にも読者登録ボタンを表示する
10 記事の中にお問い合わせフォームを設置する
11 記事内にYouTubeの動画を設置する
12 記事内にGoogleMapを表示する
13 記事内の画像をスタイリッシュに表示するLightBoxを設置する

■chapter6
[メッセージボードのカスタマイズ]
01 メッセージボードに枠をつける
02 メッセージボードに背景色を設定する
03 メッセージボードに背景画像を設定する
04 メッセージボードを常に表示する
05 フリープラグインの内容を外部化する

■chapter7
[サイドバー、コメントのカスタマイズ]
01 サイドバーの箇条書き部分をわかりやすくする
02 サイドバーの読者登録ボタンを画像に変更する
03 カレンダーを設置し枠や背景色等に変更を加える
04 [コメントする]ボタンをオリジナル画像に変更する
05 [コメント記入欄を表示]のリンクを装飾する
06 自分のつけたコメントと自分以外の人がつけたコメントを区別させる
07 サイドバーの見出し部分の背景画像を変更する

■chapter8
[ソーシャルメディアと連携する]
01 ソーシャルメディアって何?
02 ソーシャルメディアと連携するメリット
03 アメブロの投稿をTwitterに同時に投稿する
04 アメブロの投稿をFacebookに同時に投稿する
05 「RSS Graffiti 2.0」を使い、Facebookに自動投稿する
06 アメブロ記事にFacebookのコメント欄を設置する
07 アメブロの記事に「Yahoo!ブックマーク」ボタンを表示する
08 アメブロの記事にFacebookの「シェア」ボタンを表示する
09 アメブロの記事に「はてなブックマーク」ボタンを表示する
10 アメブロの記事に「livedoorクリップ」ボタンを表示する
11 アメブロの記事に「Google +1」ボタンを表示する
12 Twitterのタイムラインを表示する
13 Facebookページのプラグインを表示する
14 サイドバーにメルマガフォームを設置する
15 複数のSNSボタンを一気に設置する
16 Zenbackを利用する

■chapter9
[SEOを意識する]
01 SEOとは?
02 SEO対策いろいろ
03 アメブロにGoogle Analyticsを導入する
04 Google Analyticsの結果を分析する

■Appendix
[便利なツール、サービス]
01 便利なカスタマイズツール &サービス、プラグインパーツ

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊