ホームページビルダー ワードプレス・テンプレートの使い方 サイドバー 左右入れ替え

ホームページビルダーワードプレス・テンプレートには、ウィジットを配置するためのサイドバーが、テンプレートによって左右どちらかに必ずあります。左右を交換する簡単な方法はないようです。
サイドバー、本文領域の場所をHTML上で特定して、それらに対するスタイルシートの設定(回り込み float)を変更します。
ワードプレス・テンプレート・サイドバー

 

(変更前)

ホームページビルダー WordPressテンプレート

 

(変更後)

ホームページビルダー テンプレートの使い方 スタイルシート 改造例

ホームページビルダー ワードプレス、フルCSSテンプレートどちらでも、テンプレートのデザインの一部を変更したいというご要望を生徒さんから時々いただきます。

例えば、テンプレート左上にあるロゴの画像をウェブアートデザイナーで大きくします。

ホームページビルダー スタイルシート

画像を大きくしただけでは、上の画面のように、画像の一部しか表示されません。これは画像を囲む領域の大きさ(この例では高さ)がスタイルシートで設定されているためです。

ホームページビルダー スタイルシート

 

スタイルシートマネジャーをつかって、スタイルシートの設定を変更すれば、こお画面のようの収めることができます。

スタイルシート変更には、ホームページビルダーの使い方というよりは、HTMLとCSSの理解が必要です。変更箇所を特定するためには、テンプレートの構造を読み解く力が必要となります。

 

 

ホームページビルダー教室の一日 ワードプレス固定ページの複製

ホームページビルダー教室の本日の生徒さんは ワードプレス教室レッスン 2名でした。 サイドバーに独自のメニューの作成のためのテキストウィジットの使い方、ワードプレス固定ページの複製方法(ワードプレス・プラグイン使用)、メニュー構成の変更、テンプレートCSSの変更事前調査、などを扱いました。試作用のサーバーの準備、ワードプレスのインストール、サイトの公開もしました。ヤフオク商品検索(あいまい検索)の挙動の変化?に影響を受けたと思われる、生徒さんのオークションページの原因調査と対策も行いました。 ワンポイント・レッスンの生徒さんの次回授業ご予約、またホームページ作成無料相談会へのお問合せをいただきました。 スタイルシートを改造するには、まず構造を解析・理解します。次に改造点を見つけます。私の開発環境で試作をします。その結果を生徒さんへ指導しています。

スタイルシート解析@ホームページビルダー教室