『何でも相談できる駆け込み寺』 日本IBM出身 ホームページビルダー元開発責任者 鎌田裕二
ホームページビルダー20 SP テンプレートでは、スタイルの詳細設定が可能になりました。
サイト情報のスタイル
パーツトップ
配置
パーツのサイズ
幅 ピクセル・パーセント・自動
高さ ピクセル・自動
縦横比を固定する
表示形式
通常・左配置・右配置・絶対配置 絶対配置の表示基準
マージン 上・下・左・右
回り込み解除
表示メディア
表示ページ
すべて・個別に指定する
文字
プレビュー
フォント
文字サイズ
文字色
文字飾り
背景
背景色 透明・指定する
背景画像 なし・指定する
繰り返し表示 繰り返す・繰り返す（垂直方向）・繰り返さない
表示位置 左右位置・上下位置
サイズ 自動・含む・覆う
枠
ボーダー すべて固定・上下左右固定・別々に指定
ボーダータイプ
線の太さ
線の色
パディング 上・下・左・右
角丸
はみ出した内容をクリッピングする
などのスタイルが設定できます。CSSをコーディングする必要はありません。
ホームページビルダー20 SPとは
以上
ホームページビルダー専用の「かんたんアクセス解析」
バージョン16（15？）の時に登場。
ホームページビルダー各バージョンに、１年間の無料使用権がついていて、その後は有料（月額324円）
最新版、ホームページビルダー20SPでもサイトを「アクセス解析対象に設定」することが可能
（WordPressの場合は、「WordPressサイトのアクセス解析設定は、サイト公開後にhpbダッシュボードで行ってください。」ということです。）
久しぶりに「かんたんアクセス解析」のウェブサイト http://kantan-access.com/ を見てみました。
更新情報によると最新のお知らせは2014年2月、またトップページのバナーには、「ホームページビルダー18に添付のサービス利用権をご利用中のユーザーの方へ ホームページビルダー19をお買い上げいただくと、さらにもう１年お使いいただけます。」と古い記述の残っています。
ちなみに、ホームページビルダー教室では、Google Analyticsの使い方を希望者にはレッスンしています。「かんたんアクセス解析」を使いたいというご要望はうかがったことがありません。
ホームページビルダー20SPでは、テンプレートからのみサイトの作成が可能です。
「テンプレートを選択してください」
テンプレートの種類
ベーシック
ミニマル
ポップ
フェミニン
ナチュラル
和風
立体
ラグジュアリー
アクティブ
「基本情報を入力してください。」
サイト情報
サイト情報を設定してください。
サイト名
業種 プレビュー
サイトタイプ
サイトタイプを選択してください。
通常
WordPress
基本情報の入力
作成するサイトのタイトルと簡単な説明を入力してください。これらの情報は、Webサイトに表示されます。
タイトル
キャッチフレーズ
検索エンジンの表示例
「テンプレートを保存しました。」
この後の文書や画像などの編集は、編集画面で直接行ってください。
編集後、サイトを公開するには
ナビバーのサイトの公開を選択します。
「閉じる」
ホームページビルダー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]