スポンサーサイト

  • 2016.09.11 Sunday

一定期間更新がないため広告を表示しています

  • 0
    • -
    • -
    • -

    HTMLを一括で変更する方法について

    • 2015.07.22 Wednesday
    • 11:18
    JUGEMテーマ:パソコン
    最近、お客様よりよくご質問を受けるのでまとめてみました。

    ホームページを作成する際に、画面上部のタイトル部分や左側のメニューバーなどを変更する場合、
    CSSという技術を使用していない場合では前ページを変更する必要があるため大変面倒に感じます。
    そんな、面倒な作業をできる限り簡単にするツールである「HTML 一括変換」についてご説明いたします。

    まず以下のサイトを開きアプリケーションをダウンロードします。

    http://www.geocities.jp/asumaroyuumaro/program/htmlrevisioner.html



    こちらをダウンロードしたらインストールを実行していただきますようお願いいたします。

    次に、ホームページビルダーで該当のホームページを開きます。
    変更したい個所を手動で変更し、HTML表示に変更します。
    ここでは例として弊社のサイトでの操作にてご説明します。

    まずは、左側にあるメニュー名を変更して、カーソルがメニューの上にある状態で表示モードを「HTML ソース」に変更します。



    すると自動的にカーソルのある場所のソースが表示されます。



    このソースをよく見ていただき、変更した該当の部分だけでなく変更したメニューが含まれているソース全体を
    コピーします。
    弊社のサイトの場合は、 <div class=”menulist”> から 最後の </div> までをコピーして、
    メモ帳などに貼り付けます。この時ファイル名には分かりやすいように「変更後メニュー」等の名前を採用するとミスが減ると思われます。

    次に、先ほどホームページビルダーで開いたのとは違うページを開きます。
    この時、先ほどのページとは違って新しく開いたページではメニューバーは何も変更していない状態となっていますので、このまま変更せずに該当の部分にカーソルを置いたまま「HTML ソース」表示に変更してから、
    先ほどコピーした部分と同じ部分をコピーしてメモ帳などに貼り付けます。

    先にコピーした内容と、今回コピーした内容ではメニューの中の「ごあいさつ」の部分だけに相違があり他の点では相違点が無いと思われますのでまずはご確認をお願いいたします。
    この時、フィル名には「変更前メニュー」等の名前を付けるとミスが減ります。

    次に、先ほどインストールした「HTML 一括変換」を起動します。

    最初に先ほど手動で変更したページ以外を開きます。この時、「Ctrl」ボタンを押しながらページを選択すると同時に複数のページを開けるので大変便利です。



    すると「HTML 一括変換」が以下のように複数のファイルを同時に操作する準備ができます。



    ここでは4つのファイルが選択されていますが、このままでは選択されている「index」ファイルしか変更されないため、再び「Ctrl」ボタンを押しながらすべてのファイルを選択して複数のファイルを選択する状態に変更します。

    あとは非常に簡単です。



    置き換えする範囲には「変更前メニュー」に保存した内容を入れて、置き換えする文字列には「変更後メニュー」の内容をそのまま貼り付けて「プレビュー」もしくは「変換実行」をクリックします。



    こちらの画像ではグレーアウトしていますが、今までの設定をすべて入力すると色が付きますのでご安心ください。

    これですべてのページが自動的に変更されます。

    しかし、少しでも対象のメニューと差異がある場合など、対象が見つからないと表示されて自動的には変更されないページが発生します。
    このような場合は、変更されなかったページを必ずメモに残してそのページに関しては手動で変更する必要があります。

    以上です。
    ブログランキングにも参加しておりますので是非ご確認お願いいたします。

    人気ブログランキングへ

     

    スポンサーサイト

    • 2016.09.11 Sunday
    • 11:18
    • 0
      • -
      • -
      • -

      PR

      calendar

      S M T W T F S
        12345
      6789101112
      13141516171819
      20212223242526
      2728293031  
      << May 2018 >>

      selected entries

      categories

      archives

      recent comment

      recommend

      links

      profile

      search this site.

      others

      mobile

      qrcode

      powered

      無料ブログ作成サービス JUGEM