ガチャつくブログ

IT系のお勉強のために、やってみたことをアウトプットしていきます。

MENU

Strikingly で遊ぶ - 無料でウェブサイト作成 -

f:id:tmt-tty:20190324003320p:plain

はじめに

無料のウェブサイト作成ツールStikinglyを発見したので、ちょっと作ってみます。

サクッと15分程で作ってみたのですが、こんな感じになります。

手軽にオシャレなwebサイトを作成し公開することが可能です。

 

gachatsuku.strikingly.com

 

やり方

iPadだけでも作れるということで、iPadだけで挑戦してみます。

まず、下記のアプリをインストールします。

Strikingly

Strikingly

  • Strikingly
  • 仕事効率化
  • 無料

 

PCからの場合は、下記サイトからとなります。

www.strikingly.com

 

アプリを立ち上げ、サインアップをタップします。

f:id:tmt-tty:20190324000741p:plain

 

必要事項を入力し、サインアップをタップします。

f:id:tmt-tty:20190324000757p:plain

 

マイページで新規サイトを作成をタップします。

豊富なテンプレートからサイトの作成を始めることができます。

ゼロからではないのが特徴ですね。

テンプレートをタップするとどのような内容になるか確認できます。

f:id:tmt-tty:20190324000835p:plain

 

テンプレートが決まったら編集を開始するをタップします。

f:id:tmt-tty:20190324000914p:plain

 

編集画面はこのような構成です。

直感的に操作できるUIだと思います。

f:id:tmt-tty:20190324001036p:plain

 

ヘッダーから編集していきます。

右上のレイアウトをタップするとレイアウトが変わっていきますので、使用したいレイアウトを決定します。

f:id:tmt-tty:20190324001152p:plain

 

画像をタップすると写真を選ぶことができます。

画像は、端末内のモノ、Striknglyのライブラリから選ぶことができます。

f:id:tmt-tty:20190324001248p:plain

 

文章もタップで変更することができます。

f:id:tmt-tty:20190324001439p:plain

 

こんな感じの操作でどんどん作成を進めていきます。

 

項目の順番入れ替え、追加、削除などは、MANAGE ITEMSや、+項目を追加するから行います。

f:id:tmt-tty:20190324001602p:plain

 

全体のカラーを調整します。

STYLESをタップします。

f:id:tmt-tty:20190324001704p:plain

 

好みのカラーテーマをタップします。

f:id:tmt-tty:20190324001745p:plain

 

一通りの編集を終えたら、見た目のチェックをします。

プレビューをタップします。

f:id:tmt-tty:20190324001916p:plain

 

見た目やリンクボタンを使っている場合は、リンク先にきちんと飛べているかなどチェックします。

問題なければ、公開をタップします。

f:id:tmt-tty:20190324002046p:plain

 

必要事項を入力し、公開をタップします。

f:id:tmt-tty:20190324002136p:plain

 

サイトのQRコードの発行もできます。

f:id:tmt-tty:20190324002248j:plain

 

管理画面からアクセス数などを確認することも可能です。

f:id:tmt-tty:20190324002429p:plain