本文へスキップ
文字サイズの変更 / ホームページビルダー21・22フルcssテンプレート編集
文字サイズの変更 / ホームページビルダー21・22フルcssテンプレート編集
文字サイズの変更 / ホームページビルダー21・22フルcssテンプレート編集
文字サイズの変更
【文字のサイズを変更する方法】
(文字サイズの変更をしない場合は、この説明を飛ばして次に進んでください)
【CSSを変更して本文の文字の大きさを変える】
本文の文字が小さいような気がするので変更します。
文字の大きさ・書体・文字の色はCSSによって指定されています。
(CSSを書換え変更編集するとテンプレートのバランスが変わることがあります。
自分の責任でお試しください。)
@ドキュメントからホームページのファイル(テンプレート)が入ったフォルダを開きます。
ACSSファイル
container_1R_2c_right
(カスケード スタイル シート)
を開き文字のサイズ変更をします。
黄色の部分を見て下さい。
Font-sizu:75%;となっています。75%を100%と書き変えます。
・要素リセットからfont-size: 75%; →font-size: 100%;と変更します。
100%と書き変えました。
書き変えた後は「ファイル(F)」→「上書き保存(S)」として変更の保存は終了です。
書き変えたあと文字が大きくなっているかどうか確認します。
ホームページビルダーを起動します。
文字が大きくなっています。
▼CSSを書き変えなくともHTMLで文字の大きさを変更もできます。
▼文字サイズを変更しなかった場合
・PCで見た場合は、そのまま小さく見える場合があります。(PCのブラウザによって異なる)
・スマートホンの場合は、スマートフォン側で調整されます。(大も小も同サイズに変更される)
文字の大きさを比べてみました。 下の画像は、75%です。
下の画像は、100%に変更後です。
大きくなったのが確認できました。
いろいろなとこの文字の大きさが変わりました。
▼
TOPICSの増やし方
▼
段落の増やし方
▼
トッピクスへの写真の入れ方
▼
トッピクスへの表の入れ方
▼
NEWSを削除する
▼
トピックスの文字サイズを変更
▼トピックスの文字の色を変更
▼トピックスバーの色を変更
▼質問やお問い合わせは、LINEでお願い致します。(無料)
▼LINE登録は、QRコードをタップして下さい。
このページの先頭へ
ナビゲーション
トップページ
@クラシック版で直ぐ始める
Aタイトル画像の加工と編集
A-2タイトル写真の編集
A-3タイトル用写真の変更
BTOPページ「index」を編集
B-2編集方法-タブを選択
B-3要素<title>の書換
B-4TOPICSに本文を書く
・TOPICSの増やし方く
・段落の増やし方く
・TOPICSに写真挿入方法
・TOPICSに表挿入方法
・NWESを削除する方法
・文字サイズを変更スル方法
CSSを書換えfontの属性を変更
ページを増やす方法
ナビゲーションを編集
NAVIを全頁に反映させる
・NAVIの順序を変更スル
・NAVIの名称を変更スル
・不要NAVIの頁を削除
・NAVIボタンの色を変更
・NAVIのリンク色を変更
・NAVIの不要HTMLを削除
タップすると電話番号表示
C会社方針のページ編集
Dサービス/製品一覧の頁編集
E新着情報・FAQの頁編集
F会社概要の頁編集
G採用情報の頁編集
Hお問い合わせのページ編集
Iプライバシーポリシーの頁編集
J特定商取引法ニ関スル記述編集
Kアクセスaccess.html の編集
Lバナーを編集
バナー編集/アートデザイナー
Mナビゲーションを全頁に反映
Nホームページヲアップロードする
Oホームページヲサーバに転送する
ヘッダー(header)を編集
フッター(footer)を編集
MENUアイコンを編集加工
ハンバーガーメニューにMENU表示
グーグルマップの挿入方法
XMLサイトマップを作る
サイト内サイトマップを作る
タップすると電話番号表記
LINE-QRコードで友だち追加
ブログをナビボタンにリンクさせる
内部リンク元から内部リンク先
ビルダーで基本のSEO設定
SEO対策をあれこれ考える前に!
・SEO対策をアレコレ考エル前に!A
・SEO対策をアレコレ考エル前に!B
・SEO対策をアレコレ考エル前に!C
検索に引っかからないホームページ
検索に引っかカラナイホームページA
検索に引っかカラナイホームページB
検索に引っかカラナイホームページC
検索に引っかカラナイホームページD
SP版サイトフォルダの場所ヲ探す方法
SP版背景色を変更する方法
編集方法 / まとめ
ホームページサンプル集
索引(タグ一覧)
編集に必要なソフト・参考書
バナースペース
ビルダーのテンプレートが購入できます
freedomは
ホームページビルダー22で編集中