自宅サロンママのためのネット集客術

女性個人事業主専門 WordPressで作るホームページ作成講座

自分でできるアメブロカスタマイズの方法【2019年最新版】

238063 views
約 6 分
この記事は2019年1月11日に最新の内容に更新しました

こんにちは!
ママのためのネット集客術 伊藤真穂です。

この記事は、
『アメブロカスタマイズはしたいけど、まだプロに頼むほどでもない。でも自分でできる範囲で、ちょっとやってみたい!』という方向けに、

誰でも簡単にできる、必要最低限のアメブロカスタマイズ方法をご紹介します。

※この記事はすべてパソコン上でのお話です。
※2016年3月の新CSS対応です。(プロフィール写真が丸いもの)

2種類のアメブロデザイン

アメブロのデザインには、

  1. カスタマイズ可能なもの
  2. カスタマイズできないもの

の2種類があります。

1,カスタマイズできないもの

あらかじめデザインされたものを当てはめるだけの簡単なもの。季節ごとに変えたり、気軽に設定できます。カスタマイズしていない方はこの方法でお好きなデザインを設定しています。

アメブロデザイン一覧

2,カスタマイズ可能なもの

例えば、全体のデザインは気に入っているけどヘッダーにオリジナルの画像を入れたい、色だけ変えたい・・

そんな時は、カスタマイズ可能なデザインを選んで、自分で設定することができます。

カスタマイズ可能

カスタマイズ可能デザイン

上記であげた2,カスタマイズ可能のデザインの中にも、2種類あります。

  1. 最初からデザインがついていて、CSSをいじらなくてもヘッダーや背景を変えられるもの
  2. 全くシンプルで、自分でCSSを編集していくもの

CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。

HTMLクイックリファレンス

まずは、一番簡単な①の方法をご紹介します。
『アメブロのヘッダーをオリジナルのものにしたい!』ぐらいでしたら、この方法が簡単なのでオススメです。

CSSをいじらないカスタマイズ

↓このデザインが・・・

カスタマイズ前画像

↓こうできます。

カスタマイズ後の画像

さっそく方法をご紹介しますね。

①「設定」ー「デザインの変更」をクリック

アメブロ管理画面

②一番下にある「カスタム可能」をクリック

カスタム可能

③一覧の中から、ベースにしたいデザインを選びます。
ここでは、「Simple Flower」を選びました。
※配置は変わる可能性があります。

デザイン選択画面

④レイアウトの画面が表示されるので、お好きなカラムとメニュー配置を選び「適用する」をクリック

カラム選択

デザインを簡単カスタマイズするをクリック

デザインをカスタマイズする

ヘッダー、タイトル、背景を変更できる画面が表示されます。
まずは、わかりやすい背景から変えてみます。

背景を変更する

「背景」の「画像をなしにする」をクリックします。

背景なしの設定
背景なし画像

すっきりします。

背景は、オリジナルの画像にしたり、色をつけたり、テンプレートから選ぶことも可能です。

ヘッダー画像を変更する

タイトルについて

※この方法では画像にタイトル文字を入れることはできません。ヘッダー画像にタイトル文字ごと埋め込みたい方はアメブロにオリジナルヘッダー画像を設定する方法をご覧ください。

オリジナルのヘッダー画像に変更したい方は、まずは自分で文字なしの横長の画像を用意します。

サイズは幅が980ピクセル、高さは300ピクセルまでです。

通常の写真とは縦横の比例が違うのでそのまま入れてしまうと、
こんなことになります。

横長の画像

横長画像の作成方法は、こちらの記事を参考にしてください
【パソコンで作る場合】

【スマホで作る場合】

①作成したヘッダー画像をアップロードします。「オリジナルの画像」をクリックして、保存した画像をアップロードしてください。

オリジナル画像の設定

②追加された画像の上をクリックすると設定できます。

アップロードした画像を選択

オリジナルのヘッダー画像が設定できました。

タイトル文字の位置や高さなどを変更できますので、画像に合わせて調整してみてください。
これだけで充分!という方は、
こんな感じでお好きなカスタマイズ可能デザインをベースにチャレンジしてみてくださいね。以上です。

〜その他のアメブロカスタマイズ〜

タイトル画像に文字を入れたい!

サイドバーや記事タイトルのラインや、文字を好きな色にしたい!

スマホでメニューバーを表示させたい!

まとめ

・アメブロデザインの中には、デザインを編集できるものとできないものがある。

・デザインを編集できるものの中にも、CSSを編集せずにカスタマイズできるものと、CSSの編集をしないとできないものがある。

・CSSを編集せずにカスタマイズできるものは、制限はあるが難しい知識なしで簡単にできる。

・ヘッダー画像に好きなフォントでタイトルを埋め込みたい、細かい部分の色を変えたい!といった場合には、CSS編集可能なデザインを選ぶ必要がある。

東京と大阪でSEOの基本が学べます

東京と大阪でSEOの基本が学べます

【女性個人事業主限定】

東京と大阪で、SEOの基本が学べる期間限定講座を行います。

今後もネットで集客していくなら知らないと絶対に損してしまう、SEO対策の基本をわかりやすく、女性個人事業主向けにアレンジした他では学べない特別な内容です。モヤモヤしていたSEOの謎がスッキリ解決し、今すぐできることがわかります。

ブログだけの集客に限界を感じているという方へ

いまさら人に聞けない【ネット集客の基本】をまとめたPDF資料が今すぐダウンロードできます!

  • 検索にひっかかるってどういうこと?
  • WordPressって何?
  • SNSってやったほうがいいの?
  • メルマガって何のためにやるの?
  • LINE@って必要?
    ・・・他

一般的なネット集客のノウハウをおうちサロン・女性個人事業主の方向けにアレンジしてまとめました。

資料の詳細を見てみる

この記事を書いた人

PC講師20年、おうちサロン歴6年。
次男の障害をきっかけにママ支援をするも、SEOの知識の無さから本当に必要な人に情報が届かないという、もどかしさを経験。それをきっかけにWordPress、SEOを本格的に学び、同じ悩みを持つ女性個人事業主の方に向けて、情報発信をしています。

詳しいプロフィールはこちら