ヘッドコピーのカスタマイズ
当サイトご利用の際は、ご利用方法をご覧ください。
ヘッドコピーのカスタマイズ
ＳＥＯにも非常に大事なヘッドコピーのフォントの色・大きさ･位置を修正します。
参考ページ：ヘッドコピーの入力
ここではcolor.css というCSSファイルを修正します。
ＦＴＰを利用しますので、ファイルの書き換え方法もご覧ください。
作業工程
- FTPでサーバーにアクセスする
- color.cssをPCにダウンロードする
- ダウンロードしたファイルをエディタで開く
Windowsのメモ帳（notepad）でも十分ですが、サクラエディタなどのエディタソフトの方が改行されて表示されるので、操作しやすいです。 - PCで修正して、上書き保存する。
- color.cssをFTPでサーバーにアップロードする。
- 自分のHPにアクセスして、修正内容の変更を確認する。
※FTPやエディタの基本的な使い方については、ご理解いただいているとして、説明させていただいてますので、何卒ご了承ください。
color.css のダウンロード
サーバーにあるフォルダ
skin＞hokukenstyle＞g_blue06
の中の color.css をＰＣにダウンロードして、エディタで開いてください。
ファイルの修正
/* headcopy （サクラエディタで４２行目ぐらい）を探してください。
すぐ下にある三行が、ヘッドコピーの設定です。
font-size : 12px;
font-weight: normal;
color:#444;
- 文字を大きくする：12pxの数字を大きくする
- 文字を小さくする：12pxの数字を小さくする
- 文字を太字にする：normal を bold に書き換え
- 色を変更：#444 を好きなカラーコードに変更
- 文字を中央寄せにする：text-align: center;を追加
- 文字を右寄せにする：text-align : right ;を追加
例）
font-size : 16px;
font-weight: bold;
color:#000000;
text-align: center;
ファイルのアップロード
上記で修正したファイルを上書き保存して、ＦＴＰで再びサーバー側にアップしてください。
ホームページを見て、修正されているのを必ず確認してください。
サイトを開いても、更新が確認できない場合は、Ctr + F5 を押して、確実にページの更新を実行してください。
