• How to use Strikingly 

    簡単にステキなホームページが作れる【strikinglyの使い方説明】

  • broken image

    Strikinglyの使い方

    どんな感じにできあがるか、サイトを作成しつつ、説明していきます。

  • broken image

    レッツ チャレンジ!

    1カラムホームページ

  • How to use

    Strikingly

    broken image

    #1、ログインしよう

    http://www.strikingly.com/

    ユーザーネーム、メールアドレス、パスワードを入力して、グリーンのボタンを押します

    broken image

    #2、テンプレートを選びましょう

    最初は「すべて」のタブが選択されています。カテゴリー別のタブがありますので、使ってみようと思うテンプレートを探して決定してください。
    ※尚、テンプレートはあとで変更できます。

    broken image

    #3、背景画像変更方法

    画像/動画 (左画像。蛍光ペン部分にて選択可)

    右隅のツールボックスにデフォルトで用意されている画像./動画が表示されます。

    気に入った画像クリックで同ジャンルの背景画像/動画の変更ができます。

    また、「その他」をクリックすると他のジャンルの背景画像/動画が表示されます。

    broken image

    #4、テキスト入力・編集方法

    テキスト編集ツール

    テキスト挿入部分をクリックすると、テキストが入力・編集できるようになります。

    テキスト編集時、その上に編集ツールが表示されます。

    太字、斜め、アンダーライン、左寄せ、中央寄せ、左寄せ、フォントサイズ、フォントスタイル、フォントカラーが変更できますが、サイズ、スタイル、カラーは、限られていて、少し自由度が足らない気がしますが、”無料バージョン”では我慢すべき?

    broken image

    #5、セクションのレイアウトを変更しよう

    セクションに設けられたレイアウト

    レイアウトはそのセクション毎にデフォルトで数種類設定されているので、セクション内の右肩にある「レイアウト」ボタンをクリックして、好みのレイアウトを表示しよう。

    broken image

    #6、項目の追加と削除

    項目を追加する/削除するボタン

    空欄に表示されている「項目を追加する」で、そのセクションで設定されている方tの項目が追加されます。

    余分な項目は、その項目のところにマウスカーソルを当てると表示される「×」ボタンで削除できます。

    broken image

    #7、画像の差し替え

    セクション内にある既存画像クリック

    て差し替えようと思う場所の画像にカーソルを当てると画像の中央に表示される「編集」ボタンをクリック、3つの選択肢の中の「画像を変更する」をクリックするとこの画面が表示されます。

    ここにパソコンにある画像ファイルを、ドロー&ドロップで挿入するとその画像とさし変わります。

     

    broken image

    #8、セクションの追加と削除

    左サイドメニュー

    セクションの追加と削除は、左サイドメニューからできます。

    セクション名の変更もそこでできます。

    broken image

    #9、画像への書き込みと削除

    編集、削除しようと思う画像クリック

    画像の「編集」をクリックすると表示される3つのボタン

    「画像編集ソフト」「画像を変更する」「削除」のうち

    「画像編集ソフト」をクリックで、掲載中の画像の加工ができます。

    「画像を変更する」をクリックで画像の差し替えができます。

    「削除」をクリックで、表示中の画像を削除できます。

     

  • *注意*

    ※サンプルが2016年のものですので、変更されている個所もあります

    broken image

    セクション追加時

    セクション表示の順番

    セクションを追加してからのセクションの表示順の変更は、左メニューのセクション名の頭(左側)にある三本線にカーソルを合わせると、セクションボタンをドローできるマークが表示され、移動できます。

    でも、移動させずに最初から設置した方が効率がいいですよね?

    仮に下の表示順でA,B,Cとセクションが並んでいた場合で、BとCの間に、新しいセクションを挿入したい場合は、Bのセクションを選択しt状態で、「セクションを追加ボタン」を押してください。

     

     

     

     

     

     

     

    ※改行で空白部分を作ってみました(笑)

     

     

     

     

     

     

     

     

     

    broken image

    インフォとお問い合わせが同じセクション内に

    フォームメール、アクセスマップなど

    アクセスマップやメールフォームも簡単に設置できます。

    メールフォームのセクションが、マップや事業所名や住所欄の項目に対応したものになっています。

    メールフォーム部分をクリックで、メールフォームのカスタマイズができます。

    そのセクションの下にある「地図を追加」「連絡先を追加」をクリックすると、それぞれの入力欄が表示されます。

     

    注意事項としては、メールアドレス欄があっても 入力しないこと!です。

  • 最後に・・・

    これを忘れてはいけないですね

    broken image

    公開ボタンをクリック!

     

    最後に左メニューの下部にある

    「公開」ボタンで、サイトを公開、または変更を反映♪

  • 作成方法、動画で説明

    動画で作成方法も説明してます。

    こちらです⇒【動画で説明「Strikingly」でホームページの作り方

  • お問い合わせ

    ご不明な点やご質問がありましたら、ぜひお気軽にご連絡ください。

  •  

    サポートサービス

    Zoomにてゼロから完成までをサポートします。

     

    ホームページ作成サポート、1時間チケット

    ホームページ作成サポート、1時間チケット

    ¥ 8,000
    Zoomでゼロからホームページが完成する、
    Canvaやパワーポイントで画像作成、動画編集など
    Web関連サポート用のWebチケットです。

    ※チケットはクレジットカード決済にも対応してますが、
    PsyPalのアカウントが必要です。
    数量
    近日公開