PHPやHTMLの知識がなくてもPresence BuilderならWebサイトを簡単に作れます

FC2レンタルサーバーに標準装備されている「Presence Builder」は、Webブラウザ上で動作する「ホームページビルダー」のようなものです。Wix、Webnode、Jimdoなどのホームページサービスをイメージしてもよいでしょう。

見た目のまま画像やテキストを編集できるので、HTMLやPHPの知識に自信がない初心者でも簡単にWebサイトを作成できます。

コントロールパネル(Plesk)の付属機能ですが、かなり本格的なものです。

利用する前に

対象ドメインのドキュメントルートに多くのファイルとフォルダが自動生成されます。すでにWebサイトを運用している場合、実行前に既存サイトのバックアップが必要です。

Presence Builderを起動する

  • コントロールパネル(Plesk)にログインします。
  • 対象ドメインにある「Presence Builderを起動」をクリックします。
    • このドメインのドキュメントルートにサイトデータが出力されます。
  • 別ウィンドウでPresence Builderが開きます。
  • 「ウェブサイトトピック」を選択します。
    • トピック(カテゴリ)に適したテンプレートが開きます。
  • ここでは「ニュースサイト・新聞」を選択します。

非常に多くのカテゴリが用意されています。

トピック  
サービス 会計サービス / 家電修理サービスセンター / 法人 / 貨物配送サービス / レンタカーサービス / 自動車修理サービス / 洗車 / ケータリングサービス / 商業不動産の賃貸 / コンサルティングサービス / 宅配便サービス / ドライクリーニングおよびランドリーサービス / イベントプランニングおよび制作 / ホスティングプロバイダ / ハウスキーピングおよびクリーニングサービス / 一戸建てとマンションの賃貸 / 保険代理店 / IT およびコンピュータの修理サービス / 弁護士サービス / マーケティング会社、広告代理店、PR エージェンシー / 不動産業者 / リクルートメントエージェンシー / 総合警備会社 / テーラー / タトゥー・ピアスサロン / タクシーまたはリムジンレンタルサービス
小売業 自動車パーツ店 / 車とバイクのディーラー / 洋服屋 / 喫茶店 / フラワーショップ / 家具店 / 店舗全般のウェブサイト / 手工芸、ギフト、お土産販売店 / 改装・改造・建設資材販売店 / ジュエリーショップ / ペットストア / 古着屋 / スポーツおよびアウトドア用品店 / 電動工具および手工具の販売・レンタル / おもちゃ屋
エンターテイメントおよびレジャー カフェ・バー / ホテル・宿泊施設 / ニュースサイト・新聞 / ナイトクラブ / レストラン / 旅行代理店
各種組織・団体 協会/財団法人/組合 / 慈善団体 / 市区町村の公式サイト / 環境保護団体 / 図書館のウェブサイト / 非営利団体 / 政党 / コミュニティ/カレッジ/インターネットラジオステーション / 教会/宗教組織 / セミナー/コンベンション/展示会
建築およびハウジング れんが/タイル職人 / 大工・型枠工事 / 建設会社 / ホームデコレーター / 電気工事サービス / ガラスの取り付け工事請負業者 / 住居塗装業者 / 換気および空調 (HVAC) サービス / 配管工 / 一般住居請負業者 / 屋根修理サービス
製造業 金属加工専門店
ヘルスおよびスポーツ ビューティサロン、ヘアサロン、ネイルサロン / フィットネススタジオ / 医療機関 / 薬局 / 販売している薬とその価格、追加サービス、利用規約などの情報を提供することができます。 / スパ・サウナ / スポーツクラブ / スポーツチームまたはクラブチーム / 日焼けサロン / ヨガ・ピラティススタジオ
アート・デザインサービス アーティストのウェブサイト / バンドのウェブサイト / ダンススタジオ / デザイナーのウェブサイト / デザインスタジオ / 博物館、美術館、展示会 / ミュージシャン/パフォーマーのウェブサイト / 写真家のウェブサイト / 写真館 / 映画館 / 上演ホール / 著者のウェブサイト
教育サービス 自動車教習所 / 語学学校 / 語学留学団体 / 学校
趣味 バンド / ミュージシャンのファンのウェブサイト / 個人コレクション / 映画のブログ / 映画ファンのウェブサイト / 音楽ブログ / 政治に関するブログ / スポーツチームのファンのウェブサイト / ビデオゲームのファンサイト
個人向け 子供が生まれたお知らせ / 個人/家族ウェブサイトのテンプレート / 汎用ブログ / 履歴書/職歴 / 旅行ブログ / 婚約/結婚式
その他 一般的なウェブサイト

サイト情報の入力

  • コンテンツに利用される情報を入力します。
    • 後から変更できるため適当で構いません。しかし、公開されることに変わりはないため、不要なデータは空欄にしておきましょう。
  • 「サイト作成」をクリックします。

デザインやコンテンツの編集

先ほど入力した内容の反映されたWebサイトが生成されました。

とりあえずデザインを変更してみましょう。

  • ツールパレットの「デザイン」を選択します。
  • 選択したトピックに関連するテンプレート一覧が表示されます。
  • 好みのデザインをクリックしてみましょう。すぐにデザインが更新されます。
  • デザインを決めたら「OK」をクリックします。

ヘッダ画像の変更

ヘッダの背景画像を変更してみましょう。

  • ツールパレットの「デザイン」を選択します。
  • 「色」タブを選択します。
  • 「ページエリア」から「ヘッダ」を選択します。
  • 「色または画像」をクリックします。
  • プレビューまたはフォルダをクリックします。
メモ
必要に応じて背景画像の配置を調整します。
  • 背景画像の選択画面が表示されます。
  • 「アップロード」をクリックして、好みの画像をアップロードします。

画像の削除

ヘッダの背景画像が変更されました。次に少し邪魔な画像を削除してみましょう。

  • 画像を選択します。
  • 画像編集用のメニューが表示されるので「削除」をクリックします。
    • 画像を入れ替えることもできます。
  • これで画像が削除されます。

テキストの編集

  • テキストを選択すると、編集モードに切り替わります。
  • そのまま編集でき、スタイルの変更も可能です。

モジュールでカスタマイズ

Presence Builderでは「モジュール」と呼ばれるパーツで、テキストや画像などを自由に挿入できます。

先ほど削除した画像の場所に「Google map」を挿入してみましょう。

  • ツールパレットの「モジュール」を選択します。
  • 「地図」モジュールを目的の場所に「ドラッグ&ドロップ」します。
  • 地図の位置やサイズを調整して「OK」をクリックします。

完成

  • ツールパレットの「公開」をクリックすると即座に公開されます。

イマイチな出来となりましたが、Webサイトを簡単に作成できることが分かったのではないでしょうか。もちろん複数のページ管理に対応しており、本格的なWebサイトも作成できます。

その他の機能

詳しくは説明しませんが、多くの機能が用意されています。

デザインの調整

レイアウト、テキスト(サイズやフォント)、カラー、スタイルなどを細かく設定できます。

ファイル管理

ファイルをアップロードすると管理対象となり、URLが発行されます。コンテンツ内で利用できます。

ページ管理

複数のページからなるWebサイトを作成できます。親子関係にするとメニューが階層化されます。

サイト設定

メタデータ(title、description、keywords)の編集などを行えます。

テンプレートのサンプル集

用意されているテンプレートの一部です。画像が違うだけでレイアウトは重複するものもあります。

関連記事