Google+ もご覧ください
ユーザーアイコン

ピックアップ

duda mobile - スマホサイトを素早く構築するCMS

duda mobile - スマホサイトを素早く構築するCMS

世の中ではモバイルファーストなんて言葉が声高に取り上げられていますが、ITサービスをメインにしていない企業においてはスマートフォン最適化サイトを立ち上げる予算がなかなか通らなかったりするものです。

そこでまずは既存サイトをベースにスマートフォン最適化サイトを構築できるduda mobileを使ってみてはいかがでしょう。

duda mobile
duda mobile

PCサイトを変換

はじめ方はとても簡単です。トップページにあるテキストボックスにPCサイトのURLを入力して変換ボタンを押します。後は自動的にサイトの読み込みがはじまり、ナビゲーションや色、コンテンツといった情報を自動的に抜き出していきます。それが完了すると編集画面に飛びます。

変換中は特にすることはありません
変換中は特にすることはありません

編集画面

編集画面ではデザインの変更ができます。まず最初にレイアウトとしてナビゲーションのレイアウトとスタイルが変更できます。Webサイトに合わせて見やすいものを選択しましょう。ページ内部のメニューを表示する他、タブバーとして下に常時配置するといったこともできます。

レイアウト変更
レイアウト変更

スタイルではカラーパレット、サイトの背景画像などがカスタマイズできます。カラーパレットについてはduda mobileが抽出した設定になっていますので、ほぼこのままで問題ないでしょう。

カラーパレット
カラーパレット

そしてページの画面では抽出されたページや新しいページの追加ができます。各ページに新しいコンテンツを追加することも可能です。追加できるのは、

  • 画像
  • スライドショー
  • フォトギャラリー
  • Facebookアルバム
  • 段落
  • 問い合わせ
  • YouTubeフィード
  • 2段組み
  • 区切り線
  • リスト

があります。さらに有料プランになれば、

  • コールボタン
  • 地図
  • オープンテーブル
  • レストランメニュー
  • 営業時間
  • マルチロケーション

が使えるようになります。これらを自由にドラッグ&ドロップしてページを再構築できます。

使えるコンテンツは数多いです
使えるコンテンツは数多いです

スライドショー設定
スライドショー設定

公開

そしてサイトができあがったらプランを選択して公開します。無料プランの場合、

  • 10ページ
  • 500PV/月
  • 広告表示
  • Dudaドメイン

といった制限があります。有料プラン(月額1,980円または19,008円/年)を選択すればページやPVが無制限に、広告が表示されず独自ドメインが使えるようになります。

プラン選択
プラン選択

最後にアカウントを作成すれば、設定が保存されていつでもサイトの編集ができるようになります。

アカウント作成画面
アカウント作成画面

URLが生成されました
URLが生成されました

モックプレビュー

duda mobile上でスマートフォン風の枠を使って表示確認ができるようになっています。iPhone、Android、Windows Phone、Blackberryが選択でき、横方向に傾けた表示も確認できます。

iPhoneのプレビュー
iPhoneのプレビュー

Android風
Android風

横向きも指定できます
横向きも指定できます

リダイレクト指定

サイトが作り終わったら指定されるJavaScriptタグをPCサイトに埋め込みます。これはPCユーザとスマートフォンユーザを判別してスマートフォンサイトにリダイレクト処理させるためのものです。WordPressなど向けにプラグインも提供されており、その場合はヘルプに従って設定を行えば完了です。

リダイレクト用JavaScriptタグ
リダイレクト用JavaScriptタグ

終わりに

duda mobileの特徴としては変換が自動的に行われる点にあります。この手のサービスで良くある方法としてはフィードを読み込んでサイトを生成するのですが、duda mobileの場合は既存サイトのデザインを活かす形で作成されます。

有料プランで追加できるコンテンツを見る限り、実店舗を持ったショップに向いたサービスではないかと思われます。レストラン、クリニック、不動産屋、美容院など個人を顧客にしたビジネスを行っているサイトを運営している方はduda mobileを使うことですぐにスマートフォンサイト対応が完了できるでしょう。

duda mobile

Catch

記事をリクエストする

関連記事

コメント