ホーム >> テンプレートの編集方法

Kompozer で編集する

・Kompozer を起動し、サイトマネージャーの homepage という文字の左側にある「+」マークをクリックします。@

・homepage というサイトの中身が下に一覧表示されるので、template.html をダブルクリックします。A

・ページが作業ウィンドウに表示されます、作業ウィンドウの下部にある 「ソース」 をクリックします。B

・作業ウィンドウにソースが表示されます。

 ★マークがついてる箇所を自分のページの内容と合うように変更します。

<meta name="Keywords" content="★"> の★箇所は検索サイトで ひっかけたいキーワードを
, (カンマ)で区切って記入します。

<meta name="Description" content="★"> の★箇所は、ホームページの内容を簡潔に記述しておきます。

<title>★</title> の★箇所は、ブラウザのタイトルバーに表示されます。

<h1>★<h1> の★箇所はSEO対策です。表示はされません。

 

仮に「おべんとうの鈴木」というホームページの場合、設定は以下のようになるかと思います。

<meta name="Keywords" content="おべんとうの鈴木,弁当,ランチ,手作り,こだわり食材,">
<meta name="Description" content="食材にこだわり自分の子供におべんとうを作る気持ちで毎日手作りしています">
<title>おべんとうの鈴木</title>
<h1>手作りのホカホカなお弁当をあなたに<h1>

 

・変更が終わったら、作業ウィンドウの下部にある、「通常」をクリックしてページを表示します。

ページの上部へ

メニューの変更とリンクの作り方

メニューの文字を変更する場合

うまく出来なかった場合は、Ctrl + Z キーでやり直すか、編集ツールバーの「元に戻す」ボタンを押します。

 

リンクを作る場合

※ メニュー以外の文字にリンクを作る場合も同様の手順で行います。

 

メニューを追加、削除する

メニュー項目を追加、削除する場合はソースを直接編集します。
作業ウィンドウの下部にある、「ソース」 をクリックしてソースを表示します。

作業が終わったら、作業ウィンドウの下部にある 「通常」をクリックします。

メニュー項目を減らしたい場合は、Aのように1行を選択し Deleteキー または Backspaceキー を押して
不要なメニューを削除します。

ページの上部へ

文字入力と改行 テキストフォーマット 

文字入力と改行

文字を入力する場合は、任意の箇所をクリックしテキストを入力します。
改行を行う場合、Enterキーを押すと p タグ(段落)として認識されます、これを避けるには Shiftキー を押したまま
Enterキーを押すことで br タグ(改行)となります。

 

テキストフォーマットを利用する

任意のをクリックして、「段落の書式を選択」をクリックします。
プルダウンメニューが出てきますので、「見出し2」 や 「見出し3」などを選びます。

※ 見出し1 を選ぶとテキストが見えなくなります、注意して下さい。

ページの上部へ

画像を配置する

ページに画像を配置する場合には、配置したい画像を image フォルダに入れておきます。
サイトマネージャー にある image フォルダの前にある 「+」 マークをクリックします。@
image フォルダに入っている画像が表示されるので、配置したい画像を作業ウィンドウの任意の場所までドラッグします。

※ メインタイトル箇所にはフラッシュが表示されるので、画像を配置するとレイアウトが崩れます。
  メインタイトル箇所にフラッシュを使用したくない場合は フラッシュ素材の配置方法 の項目をご覧下さい。

ページの上部へ

名前をつけて保存する

ページの編集が終わったら、任意の名前で保存します。
ファイルメニュー から 「名前をつけて保存」 を選び下記の手順で保存してください。

サイトマネージャーに保存した新規ページが表示されない場合は、Eの箇所をクリックし
再度Eの箇所をクリックしてみて下さい。

ページの上部へ

コメントが気になる場合

Kompozer で表示される、 のマークが気になる場合は、ソースモードにして
緑色の文字 <!--○○○--> を削除して下さい。

マークがあることにより、Kompozer の通常モードではレイアウトが崩れて表示されますが
ブラウザではきちんと表示させるので、ご安心下さい。

ページの上部へ

効率よく作業するには?

効率よく作業するには、template.html を開き、ページのタイトルやキーワード、メニュー項目を設定し上書き保存します。
コメントが邪魔だと感じる方は、コメントも削除しておきます。
これを雛形として使用しページを追加していけば、タイトルやキーワードなどをいちいち設定しなくてもよくなります。

 

ページの上部へ