本文へスキップ
サービス/製品一覧のページを編集 / ホームページビルダー21・22フルcssテンプレート編集
サービス/製品一覧のページを編集 / ホームページビルダー21・22フルcssテンプレート編集
サービス/製品一覧のページを編集 / ホームページビルダー21・22フルcssテンプレート編集
サービス/製品一覧のページを編集
【サービス/製品一覧のページを編集】
サービス/製品一覧のページを新たなページ「良質中古エアコンの紹介」というページに作り変えの編集をします。
ビジュアルサイトビューから「サービス/製品一覧」のページを開きます。
「ソース編集」で「<title>良質中古エアコンのご紹介</title>ととします。
画像のように新タイトルを書き込んだら旧タイトルはドラッグし→右クリックして削除を選択します。
<h1></h1><h2></h2><h3></h3>を書き変えます。
<h1>良質中古エアコンのご紹介/アート家電サービス</h1>
<h2>良質中古エアコンのご紹介</h2>
<h3>良質中古エアコン一覧</h3>
本文には、「只今、ご紹介する中古エアコンが入荷しておりません。」・・・としました。
バナーの文字を「ページ編集」で見ると下の画像のようになりました。
次にナビゲーションを訂正します。
タイトルを「良質中古エアコンのご紹介」と書き、画像のように新タイトルを書き込んだら旧タイトルはドラッグし→右クリックして削除を選択します。
▼現在の「アート家電サービス」のナビでは「service.htmlは→used-aircon.html」とファイル名が変更されサイドナビゲーションの位置も変更されています。
「ソース編集」での変更を「ページ編集」部で確認すると下の画像のようになります。
「サービス/製品一覧」から「良質中古エアコンのご紹介」と書き変える方法を説明します。
ドキュメントのサイトが入っているフォルダを開きます。
「__HPB_Recycled」というフォルダをダブルクリックします。
ウェブアートデザイナーというソフトなアイコンが並んでいるのが確認できます。
「banner_1R_01」の名のファイルをクリックして開きます。
現在のテンプレートに使用されているバナーが開かれました。
このバナーの文字列を変更します。
画像の「サービス/製品一覧」の文字列をクリックします。
「ロゴ編集」のダイアログが開かれました。
「サービス/製品一覧」の文字列を「良質中古エアコンのご紹介」と書き変えます。
「良質中古エアコンのご紹介」と書き変えました。
文字列の位置を調節します。
画像と文字列のイメージがあっていません。
とりあえず文字列の書換方法の説明ですからここはこのまま進みます。
メニューから「ファイル(F)]→「名前を付けてキャンバスを保存(V)」と進みます。
「ウェブアートファイル(*.mif)」は、「キャンバスを上書き保存(A)」とします。
画像としての保存は「ファイルの種類(T)」を「PNG」として保存します。
確認すると画像の文字列が変更されています。
文字列と画像のイメージを一致させたいときは、
編集の前にサイズ「268×108」「PNG」の画像(写真)を用意しておきます。
編集の途中
メニューから「編集(E)」→「ファイルから貼り付け(F)」とし、用意した画像(写真)を選択します。
画像が入れ替わらなかったりした不都合が起きたら
メニューの「オブジェクト(O)」→「重なり(A)」として画像と文字列の前後位置の調整を試して下さい。
次の「
E新着情報・FAQのページ編集
」へ進む場合はここをクリックしてください。
クリックすると「
E新着情報・FAQのページ編集
」へ進むことができます。
ホームページのナビボタンからから選択することもできます。
クリックすると「
C会社方針のページ編集
」へ戻ることができます。
▼質問やお問い合わせは、LINEでお願い致します。(無料)
・
編集中の「わからない」「困った」にはLINEにてお問い合わせください。(無料)
(
LINE無料相談は
、
9時〜23時
ですがすぐに返信できないこともあります。)
ご自宅へ
出張訪問(関東地区・その他相談)によるサービス(お困りごとの解決)は有料となります。
(ホームページビルダーによるホームページ作成方法,編集方法を一から教授致します。・・・
有料
)
■有益なタイトルタグ・Descriptionダグを作成致します。5,000円
■会社やあなたの
昔のホームページを
最近流行の
レスポンシブデザイン
(パソコン・タブレット・スマートフォン対応)のホームページビルダー収録「
フルCSSテンプレート
」で
ホームページを作り変え致します。
(1〜10ページ36,000〜160,000円)
・ホームページビルダーを使うので
後にご自分で編集
できます。
(ホームページビルダーによるホームページ
編集方法を一から教授
致します。)
▼LINE登録は、QRコードをタップして下さい。
このページの先頭へ
ナビゲーション
最初から設定する
@クラシック版で直ぐ始める
Aタイトル画像の加工と編集
A-2タイトル写真の編集
A-3タイトル用写真の変更
BTOPページ「index」を編集
B-2編集方法-タブを選択
B-3要素<title>の書換
B-4TOPICSに本文を書く
・TOPICSの増やし方く
・段落の増やし方く
・TOPICSに写真挿入方法
・TOPICSに表挿入方法
・NWESを削除する方法
・文字サイズを変更スル方法
CSSを書換えfontの属性を変更
オプションでfontの属性を変更
ページを増やす方法
ナビゲーションを編集
NAVIを全頁に反映させる
・NAVIの順序を変更スル
・NAVIの名称を変更スル
・不要NAVIの頁を削除
・NAVIボタンの色を変更
・NAVIのリンク色を変更
・NAVIの不要HTMLを削除
タップすると電話番号表示
C会社方針のページ編集
Dサービス/製品一覧の頁編集
E新着情報・FAQの頁編集
F会社概要の頁編集
G採用情報の頁編集
Hお問い合わせのページ編集
Iプライバシーポリシーの頁編集
J特定商取引法ニ関スル記述編集
Kアクセスaccess.html の編集
Lバナーを編集
バナー編集/ウェブアートデザイナー
・グラデーションバナー作成
・画像背景透明化/ウェエブアートD
Mナビゲーションを全頁に反映
Nホームページヲアップロードする
Oホームページヲサーバに転送する
ホームページをダウンロ−ド
ヘッダー(header)を編集
フッター(footer)を編集
MENUアイコンを編集加工
ハンバーガーメニューにMENU表示-@
ハンバーガーメニューにMENU表示-A
グーグルマップの挿入方法
XMLサイトマップを作る
サイト内サイトマップを作る
タップすると電話番号表記
LINE-QRコードで友だち追加
ブログをナビボタンにリンクさせる
内部リンク元から内部リンク先
サイト転送の自動転送設定
ビルダーで基本のSEO設定
freedom思考的SEO対策
検索順位ノ検証(SEO効果ノ検証)
SEO対策をあれこれ考える前に!
・SEO対策をアレコレ考エル前に!A
・SEO対策をアレコレ考エル前に!B
・SEO対策をアレコレ考エル前に!C
キャッシュを知ろう・考えよう
検索に引っかからないホームページ
検索に引っかカラナイホームページA
検索に引っかカラナイホームページB
検索に引っかカラナイホームページC
検索に引っかカラナイホームページD
SP版-サイトフォルダの場所ヲ探す方法
SP版-背景色を変更する方法
SP版-文字のイロイロ変更方法
編集方法 / まとめ
いろいろな編集方法(質問から)
ホームページサンプル集
索引(タグ一覧)
編集に必要なソフト・参考書
バナー・タイトル用写真など販売
タイトル用写真販売
バナースペース
ビルダーのテンプレートが購入できます
freedomは
ホームページビルダー22で編集中