\ 最先端のおしゃれなホームページまでは必要ないんだけど、自分で作るとなんだかイマイチ/
そんな企業向けに、シンプル&ミニマルなホームページのテンプレートをお作りしました。
こちらのテンプレートはWix Studioでお作りしており、この度、WixのMarketplaceで販売が開始されました。
(どうやら日本人で2番目の快挙(?)とのこと。)
Wixというのは、プログラミングを使わずにWebサイトが作れるノーコードツールの1つです。
Wix Studioというのは、そのWixのプロ向けのツールで、完全レスポンシブで動きのある魅力的なWebサイトが作れるもの。
ただ、プロ向けなので操作方法が難しい…という難点があるのですが、こちらのテンプレートを使うと、文章やお写真を差し替えるだけで、簡単にホームページを作ることができます。
- 彩葉D&Wは公式認定Wix Studio Webデザイナーです。
- このテンプレートはWixによる審査(デザイン・機能・アクセシビリティなど)を通過しています。
Wix Studioテンプレートの始め方
1. Wixアカウントの作成
下記の公式マニュアルを参照し、Wixの無料アカウントを作成します。
2. テンプレートの購入
下記のWix Marketplaceで購入する場合は、画面右上の「購入ボタン」を押してご購入ください。
※彩葉D&Wから直接ご購入いただく場合はお問い合わせください。
3. サイトの追加と下準備
購入が完了したら、「サイトに追加する」をクリックしてください。
Wix Studioエディタが自動的に開かれます。
サイトに使用するフォントと色を変更したい場合には、左のバーのAのマークから変更してください。


4. 画像や文章を差し替える
左上のWixマークから「ダッシュボード」を押して、「ダッシュボード ホーム」を開きます。


右上の「サイト編集」から「コンテンツ編集モード」を選択してください。

基本の使い方
画像・文章・リンクの編集
コンテンツ編集モードで画像・文章・リンクを差し替えることができます。

左画面で変更したいセクションをクリックすると、右側の「コンテンツを編集」にそのセクションに含まれる要素が表示され、編集することができるようになります。

ページを変更したい場合には、左上の「Home」横の矢印から変更することができます。

※このテンプレートは4ページありますので、全てのページを修正してください。Newsについては後述の「News記事の書き方」をご参照ください。
ご注意点
トップページのメッセージを短い文章に入れ替えた場合、特にスマホ表示では、余白が少し多めにできてしまうことがあります。
その際にはカスタムモードで、PC、タブレット、スマホ表示の編集画面をそれぞれ開き、当該セクションを選択してから、セクションの下を上方向に引っ張り上げて調整してください。
セクションの真ん中辺りまで引っ張り上げて離すと、余計な余白がなくなります。

設定してある80pxの余白だけが残ります
Wix仲間でデザイナーの大先輩&Wix Studioテンプレート第一人者のもりのさんがXに投稿された動画を、許可を得て引用させていただいていますのでご参考まで↓
※Wix Studioに慣れていない一般のお客様の場合には、ご自身で調整する前にご相談ください。
News記事の書き方
News記事にはWixブログ機能を使っています。
ダッシュボードの「ブログ」から記事を管理することができます。

※最初に入っている3つの記事は下書きに戻し、記事作成時の参考になさってください。
ギャラリー(画像)の編集
このテンプレートでは、ギャラリー機能を使用して、みなさまのビジネスのイメージを視覚で伝えられるようにしています。
ギャラリーセクションをクリックし、左下の「メディアを管理」から、お写真を差し替えることができます。

ギャラリーのカスタマイズについては、下記の公式マニュアルをご参照ください。
お問合せページの編集
このテンプレートではお問い合わせフォームを使用しています。
編集方法は下記の公式マニュアルをご参照ください。
カスタマイズはご相談ください
このテンプレートは彩葉D&Wから直接ご購入いただくことも可能ですし、
カスタマイズ(企業のコンセプトや理念などを言語化するコンテンツライティング、ホームページの文章作成、デザイン変更など)も承っております。
その他ご不明な点やお困り事がございましたら、お気軽にご相談ください。
このテンプレートが、みなさまのホームページ作成のお役に立てれば幸いです。
ホームページをもっと手軽に
\ Wix Studioテンプレート /
◆らしさサポーター彩葉D&W◆
コメント