tips_023
iWebのブログテンプレートを活用すれば、ページタイトルを日本語のタイトルに設定して、かつファイル名は英数字にする事が可能です。
そこでこのページでは、実際にMobilemeで公開している「Banner Photo BOX」をサンプルとして挙げ、ページの制作方法、設定方法を解説します。
2008/10/17
iWeb Tips - iWebのコツ -
まず、ページタイトルを設定するテキストボックスに、最終的にファイル名としたい英数字を入力してコンテンツを制作していきます。サンプルでは、「goods_004.html」としたいので、ページタイトルのテキストボックスには「goods_004」と入力します。
ページタイトルを英数字にしてコンテンツを制作
コンテンツページ制作手順
それでは次にコンテンツページ(ブログの記事ページを使用)のページ制作の手順を解説します。
サンプルで挙げたサイトでは、各写真の詳細ページ(例:クレヨンの写真素材ページ)が、コンテンツページにあたります。
また、ここで解説する内容は、ブログのエントリーページを英数字にする方法でも解説している内容と重複するものがありますので、ブログのエントリーページを英数字にする方法のページも併せてご覧ください。
ブログテンプレートには、その記事の更新日時を設定するテキストボックスがありますので、更新日時を1分進めて設定します。
ここでの例であれば、「22:07」を「22:08」に修正します。
なぜなら、この更新日時を変更した時に(必ず時間を進めなくてはいけない訳ではないのです)ページタイトルに入力されている文字が、ファイル名となるからです。
ブログの更新日時を1分進めます
最後にページタイトルを「ブラウザ上で設定したいページタイトル」に変更します。この例では「座布団の生地 | バナー素材写真 | 無料ダウンロード | Banner Photo BOX」という感じに、ブラウザ上でのページタイトルらしく入力をしています。
もし、ページタイトルを日本語に変更した後に更新日時を操作してしまったら、手順を戻ってページタイトルを英数字にしてから、同じ手順をやり直せば大丈夫です。
ページタイトルを変更する
コンテンツトップページ制作手順
まずコンテンツトップページ(ブログのトップページを使用)のページ制作の手順を解説します。
サンプルで挙げたサイトでは、雑貨などの写真ページが、コンテンツトップのページにあたります。
ページインスペクタでファイル名として使いたいページ名を設定します。サンプルの例であれば「goods」です。
ページインスペクタでファイル名を設定
ブログトップページの「ページタイトルを入力するテキストボックス」には、ブラウザ上で見せたいページタイトルを入力します。
ページタイトルを入力するテキストボックスにページタイトル名を設定
これだけで、コンテンツトップのページの設定は完了です。このように、ブログのトップページだけは「ファイル名」と「ページタイトル」を別々に設定できるのです。
他のページでも同じような仕様にしてほしいものです。
ブログのページの場合、コンテンツページが「エントリー」という日本語のフォルダの中に収められてしまいます。これを「entries」といった英語表記のフォルダ名に変更します。
この作業はiWebの日本語ローカライズファイルを修正するのですが、詳細はブログのエントリーページを英数字にする方法(2)ですでに解説しておりますので、そちらのページをご覧ください。
フォルダ名を変更する
あとは、Mobilemeで公開するにしても、フォルダに公開...で別のサーバーで公開するにしても、そのままHTMLファイルを出力すると、きちんとページタイトルが設定されているファイルが出力されます。
スポンサードリンク
公開に関するTips
iWeb基本のTips
iWeb Tips:記事一覧
iWeb Tips 記事一覧
iWebでページタイトルを設定する方法(2)
その他のTips
アクセスアップ、SEO対策のTips
iWebの機能、更新に関するTips
運営サイト・ブログ
このサイトはApple iWeb を使用して作成しています。
ご意見などはお問い合わせフォームからお願いいたします。
当サイトは、Yahoo!カテゴリ(Macintosh > アプリケーションソフト)掲載サイトです。
スポンサードリンク