ホームページビルダー.net は ホームページビルダーのWordPressテンプレートで作成しています。
左側のサイドバーにバナー画像(ウィジット)を配置しています。ページ毎に表示・非表示の設定をしています。
ホームページビルダー標準のhpbダッシュボードの使い方では実現できませんが、WordPressプラグインを利用して実現しました。
例えば以下のページでは左上に表示されるバナー画像の種類・数が異なります。
『何でも相談できる駆け込み寺』 日本IBM出身 ホームページビルダー元開発責任者 鎌田裕二
ホームページビルダー.net は ホームページビルダーのWordPressテンプレートで作成しています。
左側のサイドバーにバナー画像(ウィジット)を配置しています。ページ毎に表示・非表示の設定をしています。
ホームページビルダー標準のhpbダッシュボードの使い方では実現できませんが、WordPressプラグインを利用して実現しました。
例えば以下のページでは左上に表示されるバナー画像の種類・数が異なります。
ホームページビルダーWordPressテンプレートで作成したホームページには、左右どちらかにサイドバーとよばれる領域があります。(以下の例では右側にあります。)
hpbダッシュボードならサイドバー設定、WordPressダッシュボードならば外観・ウィジットでウィジットの並び替えはドラッグ&ドロップという簡単な操作で行うことができます。
ちなみに、ホームページビルダー教室では、本サイトとは別に上記の鶴見区のパソコン教室サイトも運営しております。そちらもホームペービルダーWordPressテンプレートを使用しています。(サーバーはお名前.com)
ホームページビルダー.net 左側にサイドバーがあります。上部にはバナー画像をいくつか配置して、さらに場所を固定(スクロールしても常に表示されるように)されています。下部のバナー・ウィジットはスクロールされます。その様子がよくわかるようにバナーウィジットの背景色透明にしました。
次のようにスタイルシート(style.css)を変更しています。スタイルシートの編集は、ホームページビルダー19クラシックのスタイルシートエディターを使用しました。
[html] aside.widget.widget_sp_image { padding-bottom: 0px; background-color: transparent; box-shadow: none; } [/html]
ホームページビルダー.net (時々変更するの今日時点での設置例です。)のサイトではサイドバーにウィジットを以下のように設置しています。 WordPressダッシュボードの使い方の一例です。外観→ウィジット 画面で設定します。 サイドバーウィジットエリアには もともとあった、最近の投稿 最近のコメント アーカイブ カテゴリー メタ情報(ログイン、投稿のRSS、コメントのRSS,WordPress.org) を削除して、
を使っています。(*の付いているウィジットはワードプレスの標準ではなく、プラグイン=機能強化) また、フッターウィジットエリアには
を使っています。 ウィジットの活用、プラグインの追加などは、ワードプレスの使い方であって、ホームページビルダーの使い方ではありません。
本サイト ホームページビルダー.net にフッターウィジットを追加しました。ウィジットの背景がページ全体の背景とあっていなかったのせ、ホームページビルダー側でCSSエディターを使って、スタイル(background-color: black;)
を変更しました。
style.css
.footer-widgets .widget{
display: inline-block;
margin-left: 10px;
width: 212px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
vertical-align: top;
background-color: black;
}
ホームページビルダークラシックで作成したワードプレス・サイトのフッターウィジットエリアにテキストウィジットを配置して、そこのA8NETのアフィリエイト広告を埋め込んでみました。 こちらのサイトご覧いただけます ⇒ パソコン教室横浜鶴見.net