アメブロデザイン、カスタマイズ!|プレスリリース|NEWS|【戸塚・大和】消しゴムはんこ教室/ぽとすたんぷProfileLESSONご予約CIRCLEMAILSNSNEWS更新情報や、プレスリリースなどをお届けします。忙しくてなかなか取りかかれず。空き時間にとりあえず画像と、リンクバナーだけ入れてみました。やってみると、カスタマイズって超簡単!1ベースとなるテンプレートを選ぶ。普通はデザイナーズテンプレートから選ぶんだけど(でもカスタマイズは出来ないテンプレート。)それはそれで可愛いんだけど(趣味ならね。)でも教室や作家活動とかやってると、ヘッダーがキャラものとか、教室や作家活動のコンセプトとデザインイメージが違うとマズいですよね。自分に合った雰囲気だったとしても、テンプレを作った企業やデザイナーの広告バナーがメインに来てしまうというデメリットが。そこで!今回は「カスタマイズ可能」ベースデザインから選ぶ。選ぶイメージテーマデザインは、「雨」とか「花」とか「タイル」とかごくごくシンプルなイラストデザインが先に入っていて、ヘッダーや背景のみ自分の好みで設置するというもの。css編集用デザインは、イラストも色も入っていないシンプルな白デザイン。リスト表示やタイル表示、ブログ表示など、レイアウトのみ選び、あとはCSSで対応させるというもの。タグやcssという文言に違和感のない上級者向け。ベーシックデザインは、カラーテーマのみ入っており、イラストは無し。オレンジ、緑、ピンクなど、色だけ選んで、ヘッダーや背景をカスタマイズするというもの。今回は大まかに設定できればOKなので「ベーシックデザイン」を選ぶ。2ヘッダー画像を用意する。サイズに注意!980x0~300px厳守。私は写真を大きく見せたかったので縦300pxにしましたが、980x100pxとか、980×200pxとかでも充分です。自分の作品の写真に、屋号や活動名を入れるだけでも十分ステキになります!※作成した画像の上に「ブログタイトル」と「説明文」が載るので、うまくバランス取らないと、画像にテキストが被ってしまって見にくくなってしまいます。※私はデザイン上文字はいらなかったので、「黒背景」に「黒文字」で見えないようカモフラージュしています。(タイトルと説明文を削除しちゃうのはダメ!検索や外部リンクの際に困ることになります。A」を押すと見ることができます。→https://ameblo.jp/web-pothos/3ブログタイトルと説明文の位置を設定する。先ほど説明した通り、ヘッダー画像の上にブログタイトルと説明文がのるのだけど、その位置は自由に決められます。左上に置くとか、ど真ん中に置くとか、右下に置くとか、自由です。見るのは、右側半分に写真や本人の顔写真載せて、ひだり側にブログタイトルと説明文を載せるってやつでしょうか。画像も作成しやすいしね、オススメです。4ブログ背景を設定する。ここはもう好みでしょうか。派手でもシンプルでも。・コンセプトやイメージを損なわない・ヘッダーや記事本文より控えめに・背景はあくまで控え選手。メイン(ヘッダーやコンセプトイメージ)を補助する役目。あたりが気になるところです。私の場合は、ヘッダーのメインカラーに黒を使ったので、かわいさが足らんなと、水玉を足してみました。(合ってる・・・???)5ついでにリンクバナーも貼ってみました。→「開催日程」って書いてあるバナーです。いや実はここがメインなんですが。(ヘッダーはこのリンクバナーの使いまわし・・・)http://web-pothos.com/calendarこういう開催日程カレンダーを作ってみたので、そのリンクを貼りたくて作ったバナーです。貼る場所は、ブログ管理>設定・管理>フリースペース編集です!※これは誰でも貼れます。デザインテンプレートカスタマイズしなくても貼れます。6AD(広告)が邪魔だなと思った貴女ほんとにそのとおり!でも広告外すには有料です。1,008円(税込)高いな~と思った方、いやいやそうでもないですよ。普通に自分のサイトを作ろうと思ったら、1,000円なんて一瞬で超えます。私はメインのホームページが別にあり、アメブロはサブ的にしか使っていないので広告を外していませんが、アメブロをメインに活動している人は、絶対外した方がいいです!PCだとまだマシですが、スマホで見るアメブロって広告すごい邪魔じゃないですか?試しに広告無しを見てみてください。サンプル1(PC)サンプル2(スマホ)どうですか?めっちゃシンプルで良いでしょ?※サンプル見れなかったらごめんなさい。アメブロメインでしたら、広告外す意義は十分にあると思います。100人閲覧してくれているのなら、100人のために。1000人が見てくれているのなら、1000人分のストレス軽減のために。7でもやっぱり広告費は捻出出来ないあなたへ。いう時は「5リンクバナーも貼ってみました。「プロフィール」「AD(広告欄)」「ブログテーマや記事一覧」の順になっていると思います。プロフィールの上に「企業リンク・デザイナーリンク」もあるかもしれません。表示上位にいっぱい広告がある状態です。順番は入れ替えることが出来るので、フリースペースを一番上に。中身に、いろいろと詰め込むのです!プロフィールや、主要な記事へのリンク、お問い合わせフォームなどなど。「お問い合わせ」というようなリンクを貼れば、もうホームページのできあがりです!フリースペースを有効活用することで、広告表示も下に下がりますし、ブログとしてだけでなく、ホームページとしても活用できるようになります^^♪8余談。今ホームページでは年賀状リクエストを承っております。貰ってあげてもいいよ~という方は、ぜひご応募ください。応募というか全員プレゼントですが。