アメブロカスタマイズAmebaowndペライチ制作制作実績メール講座プロフィールお客様の声お申込みの流れお申込みfacebookInstagramLINE公式アカウント

 

サロンオーナー様のための
理想のお客様を引き寄せる!
アメブロヘッダー・カスタマイズデザイン
野口陽子です。

 

 

 

 

「記事かカスタマイズか」

 

どちらが先か選ぶとしたら
記事を書くのが先ですね。

記事を書くのは、時間は必要ですがお金はかからない。
しかもいつ書いても何記事書いてもいいですもんね。


一番最初は、見た目はともかく、
記事を書いていくことの方が大事だと思います。
スマホだと特に、見た目関係ないですからね。


 

けれど、書くことに慣れてくると
ちょっと物足りなくなったりしませんか?

他の人のブログを見ると
枠が使ってあったり
リンクが綺麗に並んでいたり

パソコンで見ると
サイドバーが綺麗に整っていたり
メニューバーがあったり。


どうせなら見やすくわかりやすいブログにしたい。
毎日書くものだし、毎日じゃなくても

お仕事をする上で欠かせないツールの一つだとすれば
自分もテンション上げて楽しく続けたい。

と思ったりしませんか?

 

そういう思いがふつふつの沸き上がったときが
カスタマイズをするサイン。

 

カスタマイズすると、まずは

自分のやる気が上がります。

 

何でもそうですが

「これくらいでいいや」

と思えばそれでいいし、

 

もっと言えば、もしかしたら
カスタマイズしようがしまいが
内容が良ければお客様は来るのかもしれません。


でも、先日も打ち合わせで
書籍出版のご予定がある方がいらっしゃって、
フルカスタマイズをご依頼くださいました。

「見られること」を意識しておられるんですよね。


パソコン、スマホ、どんなデバイスで

見られてもいいようにブログを

整えておくことはやはり必要です。

 

ファッションでもよく言われると思いますが
「見た目9割」って言いますよね。

ブログにも当てはまると思いますょ。


「見た目」で信頼感がぐっと高まるのは確かです。

 

 

 

 

 

アメブロカスタマイズ Amebaownd ペライチ制作 制作実績 メール講座 プロフィール お客様の声 お申込みの流れ お申込み facebook Instagram LINE公式アカウント

 

 

 

 

サロンオーナー様のための
理想のお客様を引き寄せる!
アメブロヘッダー・カスタマイズデザイン
野口陽子です。

 

 

 

 

 

 

アメブロのテンプレートを変更すると

表示はそのままかと思いきや
ヘッダー画像が消えてびっくりしますよね。

 

今回はそんな時の対処法です。

 

「ブログカスタマイズをしている方」

というのが前提です。

 

今回はブログサイズが

1120pxの場合です。

 

パソコンからの作業になります。

 

先ほども言ったように

テンプレートを変更したり

2カラムから3カラム

3カラムから2カラムと

カラムを変更すると

それまでのカスタマイズがリセットされて、

ブログヘッダーが表示されなくなります。

 

*「カラム」というのは

簡単に言うと「レイアウトの種類」で、

2列は2カラム、3列は3カラムになります。

 

 

テンプレートを変更して

ブログヘッダーが表示されなくなったら

まずは次のコードをコピーします。

 

 

ここから******

header, .skinHeaderArea{
background:url(**);
background-position: center top;
background-repeat: no-repeat;
height:450px;
}
header a, h1.skinTitleArea a{
height:450px;
display:block;
position:absolute;
text-indent:-9999px;
}
header a{
width:1120px;
}
h1.skinTitleArea a{
width:1120px;
}
.skinBlogHeadingGroupArea, .skin-headerTitle{
padding:00;
}
h2.skinDescriptionArea, p.skin-blogSubTitle{
display:none;
}

ここまで*******

 

 

 

 

そして、まずはメモ帳や
何かわかるものに貼り付けておいてください。

 

 

「マイページ」→「ブログ管理」→「デザインの設定」
→「CSS編集」
に行きます。

 

 

 

 

ヘッダーに使いたい画像を選択し
「アップロード」します。

 

そして、画像の下の

「この画像のパス」

全選択でコピーします。

そして先ほどメモ帳などに
コピペしておいたコードの

赤い部分に貼り付けます。

 

この部分ですね。

「background:url(**);」

 

「( )かっこ」は消さず
「**」を消してから貼り付けてください。
 

 

念のため、現在のCSS編集を
全部コピーして、

こちらもメモ帳などに貼り付けて

保存しておいてください。

 

それから、先ほどの画像のアドレスを

貼りつけたコードをコピーします。
 

 

 

 

一番下までスクロールします。

 

 

 

 

一番下に貼り付けます。

 

 

 

 

 

「height:450px;」というのは

画像のタテのサイズですので、

ご自分の画像のタテサイズに変更します。

 

「表示を確認する」で確認してみて

正しく表示されていたらOKです。

 

時折、変更しても変更が

表示されない時がありますので

その時はブラウザのキャッシュを

削除したほうがいいですね。

 

こちらグーグルクローム/ブラウザのキャッシュの削除

 

 

こうすると、ブログのヘッダーは復活して

一安心です。

 

どうすればいいかわかっていると

テンプレートの変更も

そんなに怖くなくなります。

 

参考にしてみてくださいね。

 

 

 

右矢印アメブロカスタマイズ増税前キャンペーン 残1名様

 

アメブロカスタマイズ Amebaownd ペライチ制作 制作実績 メール講座 プロフィール お客様の声 お申込みの流れ お申込み facebook Instagram LINE公式アカウント

 

 

 

サロンオーナー様のための
理想のお客様を引き寄せる!
アメブロヘッダー・カスタマイズデザイン
野口陽子です。

 

 

 

 

先日、クライアント様に
「枠」の作り方がわからないと

言われたので、再アップしますね。

 


 

「枠」は、コードをコピーして

「HTML表示」に切り替えてから貼り付けして
また通常モードに戻ってみると

表示されています。

 

その枠の中にそのまま文章や通常通りに

リンクを入れることが出来ます。

 

スマホでは改行が難しいので
操作はパソコンの方が便利です。

 

右矢印枠のコードはこちら

 

または「アメブロ 枠」で検索すると

多くの方が枠のコードを公開してくださっています。

 

一度覚えると楽しいと思いますので

やってみてくださいね♪

 

 

 

右矢印アメブロカスタマイズ増税前キャンペーン
右矢印便利な枠を簡単に作る!「アメケア」導入講座

 

 

アメブロカスタマイズ Amebaownd ペライチ制作 制作実績 メール講座 プロフィール お客様の声 お申込みの流れ お申込み facebook Instagram LINE公式アカウント