ホームページビルダー20 SP テンプレートの使い方 サイトの新規作成

ホームページビルダー20SPでは、テンプレートからのみサイトの作成が可能です。

サイトの新規作成(テンプレートの選択)

「テンプレートを選択してください」
テンプレートの種類
ベーシック
ミニマル
ポップ
フェミニン
ナチュラル
和風
立体
ラグジュアリー
アクティブ

サイトの新規作成(基本情報の入力)

「基本情報を入力してください。」
サイト情報
サイト情報を設定してください。
サイト名
業種 プレビュー
サイトタイプ
サイトタイプを選択してください。
通常
WordPress
基本情報の入力
作成するサイトのタイトルと簡単な説明を入力してください。これらの情報は、Webサイトに表示されます。
タイトル
キャッチフレーズ
検索エンジンの表示例

サイトの新規作成(完了)

「テンプレートを保存しました。」
この後の文書や画像などの編集は、編集画面で直接行ってください。
編集後、サイトを公開するには
ナビバーのサイトの公開を選択します。
「閉じる」

ホームページビルダー20 SP テンプレート パーツスタイルの使い方

ホームページビルダー20 SPではパーツのスタイルの詳細設定ができるようになりました。

  • サイト情報のスタイル
    • パーツトップ
    • サイトタイトル
    • タイトルリンク
    • キャッチフレーズ
    • サイト情報拡張
  • サイトナビゲーションのスタイル
    • パーツトップ
    • メニュー
    • メニュー項目(第一階層)
    • マウスホバー時のメニュー項目(第一階層)
    • カレントページメニュー項目(第一階層)
    • メニュー項目(第二階層)
    • マウスホバー時のメニュー項目(第二階層)
    • カレントページメニュー項目(第二階層)
  • 画像のスタイル
    • パーツトップ
  • ページタイトルのスタイル
    • パーツトップ
    • 見出し
  • ページ内容のスタイル
    • パーツトップ
    • [段落]標準
    • [段落]見出し1
    • [段落]見出し2
    • [段落]見出し3
    • [段落]見出し4
    • [段落]見出し5
    • [段落]見出し6
    • [段落]引用
    • [段落]コピーライト
    • [段落]大きい文字
    • [段落]インデント
    • [段落]値段
    • [段落]アイコン
    • [段落]都筑
    • リンク
    • マウスホバー時のリンク
    • 訪問済みリンク
    • [文字]強調
    • [文字]重要
    • [文字]コメント
    • [文字]タイトル
    • [文字]引用
    • [文字]言葉の定義
    • [文字]省略
    • [文字]サンプル
    • [文字]キーボード
    • [文字]コード
    • [文字]変数
    • [文字]下付き
    • [文字]上付き
    • 太字
    • 斜体
    • 下線
    • 取り消し線
    • 水平線
  • 投稿一覧のスタイル
    • 一覧タイトル
    • 一覧タイトルリンク
    • 投稿リスト
    • 投稿タイトル
    • 投稿タイトルリンク
    • 続き
    • 続きリンク

ホームページビルダー20 SP スクロールの使い方

ホームページビルダー20SPのサイトにスムーズスクロールを入れる実験のときにつかったJavascript

[html]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><!-- スムーズスクロール部分の記述 --><script>// <![CDATA[
$(function(){
   $('a[href^=#]').click(function() {
      // スクロールの速度
      var speed = 400; // ミリ秒
      // アンカーの値取得
      var href= $(this).attr("href");
      // 移動先を取得
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});
// ]]></script></pre><div style="position: fixed; right: 20px; bottom: 20px; z-index: 100; background-color: white;"><a style="font-weight: bold; color: blue;" href="#">ページの先頭へ戻る</a></div><pre>[/html]

ホームページビルダー20 SP テンプレート 地図パーツのプロパティの使い方

パーツのプロパティ 地図

地図の設定

地図の設定(Googleマップ)
地図の種類
 地図
 地図+地形
 航空写真
 航空写真+ラベル
縮尺
ズームレベル

マーカー
名前
追加
編集削除
オプション
表示するコントロールの指定
 自動設定
 手動設定
  移動・ズーム
   ズーム・ボタンのみ
   ズーム・ボタンと移動カーソル
   ズーム・ボタン、スライダ、移動カーソル
  地図タイプ切り替えボタン
  地図の縮尺
  地図の概要
 基本設定
  マウスでのドラッグを禁止

地図検索
地名

SEO Composerの使い方 @ ホームページビルダー教室

昨年10月に発売と同時に購入した、ホームページビルダー20ビジネスパック。同梱されているSEO Composerを初めて導入して、試用しました。

SnapCrab_2016-02-26_14-03-50_No-0000

  • タイトルの最適化
  • メタディスクリプションの最適化
  • 本文の最適化
  • 検索エンジンのクロール設定
  • 画像のalt属性
  • リンクの最適化
  • 見出し(h1/h2)の最適化
  • インデックスの最適化
  • ソーシャルの最適化

といった項目を、指定したURLとキーワードに対して評価報告してくれます。

ホームページビルダー20SPテンプレートの使い方 パーツのプロパティが消えた!

Yahoo!知恵袋にあった質問の現象をホームページビルダー教室で再現してみました。

ホームページビルダー20SPを使っての再現試験です。

パーツのプロパティビューはオンになっています。しかし画面上パーツのプロパティが見当たりません。

良く見てみると、画面一番下、Windowsタスクバーの右側の裏にパーツのプロパティがいます。

タスクバーを動かさないとパーツのプロパティへの操作ができない状況です。

SnapCrab_No-0005

@homepage(アット・ホームページ)2016年9月終了予定@ホームページビルダー20教室

ホームページビルダー教室で本日実施したホームページ作成無料相談のなかで発見しました。

「接続会員向けホームページサービス『@homepage(アット・ホームページ)』は、
2016年9月29日(木)15時をもちまして、サービスを終了いたします。
詳しくは、サービス終了のお知らせをご確認いただきますようお願いいたします。」

@niftyホームページサービス ミニという移行専用無料プランが用意されているようです。

ホームページ無料相談では、これを機に独自ドメイン+レンタルサーバー+ワードプレスでサイトをリニューアルすることになりそうです。現行のホームページはバージョン7の時代に作成して現在は16で更新されているそうです。ホームページビルダー20を購入します。

 

 

アイテムギャラリーの使い方 パーツのプロパティ ホームページビルダー20SPテンプレート

ホームページビルダー20SPテンプレート、新たに搭載されたアイテムギャラリーです。
・アイテムリスト 管理
・カテゴリーで絞り込む
・表示設定
グリッド・メーソンリー
アイテムのサイズを指定する
・アイテム名
・説明
・価格
・アイコン
・詳細設定
画像クリック時の動作(拡大表示・ページジャンプ・拡大表示画像のグループ化)
並び替え効果の設定