ホームページビルダー21 22ヒント集 ワードプレス・テンプレートの使い方

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)

TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)

ホームページビルダー・使い方ヒント集 ワードプレス・テンプレート

このカテゴリーでは、ホームページビルダー WordPressテンプレートの話題を取り扱います。

ホームページビルダー ヒント集

ホームページビルダー21 WordPressテンプレートの使い方 データの反映エラー

ホームページビルダーSPからWordPressサイトの公開後、「データの反映」が次のエラーで終了しない。

Fatal error: Maximum execution time of 30 seconds exceeded in /xxxxxxxxxxxxxxxx/wp-includes/post.php on line 0

ロリポップレンタルサーバー

php_value

.htaccess

php_value ignore_user_abort On
php_value max_execution_time 30000

 

ホームページ・ビルダー21 SPの使い方 機能一覧(新機能・機能強化のみ)

ホームページビルダー21 新機能

ホームページビルダーSP(hpbsp)

  • ネットショップ・カート連携パーツ
    ネットショップ運営サービスで販売している商品の〔カートに追加する〕ボタンのホームページへの設置
  • イメージデザイナー
    ホームページ全体の画像作成、編集、[メイン画像]、[イラスト]、[ネットショップ用バナー]、[写真フレーム]のテンプレートを搭載。文字加工や画像加工(背景/縁取り、絵や写真の貼り付け、いろがみ/ライン、文字/文字スタンプ/枠飾り、スタンプ飾り/イメージ飾り/枠飾り)
  • 地図スタジオ
    案内地図や略図、施設案内、間取りなどわかりやすい地図作成。ホームページ用の地図サンプルやイラスト、マークを搭載。地図検索サイトのトレース機能

ホームページビルダーEC ※ビジネスパック同梱

  • ページ(HTML)作成
    Yahoo!ショッピング、楽天市場の店舗用パーツ(HTML)作成、画像のFTP 転送に対応
  • ページ、バナーの管理
    作成したページ、バナーの複製

ホームページビルダー21 機能強化

ホームページビルダーSP(hpbsp)

  • hpbspテンプレートによるページ作成支援
    hpbsp専用として設計されたテンプレートを選択してページを作成(デザイン26種類51業種のページ構成/バリューパックではデザイン52種類、ビジネスパックでは80種類となる/全種類がレスポンシブデザインに対応、通常サイト・WordPressサイトが選択可能
  • パーツ(部品)
    ネットショップ・カート連携
  • パーツのスタイル
    ブックマーク
    のスタイル設定が可能
  • テキスト書式
    ブックマーク設定
  • ページのスタイル
    ブックマークのスタイル設定が可能
  • 素材集
    バリューパックでは700点、ビジネスパックでは1,300点
  • フォント
    和文30書体以上/欧文80書体以上

ホームページビルダー21の使い方 SP・クラシック・WordPressテンプレート

ホームページビルダー21を使うに際にはまず、まずクラシックとSPのどちらかを選択します。WordPressにするかどうかも重要な点です。

  • クラシック
    • HTML編集 既存のサイトの更新
    • WordPressテンプレート ワードプレス・サイトの作成
    • フルCSSテンプレート
  • SP
    ホームページビルダーは元来はHTMLを編集する道具でした。その流れはクラシックとして残っています。SPはバージョン19で導入されたまったく新しいプログラムであり、作成方法です。HTMLを編集するのではなく、HTMLを生成する道具です。

    • 通常 
      ホームページビルダーがすべてのHTMLを生成する。サイト公開時に生成され、サーバーにファイル転送される。HTMLファイルへの書き出し機能が追加されたもよう。
    • WordPress
      WordPressが最終的にHTMLを生成する。ホームページビルダーでは、ワードプレス・テーマの作成と固定ページを作成する。テンプレート部分のHTMLはすべてが編集できるわけではない。

ホームページビルダー教室では、既に生徒さんがhpb21 spでのサイト作成に挑戦されています。ホームページビルダー教室無料体験・相談会へお越しにいただければ、作成方式の選択に関してのご相談もしていただけます。また、ホームページビルダーを使わずにワードプレスでのホームページ作成にも対応しております(横浜WordPressスクール

ホームページビルダーに同梱されている「できるホームページ・ビルダー」は、SPでの通常サイトの作成のみを解説しています。

レスポンシブデザインと表 ホームページビルダー20の使い方

ホームページビルダーの表

ホームページビルダー19(ホームページビルダー20も同様)ではフルCSSテンプレートもレスポンシブデザインによるスマホ対応となりました。(WordPressテンプレートはバージョン17から対応)

しかし、自分で作成される部分がパソコン、スマホそれぞれでどう見えるかをよく考えないと、全体としては読みづらいサイトになってしまいます。

典型的な例に「表」があります。

パソコン画面では

ホームページビルダーの表

問題のない形で表示されています。スマホで表示すると

ホームページビルダーの表

各セルが縦長に表示されてしまい、なかの文章はとても読みづらいものになってしまいます。

 

 

Facebook Like Box 終了 Page Pluginの使い方@ホームページビルダー20教室

Facebookページをホームページビルダーやワードプレスサイトに埋め込むために、利用していた、 Facebook Like Box が6月23日から使えなくなるようです。 https://developers.facebook.com/docs/plugins/like-box-for-pages 代わりに Page Plugin を使うことになります。 https://developers.facebook.com/docs/plugins/page-plugin この投稿に貼り付けてみました。 変更に気が付いたきっかけは、本日のホームページビルダー教室での授業でした。ホームページビルダー19 SP (通常)でエステサロンの運営されている生徒さんが、Facebookページを埋め込みたいとのご要望をお持ちでした。

 

 

 

トップページへ戻る リンクの使い方@ホームページビルダー.net

トップページへ戻る

すべてのページ、投稿の下に「トップページへ戻る」といるリンクをつけたいとホームページビルダー教室の生徒さんから相談をうけました。WordPressならではの実現方法ですが、当サイト ホームページビルダー.netで実験してみました。WP Insert ワードプレス・プラグインを使います。 トップページへ戻る 画面の赤字部分がトップページへのリンクです。(ちなみにそのうえの関連は、また別のプラグインを使って表示しています。)

Twitter 公式の埋め込みタイムラインウィジェットの使い方@ホームページビルダー教室

Twitter 公式の埋め込みタイムラインウィジェットを パソコン教室横浜.net に設置してみました。ホームページビルダーで作成・編集しているWordPressサイトです。

ホームページビルダーSP WordPressテンプレートの使い方

正確な原因は不明。

ホームページビルダー教室 生徒さん ホームページビルダーSP WordPress サイトの公開をすると ワードプレスが 内部エラー 500 で作動しなくなる。HTMLパーツ (ツイッター、フェイスブックなど)が原因か?

ワードプレスの再インストールからの復旧作業となる。

レンタルサーバーはさくらインターネット

ワードプレスはサーバー上でクイックインストール

さくらインターネットの使い方 ワードプレスの開設 覚書@ホームページビルダー教室

さくらインターネット上でのワードプレスの開設 (マルチドメイン、独自ドメイン) 独自ドメイン設定 /folder 追加 クイックインストールで sakura.ne.jp/folder に、ワードプレスをインストール ワードプレス設定で 独自ドメインを設定 ホームページビルダーWordPress設定 転送先フォルダは /folder URL は 独自ドメインを指定する。

› 続きを読む