ホームページビルダー ツールバーをカスタマイズする

ツールバーにレイアウトコンテナのアイコンを作る!

ホームページビルダーで、レイアウトコンテナ(DIVタグ)を挿入するのって面倒ですよね。

ツールバーに、アイコン・ボタンがあれば……って思いませんか?

HPBツールバーのカスタマイズ

↑↑↑これは、私のツールバーに置いている、自分用のアイコンです。

今回はこれを作っていきます!

「ユーザー定義の設定」を使い、ツールバーの項目(土台)を増やす

アイコンボタンをワンクリックするだけで、タグを挿入出来るようにするには、そのアイコンをのせる土台を作っていきます。

HPBツールバーのカスタマイズ

↑↑↑私は、作ったツツールバー(土台)に、よく使う、
【レイアウトコンテナ(div)】【見出し】【リスト】などを入れています。
【リスト】などは、既存のアイコンがありますが、ない場合は、用意されたアイコンから選べます。
→レイアウトコンテナは、アイコンがないので、私は上記の星マークにしています。

さっそく作ってみましょう!

bl-1stp-18-001.gif

表示からツールバー → ユーザー定義設定を開いていきます。

bl-1stp-18-002.gif

こんな画面になるので、ユーザー定義ツールバーのタブをポチっとして、新規作成を押します。

すると小窓が開くので、何でも好きな名前を入れます。私はルビと入れました。

bl-1stp-18-003.gif

名前が入ると、更に小さな小窓が生まれます。
この小窓をツールバーの、お好きな位置まで、ドラッグして持っていきます。

bl-1stp-18-004.gif

なんだか、分かり難い画像ですが、これは、さっきの小窓が、ツールバーに入った状態です。

bl-1stp-18-005.gif

今度は、ユーザー定義の設定のBOXのタブコマンド追加を開きます。

プルダウンして挿入▼を選択し、レイアウトコンテナを探します。

見つかったら、レイアウトコンテナをそのまま先ほどのツールバーへドラッグします。

すると…………

bl-1stp-18-006.gif

またもや、こんな小窓が現れます。
これは、アイコンがないコマンドは、自分で好きなアイコンを使ってね!ってことらしいです。
好きなのを選べば、ツールバーに、レイアウトコンテナ(DIV)ボタンができました!

※上の画像中の、「ボタンの名前」「ボタンの説明」が【マーキー】となっておりますが、これは、管理人の都合です^^; 
本来は、レイアウトコンテナと表示されるのが正解です。
どうかご了承ください。

他に追加しておくと便利なもの

bl-1stp-18-007.gif

同じく、コマンド追加 → 挿入▼からHTMLタグを探します。

見つかったら、HTMLタグ作成したツールバーへドラッグし、出てきたアイコンを選びます。

これは、私の一押し!! 本当に便利です!

その名の通り、HTMLのタグがこれだけで、挿入出来るんです。

他には、【見出し】や【リスト】は、入れておくといいです。

下記のページで、使い方は、紹介しています。

 
 

 
 

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Post Navigation