アメブロカスタマイズ 「デザイン テキスト（囲み枠）を目一杯ブログ幅に広げたい」

おはようございます。

個人事業主さん苦手なIT&Webサポート。
Smilefactoryten代表 加藤敦志 です。

アメブロには手軽にブログをオシャレに見やすく出来る機能があります。「デザイン＞見出し、テキスト（囲み枠）」です。

テキスト（囲み枠）についてご質問を頂きました。「ブログ幅いっぱいに広げたい」その方法をまとめますね！

デザイン＞テキスト

ブログエディタの右側（パソコン表示）で、このように一覧で沢山のデザインがあります。ここから選ぶだけです。

 

 

何もせず、選択してブログに配置するとこのようになります。

 

例）

すべてバッチリ配置されます...が、真ん中にぎゅぎゅ〜と詰め込まれた感じになっています。

 

 

 

 

 

 

 

 

こちらを、今日はブログ幅いっぱいに広げるカスタマイズ方法になります。

100%を入力する！

カスタマイズの方法

 

1. まず、お好きなデザインを選び、前項のように配置する
2. ブログエディタで「HTML表示」に変更し画像の部分「width」探す
   
   
    
3. widthの数値部分を「１００％」に変更する。
   
   
    
4. 通常表示で確認！

 

以上です。

 

 

例）

【カスタマイズ前】

 

【カスタマイズ後】

 

プレビューで見てみましょう

PCではブログ幅いっぱいに広がっています。スマートフォンでは自動的に幅がサイズに調整されています。カスタマイズ前のデザインと同じ幅ですね。

 

【PC】

 

 

【スマートフォン】

 

 

 

如何でしょうか？

そのままの幅でも何ら問題はありませんが、PC表示でブログ幅いっぱいに広げたい場合は、今日のカスタマイズをお試しください！

 

今日は「アメブロカスタマイズ《デザイン テキスト（囲み枠）を目一杯ブログ幅に広げたい》」でした。ありがとうございました。

 

 

---

 

 

 

---

 

 

【お問い合わせはこちら↓】

 

 

 

 

---

LINE@パソコン・スマホのお役立ち情報配信中！
よかったらお友達登録してね〜！

 

@yay4943n LINE@ ID からも登録できます。

 

 

 

ではまた。
Smilefactoryten
代表　加藤敦志 でした。