HTMLパーツのテキスト編集機能 リリースのお知らせ

HTMLパーツ編集画面で、設置したHTMLパーツに含まれているテキストを編集する機能をリリースしました。
HTMLパーツをドラッグ&ドロップで設置した後、テキスト編集モードに切り替え、編集したいテキスト部分をダブルクリックすると、テキストの変更ができます。 変更したテキストは、購入後にダウンロードするHTMLパーツに反映されます。

操作方法

HTMLパーツのテキストの編集方法をご紹介します。
本記事のテキスト編集をお試しいただくだけの場合は、会員登録およびログインを行わずに、操作をお試しいただけます。テキスト編集した結果のHTMLパーツを購入される場合は、先に会員登録を行ってください。

1.HTMLパーツ編集画面を開く
 トップページの「HTML編集」ボタンか、こちらのリンクから、HTMLパーツ編集画面に進んでください。
2.HTMLパーツを設置する
HTMLパーツ編集画面を開くと、利用可能なHTMLパーツがタイル状に並んでいます。
お好きなパーツをドラッグしてください。ドラッグを開始すると、HTMLパーツ ドロップエリアが現れますので、ドロップエリア内にドロップしてください。ドロップしたHTMLパーツがドロップエリア内に設置されます。
ドラッグ&ドロップで好みのHTMLパーツを設置
3.テキスト編集モードに切替える
ドロップエリアの右上に切り替えボタンが4つ並んでいます。右から2番目のテキスト編集ボタンを押してください。テキスト編集モードに切り替わります。
 テキスト編集モードでは、ドロップエリア内に設置したHTMLパーツのテキスト部分が、水色の点線で囲まれた状態になります。この点線の枠は、編集可能なテキスト部分を表しています。
HTMLパーツのテキスト編集モードへの切り替え
4.HTMLパーツのテキストを編集する
 水色の点線で囲まれた領域をダブルクリックしてください。その領域内のテキストが変更可能な状態になります。テキストを自由に変更してください。テキスト変更を終了するときは、点線の領域の外側をクリックしてください。
ダブルクリックしてHTMLパーツのテキストを編集
 テキストの編集中に、現在編集中のテキスト領域の隣にあるテキストを変更したい場合は、カーソルキーでの移動もできます。現在編集中のテキストボックス内の右端でカーソルキーの「→」を押すと、現在のテキスト領域の変更内容は確定し、次のテキスト領域が編集状態となります。同様に、テキストボックス内の左端でカーソルキーの「←」を押すと、一つ手前のテキストの編集ができます。
5.テキスト編集モードを終了する
 ドロップエリアの右上にある切り替えボタンのうち、左から2番目のボタンを押すと、テキスト編集モードを終了し、通常のHTMLパーツをドラッグ&ドロップ可能な状態に戻ります。
HTMLパーツのテキスト編集モードを終了

テキスト編集終了後、HTMLパーツ編集画面の右上にある「確認」ボタンを押すと、HTMLパーツ確認画面に遷移します。このとき、ログインしていない状態の場合は、ログイン画面が表示されますので、ログインを行ってください。HTMLパーツ確認画面に遷移すると、テキストが変更された状態で、2種類のブラウザサイズでの表示を確認することができます。

HTMLパーツ確認画面で購入を行い、HTMLパーツファイルをダウンロードすると、先ほどテキスト変更した内容が反映されています。

(ご注意)
HTMLパーツ編集機能では、購入前に自由にHTMLパーツのテキストを編集することが出来ますが、既存のHTMLパーツの文字数と異なる文字数を入力した場合に、既存レイアウトや既存機能の適用は保証しかねます。
予めご了承の上、ご利用をお願いいたします。

本ページの公開後、新しい機能が追加されています。uWebeeによる詳しいホームページの作り方は、下記のページでご説明しています。