1. ホーム > 
  2. Webサイト制作 > 
  3. iWebの使い方 > 
  4. iWeb Tips > 
  5. iWebでページタイトルを設定する方法(2)

iWebでページタイトルを設定する方法(2)

iWebのブログテンプレートを活用すれば、ページタイトルを日本語のタイトルに設定して、かつファイル名は英数字にする事が可能です。 そこでこのページでは、ページの […]

  • 2016/5/4
  • 2008/10/17

iWebのブログテンプレートを活用すれば、ページタイトルを日本語のタイトルに設定して、かつファイル名は英数字にする事が可能です。

そこでこのページでは、ページの制作方法、設定方法を解説します。

コンテンツトップページの制作手順

まずコンテンツトップページ(ブログのトップページを使用)のページ制作の手順を解説します。

  1. ページインスペクタでファイル名を設定
    ページインスペクタでファイル名として使いたいページ名を設定します。サンプルの例であれば「goods」です。
  2. tips_023_002ページタイトルを入力するテキストボックスにページタイトル名を設定
    ブログトップページの「ページタイトルを入力するテキストボックス」には、ブラウザ上で見せたいページタイトルを入力します。

これだけで、コンテンツトップのページの設定は完了です。このように、ブログのトップページだけは「ファイル名」と「ページタイトル」を別々に設定できるのです。
他のページでも同じような仕様にしてほしいものです。

コンテンツページの制作手順

それでは次にコンテンツページ(ブログの記事ページを使用)のページ制作の手順を解説します。

また、ここで解説する内容は、ブログのエントリーページを英数字にする方法でも解説している内容と重複するものがありますので、そちらのページ併せてご覧ください。

  1. ページタイトルを英数字にしてコンテンツを制作
    まず、ページタイトルを設定するテキストボックスに、最終的にファイル名としたい英数字を入力してコンテンツを制作していきます。サンプルでは、「goods_004.html」としたいので、ページタイトルのテキストボックスには「goods_004」と入力します。
  2. ブログの更新日時を1分進めます
    ブログテンプレートには、その記事の更新日時を設定するテキストボックスがありますので、更新日時を1分進めて設定します。

    ここでの例であれば、「22:07」を「22:08」に修正します。

    この更新日時を変更した時に(必ず時間を進めなくてはいけない訳ではないのです)ページタイトルに入力されている文字が、ファイル名となります。

  3. ページタイトルを変更する
    最後にページタイトルを「ブラウザ上で設定したいページタイトル」に変更します。この例では「座布団の生地 | バナー素材写真 | 無料ダウンロード | Banner Photo BOX」という感じに、ブラウザ上でのページタイトルらしく入力をしています。

    もし、ページタイトルを日本語に変更した後に更新日時を操作してしまったら、手順を戻ってページタイトルを英数字にしてから、同じ手順をやり直せば大丈夫です。

  4. フォルダ名を変更する
    ブログのページの場合、コンテンツページが「エントリー」という日本語のフォルダの中に収められてしまいます。

    これを「entries」といった英語表記のフォルダ名に変更します。この作業はiWebの日本語ローカライズファイルを修正するのですが、詳細はブログのエントリーページを英数字にする方法(2)ですでに解説しておりますので、そちらのページをご覧ください。

あとは、MobileMeで公開するにしても、フォルダに公開…で別のサーバーで公開するにしても、そのままHTMLファイルを出力すると、きちんとページタイトルが設定されているファイルが出力されます。

iWebについて

iWebは2011年7月に公開されたバージョン3.0.4以降、アップデートされておらず、最新のOSX環境で正常に動作するか分かりません。
そのため、MacでWebサイトの作成をする場合は、有料で販売されているソフトか、WordPressなどのCMSを利用されることをお勧めします。

WordPressの使い方

WordPressの導入から基本的な使い方、プラグインの活用、テーマのカスタマイズまで、WordPressの使い方全般をまとめています。

無料で利用できるホームページ作成ソフトには、オープンソースのKompozerもありますが、こちらのソフトも2011年以降バージョンアップしておらず、最新環境で正常に動作するか分かりません。

「役にたった」と思ったらシェアお願いします