ホームページビルダー20 SP 使い方 サイトの新規作成(テンプレートの種類と選択)

ホームページビルダー20ではSPのテンプレートの種類が増えました。

ホームページビルダービジネスパックバリューパック書籍セットスタンダード
バージョン2060種類40種類20種類20種類
バージョン1930種類20種類12種類12種類

ホームページビルダー教室で購入したビジネスパックに搭載されているテンプレートの一覧です。

hpb20 sp テンプレートの選択 ベーシック hpb20 sp テンプレートの選択 ベーシック hpb20 sp テンプレートの選択 ベーシック hpb20 sp テンプレートの選択 ミニマル hpb20 sp テンプレートの選択 ミニマル hpb20 sp テンプレートの選択 ポップ hpb20 sp テンプレートの選択 ポップ hpb20 sp テンプレートの選択 フェミニン ナチュラル hpb20 sp テンプレートの選択 ナチュラル hpb20 sp テンプレートの選択 和風 hpb20 sp テンプレートの選択 立体 hpb20 sp テンプレートの選択 ラグジュアリー hpb20 sp テンプレートの選択 ラグジュアリー hpb20 sp テンプレートの選択 アクティブ SnapCrab_2015-10-03_11-10-22_No-0000 SnapCrab_2015-10-03_11-08-23_No-0000

  • ベーシック 0011, 0012, 0001, 0002, 1011, 1012, 1001, 1002, 10011, 10012, 10013, 10014, 10001, 10005, 10006, 10007
  • ミニマル 0013, 0003, 1007, 1013, 10015, 10016, 10002, 10008
  • ポップ 0014, 0004, 1014, 1008, 10017, 10003
  • フェミニン 0017, 0005, 1017, 1003
  • ナチュラル 0018, 0006, 1018, 1009, 10019, 10004
  • 和風 0015, 0007, 1015, 1004
  • 立体 0019, 0008, 1019, 1005
  • ラグジュアリー 0020, 0009, 1020, 1006
  • アクティブ 0016, 0010, 1016, 1010, 10018, 10010

ホームページビルダー教室での現象 ワードプレス・テンプレートの使い方 Parse error: syntax error, unexpected ” in /www/www/www/xxxxx/customizer.php on line 62

ホームページビルダー教室の生徒さん、WordPressテンプレートを使ってサイトを作成されていました。

どういうわけかサイトが壊れてしまい、WordPressのインストールからやり直すことに。

その後、サイトの公開をしたら、次の

Parse error: syntax error, unexpected ” in /www/www/www/xxxxx/customizer.php on line 62

このようなエラーが出るようになり、ダッシュボードもサイトも表示ができません。。

customer.phpを再アップロードしたらなんとかなりました。

ホームページビルダー.net JetPack サイト統計情報 2015-08-20 の検索キーワード

昨日 

検索

表示
鎌田裕二4
youtube ホームページビルダー19の使い方4
フォトモーション ビルダー194
ホームページビルダー16から19へデータ移行3
ホームページビルダー19 spとワードプレス3
ホームページビルダー スライドショー リンク フォトモーション3
フルcssテンプレートとは2
hpb19 バナー作成2
ホームページビルダーではfacebook埋め込みできない?2
twitter ウェジェット ホームページビルダー182
hpb19 公開をやめる wordpress2
ホームページビルダー15 試用版2
wp hpb サイドバーを設置2
ホームページビルダー wordpressで背景色変更2
フォトモーション2
ホームページビルダーsp ブログ2
ホームページビルダー2
ホームページビルダー19  フッター 変更2
ホームページビルダー 無料2
ホームページ ビルダー sp1
ホームページビルダー スマホ 画面1
ホームページビルダー19 初心者 本1
hpb19 公開を中止する1
ホームページビルダー19 spからワードプレスの使い方1
ホームページ・ビルダー19spページにパスワードロック1
ホームページビルダーsp クラシック 違い1
ホームページビルダーSP  入れ替え1
hpb sp1
ホームページビルダー spかクラシック1
word pressテンプレートとフルcssテンプレートの違い1
ホームページビルダー クラシック sp1
facebook 埋め込み1
フォトモーション 1ページ1つ1
ホームページビルダー19 やり方1
無料 html ネットショップ カテゴリーページ テンプレート1
ホームページビルダー19 背景色 変更1
hpb19 wordpress hpを消す1
ホームページビルダー フォトモーションヘルプ1
ホームページ ビルダー sp 例1
ホームページビルダー19 フォトモーション 1
ホームページビルダー19 sp アナリティクス1
ビルダー facebook pageplugin1
ホームページビルダー 作成例1
hpb19 リンク 色の設定1
ホームページ リンク PDF貼付1
ホームページビルダー20 発売日1
hpb19 テンプレート1
ホームページ ビルダー sp pdf1
hpb19 サイドバー 増設1
ホームページビルダー クラシック sp 違い1
ホームページ作品例1
<strong> ホームページ・ビルダー1
hpビルダー18 パンくずリスト1
ホームページビルダーの制作例1
ホームページビルダー スライドショー リンク1
/style-hpb.cs1
新ゴ for hpb1
youtube ホームページビルダー19の使い方 テキストボックスの文字がうまく打てない1
ホームページクラシックのページをspでリンクする1
ホームページビルダー18 レイアウト枠 注意点1
ホームページビルダーsp ロリポップ1
ogp設定 ホームページビルダー191
ホームページビルダー フルcssテンプレート 写真を増やす1
ホームページビルダー18 レイアウト枠1
ホームページビルダー フォトモーション1
フェイスブック ホームページビルダー 挿入1
ホームページビルダー クラッシック  アクセス解析ビュー 設定できない1
hpb19 ガイドメニュー 非表示1
ホームページビルダー 19 sp リンク1
ホームページビルダー191
ホームページビルダー17 画像ファイル 保存先1
ホームページビルダーsp htmlの表示方法1
ホームページビルダー テキストボックス 増やす1
体操教室 チラシ ワード1
ホームページビルダーsp 更新されたファイルのみ転送1
ホームページビルダー レイアウト変更1
ホームページビルダー19 レイアウト変更1
hpビルダー1
hpb191
ホームページビルダー講座1
ホームページビルダー19 リダイレクトを解除1
ホームページビルダーsp 右クリック制限1
ホームページビルダー19 クラシック cssとwordpress1
ホームページビルダー19クラシック pdf マニュアル1
フルCSS1
ホームページビルダーSP  階層1
ホームページビルダー 無料1
ホームページビルダー19の保存場所1
ホームページビルダー jquery1
ホームページビルダー SP 19 PDF 貼り付け1
ホームページビルダー19 教室1
ホームページビルダー サイトナビゲーションの変更1
ホームページビルダー19クラシック マニュアル1
ホームページビルダー19 テンプレート1
ホームページビルダー ワードプレス ロリポップ インストール1
スマホ テンプレート 無料1
hpビルダー18でロールオーバー1
hpbsp グーグルマップ カスタム1
hpb19 リンクの下線1
ホームページビルダー スマホ 画面 表1
グーグルマップ 使い方 hp1
ホームページビルダー19 クラシック1
ホームページビルダー facebook 埋め込み1
不明な検索キーワード166
検索キーワード合計297

ホームページビルダーの使い方 WordPressテンプレート サイトの公開時の問題

WordPressテンプレートでサイトを作成されている生徒さん、何度サイトの公開をしても、画像が欠落したり、エラーが表示されてサイトの内容が公開できないじょうたいでした。何度も何度も繰り返すうちに、

Parse error: syntax error, unexpected T_STRING in /home/users/1/main.jp-542552c8dbe353a0/web/xxxxxxx.com/wp-content/plugins/hpbtool/social_buttons.php on line 8

というエラーとなりました。

ジャストシステム社のホームページ・ビルダー19(サポートFAQ)のうち

WordPressサイトを表示させようとすると「Parse error…」と表示され、サイトが表示できない

WordPressサイトを表示させようとすると「Fatal error…」などと表示され、サイトが表示できない

などを参考にロリポップのコントロールパネルからhpbtoolプラグインをはずして、ダッシュボードが復活しました。

その後にhpbtoolをいれなおして、最悪の事態を避けることができたようです。

Font Awesomeの使い方@ホームページビルダー.net

ワードプレスのテーマ(Onetone)を使ってサイト作成をしていました。そのFont Awesomeというフォントを使っています。

ホームページビルダー.netでの、投稿でも使えるようにして、いくつかの文字を表示してみました



この投稿でFont Awesomeを使うには、

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 をスタイルに追加します。(All in one SEOワードプレス・プラグインの「

Contact Form 7 ワードプレス・プラグイン スタイルの使い方@ホームページビルダー教室

ホームページビルダー教室では、WordPressテーマを直接使ってのサイト作成の生徒さんがだんだん増えてきました。生徒さんのために、こちらも勉強を進めています。Contact Form 7のスタイルを変更します。

デフォルトでは

スタイルを変更して、

スタイルの変更には拡張CSS(Enhancing CSS)というワードプレス・プラグインを利用しています。

[html]&lt;/p&gt;
&lt;p&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;myform &lt;/span&gt;&lt;span class="css-punctuation"&gt;{&lt;/span&gt;&lt;br /&gt;&lt;span class="whitespace"&gt;  &lt;/span&gt;&lt;span class="css-identifier"&gt;width&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;47%&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;&lt;span class="css-selector"&gt;textarea&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;wpcf7-form-control&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;wpcf7-textarea&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;myform &lt;/span&gt;&lt;span class="css-punctuation"&gt;{&lt;/span&gt;&lt;br /&gt;&lt;span class="whitespace"&gt;  &lt;/span&gt;&lt;span class="css-identifier"&gt;background-color&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;black&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;&lt;span class="css-selector"&gt;input&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;wpcf7-form-control&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;wpcf7-text&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;wpcf7-validates-as-required &lt;/span&gt;&lt;span class="css-punctuation"&gt;{&lt;/span&gt;&lt;br /&gt;&lt;span class="whitespace"&gt;  &lt;/span&gt;&lt;span class="css-identifier"&gt;background-color&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;black&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;&lt;span class="whitespace"&gt;  &lt;/span&gt;&lt;span class="css-identifier"&gt;border&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;1px &lt;/span&gt;&lt;span class="css-value"&gt;solid&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;[/html]

Just another WordPress site ワードプレス キャッチフレーズの使い方@ホームページビルダー教室

ウェブを見ていたら、たまたま、とあるワードプレス・サイトでキャッチフレーズがデフォルトのままのものを見つけました。

HTMLで表すと

[/html]<title>横浜清風高等学校 | Just another WordPress site</title>[/html]

のような感じです。

WordPressインストール後のデフォルトのキャッチフレーズを変更していないと思われます。

(ホームページビルダーのWordPressテンプレートを使用してサイトを作成する場合は、タイトルとキャッチフレーズはホームページビルダーでの設定となります。)

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

ホームページビルダー教室の生徒さんのためにWP TilesというWordPressプラグインの調査していました。これは備忘録です。特にオプションの指定方法を調査しました。

[html]
[wp-tiles posts_query='post_type=allpaint&amp;amp;amp;posts_per_page=100' template=Plain  pagination=prev_next]
[/html]

ホームページビルダーWordPressテンプレートで、このようなショートコードを編集するには、あらかじめ、編集オプションで「HTML構文エラーを自動修正する」をオフにしておきます。