本文へスキップ

サービス/製品一覧のページを編集 / ホームページビルダー21フルcssテンプレート編集

サービス/製品一覧のページを編集 / ホームページビルダー21フルcssテンプレート編集

サービス/製品一覧のページを編集 / ホームページビルダー21フルcssテンプレート編集

サービス/製品一覧のページを編集

  • 【サービス/製品一覧のページを編集】

    サービス/製品一覧のページを新たなページ「良質中古エアコンの紹介」というページに作り変えの編集をします。

  • ビジュアルサイトビューから「サービス/製品一覧」のページを開きます。
    0
  • 「ソース編集」で「<title>良質中古エアコンのご紹介</title>ととします。
    画像のように新タイトルを書き込んだら旧タイトルはドラッグし→右クリックして削除を選択します。
    0
  • <h1></h1><h2></h2><h3></h3>を書き変えます。
    <h1>良質中古エアコンのご紹介/アート家電サービス</h1>
    <h2>良質中古エアコンのご紹介</h2>
    <h3>良質中古エアコン一覧</h3>
    本文には、「只今、ご紹介する中古エアコンが入荷しておりません。」・・・としました。
    0
  • バナーの文字を「ページ編集」で見ると下の画像のようになりました。
    0
  • 次にナビゲーションを訂正します。
    タイトルを「良質中古エアコンのご紹介」と書き、画像のように新タイトルを書き込んだら旧タイトルはドラッグし→右クリックして削除を選択します。

    ▼現在の「アート家電サービス」のナビでは「service.htmlは→used-aircon.html」とファイル名が変更されサイドナビゲーションの位置も変更されています。 0
  • 「ソース編集」での変更を「ページ編集」部で確認すると下の画像のようになります。
    0
  • 「サービス/製品一覧」から「良質中古エアコンのご紹介」と書き変える方法を説明します。
    ドキュメントのサイトが入っているフォルダを開きます。
    「__HPB_Recycled」というフォルダをダブルクリックします。

    0
  • ウェブアートデザイナーというソフトなアイコンが並んでいるのが確認できます。
    「banner_1R_01」の名のファイルをクリックして開きます。
    0
  • 現在のテンプレートに使用されているバナーが開かれました。
    このバナーの文字列を変更します。
    0
  • 画像の「サービス/製品一覧」の文字列をクリックします。
    「ロゴ編集」のダイアログが開かれました。
    「サービス/製品一覧」の文字列を「良質中古エアコンのご紹介」と書き変えます。
    0
  • 「良質中古エアコンのご紹介」と書き変えました。
    文字列の位置を調節します。
    0
  • 画像と文字列のイメージがあっていません。
    とりあえず文字列の書換方法の説明ですからここはこのまま進みます。
    メニューから「ファイル(F)]→「名前を付けてキャンバスを保存(V)」と進みます。
    「ウェブアートファイル(*.mif)」は、「キャンバスを上書き保存(A)」とします。
    画像としての保存は「ファイルの種類(T)」を「PNG」として保存します。
    0
  • 確認すると画像の文字列が変更されています。
    0
  • 文字列と画像のイメージを一致させたいときは、
    編集の前にサイズ「268×108」「PNG」の画像(写真)を用意しておきます。
    編集の途中
    メニューから「編集(E)」→「ファイルから貼り付け(F)」とし、用意した画像(写真)を選択します。
    画像が入れ替わらなかったりした不都合が起きたら
    メニューの「オブジェクト(O)」→「重なり(A)」として画像と文字列の前後位置の調整を試して下さい。
    0
  • 質問やお問い合わせは、LINEでお願い致します。
    LINE ID