アメブロの新CSS編集用デザインで、各種リンクがマウスホバー時（マウスカーソルをリンクに重ねた時）に半透明化されるようになっているのを無効化するカスタマイズ方法について解説します。半透明化によって問題が発生する場合に参考にして下さい。続きを読む
標準ナビゲーションバーを消す(非表示にする)方法(新CSS)
アメブロの新CSS編集用デザインで、ヘッダー下に表示される標準のナビゲーションバーを消す（非表示状態にする）カスタマイズ方法を解説します。自前でグローバルナビを設置する場合などで邪魔に感じることがあれば参考にしてみて下さい。続きを読む
リスト型トップページのカスタマイズ方法(新CSS)
アメブロの新CSS編集用デザインの「リスト型」のトップページのカスタマイズ方法を例を上げて解説します。記事のアイキャッチ画像がない場合のデフォルト画像表示、一行しか表示されない記事本文の出し部分の複数行表示など。続きを読む
サイドバーの「フォロー」や「一覧を見る」ボタンを画像ボタンにする方法(新CSS)
アメブロの新CSS編集用デザインで、サイドバーにある「フォロー」ボタンや「一覧を見る」ボタンを、画像を使ったボタンに変更するカスタマイズ方法です。プロフィールとフォロワー、サイドバーの種類によって個別に設定することが可能です。続きを読む
サイドバーの「フォロー」や「一覧を見る」ボタンの大きさや色を変える方法(新CSS)
アメブロの新CSS編集用デザインで、サイドバーの「フォロー」ボタンや「一覧を見る」ボタンの、大きさや色を変えるカスタマイズ方法です。初期状態の、濃いグレーの「フォロー」ボタンや、控えめで存在感の薄い「一覧を見る」ボタンを、ブログのデザインに合わせてカスタマイズできます。
続きを読む
検索ボックスの色を変えるカスタマイズ方法（新CSS）
アメブロの新CSS編集用デザインで、ブログ内検索用の検索ボックスの色をデザインに合わせて好みの色に変更するカスタマイズ方法を解説します。通常時、入力時、ボタンのマウスホバー時などの色を変更することが可能です。続きを読む
表示フォントを変える（メイリオ、游ゴシック、BIZ UDPゴシック）
アメブロのCSS編集用デザインで、ページの表示に使うフォントを「メイリオ」「游ゴシック」「BIZ UDPゴシック」などにするカスタマイズ方法について解説します。新CSS編集用デザイン・旧CSS編集用デザインのどちらにも対応しています。続きを読む
アメブロのカスタマイズに関する制限・制約・注意事項など
アメブロでは、カスタマイズする際にハマりやすいアメブロならではの制限・制約・注意事項などがあります。他の無料ブログシステムなどではあまり経験することが無いものもありますので、まとめてご紹介します。続きを読む
CSSを編集してもブログに反映されない！その原因と対応方法
アメブロをカスタマイズしていて、CSSを編集したのになぜか編集結果がブログ画面に反映されないという場合に考えられる主な原因と、それぞれの原因に対する対応方法について解説します。続きを読む
カスタマイズ向けのベースデザイン「CSS編集用デザイン」にする手順
アメブロをカスタマイズ専用のベースデザイン「CSS編集用デザイン」に変更する手順を解説します。現時点でアメブロのカスタマイズのためにユーザーが編集できるCSSが用意されているのは「CSS編集用デザイン」のみです。続きを読む
カスタマイズに使う画像のアップロード方法と画像のURLの取得方法
アメブロで画像を使ったカスタマイズをする場合に必要な、カスタマイズで使用する画像をアメブロにアップロードする方法と、アップロードした画像をCSSなどから呼び出すために必要な画像のURLを取得する方法について解説します。続きを読む
「CSS編集用デザイン」は4つある！違いや特徴について解説
アメブロのカスタマイズ向けベースデザイン「CSS編集用デザイン」には同名で選択肢が4つもあります。これら4つの違いや特徴、見分け方、選ぶポイントなどについて詳しく説明します。続きを読む
新CSS編集用デザインのヘッダーやカラムのレイアウトとサイズ
アメブロの新CSS編集用デザインをカスタマイズする際に参考になる、初期状態でのヘッダーの幅や、2カラム・3カラム各々の場合のメ記事領域やサイドバーの幅など、重要な部分のレイアウトとサイズについて説明します。続きを読む
CSSを編集する手順：カスタマイズで必須の基本操作です！
CSS編集用デザインをベースにアメブロをカスタマイズするためにCSSを編集するときの手順について解説します。アメブロのカスタマイズ時には必須で頻繁に行う作業ですのでマスターしておくことをお勧めします。続きを読む
アメブロのカスタマイズを始める前に知っておきたいこと
アメブロのカスタマイズをするためにCSSの編集を始める前に、いくつか知っておきたいことがことがあります。 アメブロのカスタマイズはかなり独特な部分があり、初心者はもちろん、他のブログシステムなどで制作やカスタマイズの経験続きを読む
旧CSS編集用デザインのカスタマイズ方法 目次
アメブロの旧CSS編集用デザインのためのカスタマイズ方法をまとめた目次記事です。ヘッダー画像の表示やグローバルナビの設置など、アメブロを自分らしくカスタマイズする方法を掲載しています。新しいカスタマイズのノウハウ記事やハウツー記事を追加した場合は、こちらの目次も更新しますので、時々チェックしてみて下さい。続きを読む
旧CSS：ヘッダー画像を設置・表示する方法
アメブロの旧CSS編集用デザインで、ヘッダー部にヘッダー画像を設置・表示するカスタマイズ方法について解説します。基本的な設定から画面いっぱいに表示する方法まで詳しく説明しています。続きを読む
旧CSS：ヘッダー部の背景色や文字色を変える方法
アメブロの旧CSS編集用デザインで、CSSを編集してヘッダー部の背景色や文字色を好みの色に変更するカスタマイズ方法を解説します。続きを読む
旧CSS：ヘッダー下にグローバルナビを設置する方法
アメブロの旧CSS編集用デザインで、フリースペースとCSSを利用して設置したグローバルナビにプルダウン型のサブメニューを追加するカスタマイズ方法を解説します。続きを読む
旧CSS：グローバルナビにサブメニューを追加する方法
アメブロの旧CSS編集用デザインで、フリースペースとCSSを利用して設置したグローバルナビにプルダウン型のサブメニューを追加するカスタマイズ方法を解説します。続きを読む