• お問い合わせ
アメブロカスタマイズ専科

アメブロカスタマイズ専科

  • 投稿一覧
本サイトはアフィリエイト広告を利用しています
アメブロカスタマイズ専科 - 管理人

サイドバーのプロフィール欄をシンプルにする方法

 サイドバー

アメブロの新CSS編集用デザインで、サイドバーのプロフィール欄から「プロフィール画像」「名前」「フォローボタン」以外の項目を消してシンプルなプロフィール欄にするカスタマイズ方法について解説します。続きを読む

マウスホバー時にリンクを半透明化させない方法(新CSS)

 リンク

アメブロの新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の編集を始める前に、いくつか知っておきたいことがことがあります。 アメブロのカスタマイズはかなり独特な部分があり、初心者はもちろん、他のブログシステムなどで制作やカスタマイズの経験続きを読む

自己紹介とアメブロカスタマイズの必要性に対する考え方

 その他

ご訪問ありがとうございます。 当サイトの管理人をしています、マツモトと申します。 2010年にアメブロでカスタマイズ情報を扱うブログを開設し、それ以来、ずっとアメブロのカスタマイズに関わってきました。 アメブロをカスタマ続きを読む

  • < 前のページ
  • 1
  • 2

最近の投稿

  • d001/新CSS専用オリジナルスキン/暗色系
  • ヘッダー下にグローバルナビを設置する方法
  • 新CSS編集用デザイン向けカスタマイズ 目次
  • グローバルナビを更にカスタマイズする簡単な例
  • ヘッダーの上下にグローバルナビを設置する
  • ヘッダーの上にグローバルナビを設置する方法
  • スクロールでサイドバーやグローバルナビがズレる原因と防ぐ方法
  • ページのトップへ戻るボタンを設置する方法
  • コメント欄をふきだし風にする方法
  • 記事内の見出し(大・中・小)を分かりやすくカスタマイズする方法

カテゴリー

  • 目次 (2)
  • グローバルナビ (7)
  • ヘッダー (6)
  • ページ背景 (2)
  • フォント (1)
  • リンク (1)
  • メッセージボード (2)
  • 記事エリア (2)
  • コメント欄 (2)
  • サイドバー (11)
  • トップページ (1)
  • その他 (2)
  • 基礎知識 (8)
  • オリジナルスキン (1)
写真素材素材【写真AC】

無料イラスト素材【イラストAC】

1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
  • プライバシー・免責
  • サイトと管理人
  • お問い合わせ

アメブロカスタマイズ専科