レスポンシブやめる WordPressテンプレートの使い方@ホームページビルダー教室

ホームページビルダー教室の生徒さんから、ワードプレス・テンプレートのレスポンシブデザインを止めて、自分で用意したページをスマホに表示したいとのご要望があり、.htaccessを設定したときの覚書です。
 
RewriteEngine on
 RewriteCond %{REQUEST_URI} !/sp/
 RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
 RewriteRule ^(.*)$ sp/ [R]
 RewriteBase /
 RewriteCond %{REQUEST_URI} /sp/
 RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|iPad|Android|Windows\ Phone)
 RewriteRule ^sp/(.*)$ / [R]
 RewriteBase /
# BEGIN WordPress
# END WordPress

Photo Gallery ワードプレス・プレグインの使い方@ホームページビルダー教室

[Best_Wordpress_Gallery id=”1″ gal_title=”ホームページビルダー1”] [Best_Wordpress_Gallery id=”2″ gal_title=”ホームページビルダー1”] [Best_Wordpress_Gallery id=”3″ gal_title=”ホームページビルダー1”]

いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応

ホームページビルダー教室がオススメするテキストです。ホームページビルダーを使わずにWordPressを使ってみたい方nオススメします。

いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応

 

WordPressテンプレート? フルCSSテンプレート? 使い方@ホームページビルダー教室での選択

ホームページビルダー17からは、ご存じなように、フルCSSテンプレートとWordPressテンプレートが選択できます。

フルCSSテンプレートでの新規作成画面、右上、「他のデザインを探す」から、 ホームページビルダー フルCSSテンプレート  

ホームページビルダー マーケットプレイスにリンクされています。追加のテンプレートを購入することが可能です。 しかし、そのページでは、 WordPressテンプレートのほうが、目立っている印象です。真っ先に、「ホームページ・ビルダー×WordPressでレスポンシブサイトを作ろう」 という電子書籍の案内が目に入ってきます。  

ホームページ・ビルダー19の使い方 無料オンラインビデオ講座について

ジャストシステム社が

http://www.justsystems.com/jp/camp/hpb/19/first/

こちらのページで、ホームページ・ビルダー19無料オンラインビデオ講座を提供しています。

内容は、

  • 作成するホームページについて
  • デザイン選択などの基本操作
  • ロゴの編集
  • 文字の入力
  • 画像の入れ替え
  • お問い合わせフォームの作成
  • Googleマップの設定
  • スマートフォン画面の編集
  • サイトの公開

(トータル約25分)

このビデオ講座では、レンタルサーバーは、ホームページビルダーサービス、またサイトタイプは「通常」での実演です。すなわち、ホームページビルダー19のもうひとつの特徴である「デバイスを選ばす、どこからでも更新」という機能は利用することは、できません。(利用にはWordPressで作成する必要があります。)

フルCSSテンプレート スマホ メニュー アイコン使い方@ホームページビルダー教室

ホームページビルダー教室の生徒さのご要望(生徒さんの場合は、ホームページビルダー19クラシック フルCSSテンプレート)「レスポンシブデザインでのスマホページのメニューのアイコンがわかりずらいと思うので、自分で作成した画像と入れ換えたい」に、お応えするために パソコン教室横浜.net  上で試してみました。(こちらはワードプレス・テンプレート)。実現するにはスタイルシートの変更が必要です。   オリジナル ホームページビルダー スマホ メニュー アイコン 開くという言葉を追加 ホームページビルダー スマホ メニュー アイコン 開いているときは「閉じる」になる ホームページビルダー スマホ メニュー アイコン

ホームページビルダー19 SP テンプレート 背景画像の使い方

ホームページビルダー19 SP 制限事項のページによると

「ページ/フッターの背景画像や背景色の指定について※デザイン選択する以外に、画像や背景色の指定はできません。」

だそうです。

テンプレートの中には、背景画像(壁紙)に野球選手のものが使われています。この背景画像が変更できいと、テニスなど別のサイトは作れませんよね?

ホームページビルダー19 SP 背景画像

サイトタイプ=WordPress限定ですが、ワードプレスの使い方の応用ですが、スタイルシートの設定を上書きすれば、背景画像の変更は不可能ではありません。

ホームページビルダー19 SP 入門・解説サイト で実際に試してみました。

ホームページビルダー19 SP 背景画像

 

(3月3日追記) 

本日公開されたホームページビルダーSPアップデートモジュールにより、背景の変更が可能になりました。

http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=054789

 

 

WordPress簡単インストールの使い方@ロリポップ@ホームページビルダー教室

ホームページビルダー教室 本日は定休日で授業はありませんでした。休日出勤して、ホームページ作成代行作業をしていました。 お客様から預かっているロリポップのレンタルサーバーへWordPressのサイトを作成します。 WordPress簡単インストールホームページビルダー19クラシックを使用して作成を開始しました。 WordPress自体のインストールは、ホームページビルダーからも可能ですが、サーバー側のインストールのほうが楽なので、そちらで行いました。 次の情報を入力して、インストールします。

  • インストール先 データーベース
  • サイトのタイトル
  • ユーザー名
  • パスワード
  • パスワード(確認)
  • メールアドレス
  • プライバシー設定      

ワードプレス アクセス制限の解除 @ ロリポップの使い方 @ホームページビルダー教室

ホームページビルダー教室での作成代行作業のため、お客様からお預かりしているロリポップのレンタルサーバー。以前は試作の段階までで一旦作業が停止していました。支店の開店に合わせて、ホームページを完成させるために、本日よりホームページ作成作業を再開しました。ホームページビルダー19クラシックのワードプレス・テンプレートを使って、以前の試作とはまったく別のサイトを新規作成します。 試作サイトはワードプレスサイトで、久しぶりに使おうとしたら、「ワードプレス アクセス制限」がかかっていました。 ロリポップのコントロールパネルにログインして、ロリポップFTPを使って .htaccess を編集することにより制限を解除しました。 WordPressログイン画面へのアクセス制限