アメブロカスタマイズ目次

アメブロカスタマイズ目次

アメブロの新カスタマイズ向けスキンテンプレート『CSS編集用デザイン』に対応しているカスタマイズ方法の目次です。

(外)・・・外部サイトへリンクしています。

【簡易ページで表示されています。正式なページを見るにはここをタップして下さい。】

■アメブロカスタマイズの基本

アメブロをカスタマイズ用スキン「CSS編集用デザイン」に変更する方法
CSSを編集してアメブロをカスタマイズする方法
CSSが反映されない原因いろいろ
CSSを編集した後はF5キーでブラウザの表示を「最新の情報に更新」する
CSSに設定を追加しても反応がないときは直前の閉じカッコをチェックする
「選択されたスキンではCSSが編集できません。」と表示されたとき
「リクエストは既に処理中であるか無効です」と表示されたとき
・(外)アメブロの画像アップロード方法と画像URLの取得方法
ヘッダー画像用の画像をアップロードする
アメブロの新デザインと旧デザインについて

■ヘッダー周辺のカスタマイズ

ブログヘッダー画像を設置する方法
ブログタイトルとブログ説明文を消す(非表示にする)方法
ヘッダー画像クリックでブログトップへジャンプするようにする方法
ヘッダー下にグローバルナビ(ヘッダーメニュー)を設置する方法
グローバルナビ(ヘッダーメニュー)にプルダウンメニューを追加する方法
ブログタイトル、ブログ説明文の文字サイズ、文字色、表示位置などの変更方法

■記事部分のカスタマイズ

写真やイラストに枠・影・署名を付けてオシャレな表示にする方法
アメブロの記事中に画像を使った区切り線を表示する
投稿日時を記事タイトルの上側に表示する
CSSで記事先頭や記事末尾に定型文を挿入する
アメブロ記事をテーマ毎に別々のデザインにカスタマイズする方法
アメブロの記事下(記事フッター部)の各種共有ボタンを消す(非表示にする)方法
アメブロの記事に画像枠を付ける方法
アメブロの記事本文をカスタマイズする方法

■コメント欄のカスタマイズ

コメント投稿ボタンの上下に注意書きや挨拶を表示する方法
コメント欄全体に画像枠を付ける方法
コメント欄(個々のコメント)に画像枠を付ける方法
コメント投稿者名に敬称(さん)を付ける方法
コメント投稿ボタンの画像を変更する方法
アメブロのコメント投稿ボタンをCSS3で立体的にカスタマイズする方法

■メインカラムの他のカスタマイズ

「ブログ画像一覧を見る」を非表示にする方法
読みやすい記事本文の文字設定(CSS)について
メッセージボードに画像枠を付ける方法
メインカラムの横幅を変更する方法
メインカラムの上下にオリジナル画像の読者登録ボタンを設置する方法

■サイドバーのカスタマイズ

サイドバーの各一覧表示部の奇数行と偶数行の背景色を別の色にする方法
アメブロのプロフィール欄をとことんシンプルにする方法
プロフィール欄の各ボタンをカスタマイズする方法
プロフィール画像の表示サイズを変更する
CSSでサイドバーのタイトル文字を英語などにする方法
「このブログを検索する」フォームをカスタマイズする方法
サイドバーのテーマ一覧の任意の項目を目立たせる方法
プロフィールの不要な項目を消す方法
サイドメニューの各一欄部分にリストマーク画像を表示する方法
「このブログを検索する」に画像枠を付ける方法
サイドバーの各パーツに画像枠を付ける方法

■その他のカスタマイズ

アメブロのデザインを横幅可変(リキッドレイアウト)にする方法
ブログの左右に画像の飾り枠(フレーム)を表示する方法
ボタン上でマウスカーソルがリンク上と同じ「指」の形になるようにする方法
ブラウザの表示サイズに合わせて自動で拡大・縮小する背景画像の設定方法
新スキン(CSS編集用デザイン)のアメブロにフッターを作る
横スクロールバーが勝手に表示されて困ってしまう時
アメブロのトップページに記事を表示しない方法