プロが作ったかのようなオシャレなウェブサイトを作成できるソフト

Mobirise のアイコン

Mobirise

ダウンロード

バージョン
4.9.7
更新日
2019/03/21
対応 OS
Windows 7/8/8.1/10, Mac
言語
※ 日本語または英語のみを表示
英語
価格
無料
提供元

どこかに発注したかのようなオシャレなウェブサイトを手軽に作成できるソフトです。
あらかじめ用意されたテンプレートを組み合わせて、自分好みのサイトを作成できます。
編集したい場所をクリックしてテキスト、フォント、リンクなどを編集できます。
モバイルサイトで確認できるほか、ブラウザーでもプレビュー表示可能。
ローカルに保存できるほか、FTP、GitHub への転送もサポートされています。

※ 本ソフトの利用には簡単な無料会員登録が必要です。
※ デフォルトで用意されている以外のテーマ、アイコン、PayPal ショッピングカート等の拡張機能は有償になります。

Mobirise Website Builder の紹介動画(英語)

Mobirise の使い方

ダウンロード と インストール

  1. 提供元サイトへアクセスし、「WINDOWS 版をダウンロード」ボタンをクリックしてダウンロードします。
  2. ダウンロードした圧縮ファイル(mobirise-free-win.zip)を解凍し、セットアップファイル(Mobirise4-setup.exe)からインストールします。

使い方

無料アカウント登録

  1. 本ソフトを起動すると、「Please sign up / login to load the free theme」と表示されます。
    「Your Email」と書かれたテキストボックスにメールアドレスを入力し、「SIGN UP / LOGIN」ボタンをクリックします。
    初回起動時 - メールアドレスの入力

    初回起動時 - メールアドレスの入力

  2. 「Enter your password」と表示されます。
    先ほど入力したメールアドレス宛にパスワードが届いているので、そのパスワードを「Your Password」と書かれたテキストボックスに貼り付けて「LOGIN」ボタンをクリックします。
  3. 「Your seccessfully signed in」と表示されるので「OK」ボタンをクリックします。

ページにブロックを追加する

デフォルトではヘッダーとフッターのみの2つのブロックの構成となっています。
  1. 画面右下の Add Block to Page をクリックすると、「Blocks」画面が表示されます。
  2. 様々なテーマがサムネイルで表示されています。
    追加したいサムネイルをクリックすると、一番下に追加されます。
    ブロックの追加

    ブロックの追加

  3. ブロックの場所を変更するには、ブロックの上にマウスカーソルを乗せているときに右上に表示される Drag Block をドラッグして上に持っていくと上のブロックと入れ替えることができます。
    また、右上の Remove Block をクリックすると削除できます。

ページを編集する

テキストを編集する
テキスト部分をクリックすると、テキストの内容を編集できます。
また、ポップアップするメニューから Font(フォントサイズ)、Color(色)、Align(揃え)を変更できます。
テキスト編集時のポップアップメニュー

テキスト編集時のポップアップメニュー



ボタンを編集する
ボタン部分をクリックすると、ボタンのテキストの編集等のほかに、リンクURLの編集、ボタンの追加・削除、アイコンの追加などができます。

画像を編集する
画像部分をクリックすると、PC内の画像、オンラインライブラリーなどの画像と差し替えることができます。

表示を確認する

モバイルの表示を確認する
画面上部の Switch to Mobile View をクリックすると、モバイル表示に切り替わります。

ブラウザーで表示を確認する
画面右上の Preview in Browser をクリックすると、既定のブラウザーでプレビュー表示します。

出力する

画面右上の Plublish をクリックすると、「Publish」画面が表示されます。
  • Local drive folder(PCに保存する)
  • FTP
  • GitHub Pages
上記のいずれかを選択して「PUBLISH」ボタンをクリックします。
出力

出力



アクセス解析タグを設置する

  1. 画面左上の icon にマウスを乗せると、画面左からメニューが表示されます。
    「Themes & Extensions」をクリックします。
  2. 「Themes & Extensions(テーマと拡張機能)」画面が表示されます。
    「Google Analyitics」右上の「+」ボタンをクリックします。
  3. 「About」画面がポップアップします。
    画面右上の「×」ボタンをクリックして閉じます。
  4. 画面左のメニューのどれかをクリックすると、本ソフトが再ロードされます。
    画面左上の icon にマウスを乗せ、表示されたメニューから「Sites」をクリックします。
  5. 「My Site」右上の Rename, Favicon, Export をクリックします。
  6. 「Site Settings」画面が表示されます。
    「Google Analyitics」の項目が追加されているので、アクセス解析タグを貼り付けて「OK」ボタンをクリックします。

更新履歴(英語)

Version 4.9.7
(2019/03/21)
  • Extensions Social Feed, SoundCloud, Facebook Comments supported in AMP themes
  • Online Image Library now saves the last active tab
  • All themes are updated: small fixes and new FormBuilder extension support

Version 4.9.5
  • New "Add Block" panel: now with block categories
  • Online Image Library: enlarged preview on hover
  • Updated Mobirise4 and MobiriseAMP themes: fixes, new blocks
  • Code Editor: fixed inserting scripts to custom HTML block
  • Fix for menus (scroll-line on mobile view)
  • Fixed tags in image galleries

Version 4.9.3
  • 'Update All' button for extensions with a progress bar
  • Adding images by drag and drop in Image Media
  • Adding multiple images at once to sliders and galleries (non-AMP themes)
  • Updated M4 themes to latest Bootstrap v4.2.1
  • Updated free MobiriseAMP theme - 20 new blocks: gallery, slider, accordion, contact forms, testimonials, google maps.
  • Code Editor loading speed improved
  • Bug fixes for Google Maps
  • Fixes for editing menu colors
  • Fixes with page cloning

ユーザーレビュー

  • 4

    日本語対応していませんが英語とアイコンで簡単にレスポンシブデザイン…

    Gin
    Gin
    1
    Windows 10

    日本語対応していませんが英語とアイコンで簡単にレスポンシブデザインのホームページが作れます。使いたいパーツを選んで要らない部分は非表示にしたり、数を変更したり画像を入れ替えたり色の変更も簡単にできます。サーバーへのアップロードもホスト名・ユーザー名・パスワードの入力をしてPUBLISHをワンクリックでOK

    6人が参考になったと回答しています。
    このレビューは参考になりましたか?