1. ブログ管理画面で、
   「全体管理」-「ブログ設定」を開きます。
    
2. 「スマホ表示」の一番下にある
   「スマホサイトを表示する」をクリック、
   ［保存する］ボタンをクリックします。

1. 「携帯管理」-「レイアウト変更（携帯）」を
   開きます。
    
2. 「フッター用部品」で、
   「携帯用フッター自由記入欄」部品を選択し、
   ［追加］ボタンをクリックします。

「携帯用フッター自由記入欄」をクリックします。

1. 電話番号を半角で入力します。
    
2. ［保存］ボタンをクリック、
   ［×］ボタンをクリックし、閉じます。

1. ［部品の変更を保存する］ボタンをクリックします。
    
2. 他の作業を続けて行わない場合は、
   ［再構築を実行する］ボタンをクリックします。
   
   インターネット上のブログに反映されます。
    

右図のような表示になり、
電話マークをタップすると（指で触ると）、
電話をかける画面へ切り替わります。

メニューをタップする（指で触る）と、画面いっぱいにメニューが表示されます。

スマートフォンの画面の大きさにより、
ファーストビュー※で表示できるメニュー数が異なります。

なるべく、比較的小さい画面でも表示できる上から７項目以内に、大事なメニューを配置するような構成を考えます。

1. メニューの確認や調整は、
   「携帯管理」－「レイアウト変更（携帯）」で行います。
    
2. メインエリアにある
   「携帯用メニュー」をクリックします。

「設定済みメニュー一覧」を確認します。

足りないメニューを追加したり、並び順を変更したり、必要ないメニューは削除します。

1. 「携帯用ブログタイトル」をクリック。
    
2. 「サイト名」に入っている文言を確認、変更したい場合は、変更し、［保存］ボタンをクリック
    
3. 「部品配置画面に戻る」をクリック
    
4. ［部品の変更を保存する］ボタンをクリック
    
5. ［再構築を実行する］ボタンをクリック

1. ブログ管理画面で、「サイトの確認」をクリック。
    
2. 表示したサイトのURLをコピーします。
    
3. グーグルクローム（Google Chrome）を開きます。
    
4. クロームのアドレスバーにURLを貼り付けます。
    

キーボードの［F12］ キー※を押します

左上の「スマートフォンアイコン」をクリックします。

画面最上部の[Device]欄で、
確認したいスマートフォンを選択します
（例：Apple iPhone5）

［F5］キーをクリックします

画面が更新され、スマートフォン表示になります。

どんなふうに表示されるか確認できます。

表示を元の表示に戻す場合は［F12］を押下し、「デベロッパーツール」を閉じます。

1. ブログ管理画面で「携帯管理」をクリック。
    
2. ヘッダー用部品にある「携帯用ヘッダー自由記入欄」を選択、［追加］ボタンをクリック。

ヘッダー用自由記入欄をクリックし、編集画面を開きます

1. ［ファイル貼付］ボタンをクリック
    
2. 画像をクリック、選択します。
    
3. ［画像設定］ボタンをクリック

1. 「表示」タブをクリック
    
2. 「大きさ指定」で左の欄に半角で「100％」と入力、右の欄を空欄にします。
    
3. 上余白、下余白、左余白、右余白に半角で「０（ゼロ）」を入力
    
4. ［更新］ボタンをクリック

1. ［保存］ボタンをクリック
    
2. 「部品配置画面に戻る」をクリック
    
3. ［部品の変更を保存する］ボタンをクリック
    
4. ［再構築を実行する］ボタンをクリック