ホームページ作成・カスタマイズ

• お客様のご利用イメージ
• パーツを削除・エリアから表示解除する
• 文章に見出しをつける・解除する
• 文章の装飾を削除する
• 箇条書き（リスト）を作成する
• 引用ブロック・特記ブロックを設定する
• 表を作成・編集する
• テキストリンク・画像リンクの貼り付け方
• ページに「リンクカード」を挿入する
• ホームページに記載している所在地・地図を変更する

• お客様のご利用イメージ

  申し込み受付フォーム

  お申込み受付フォームより、お支払い方法「クレカ決済」を選択していただき、［確認］ボタンをクリックしていただく

  ---

  内容確認画面

  お申込み内容を確認のうえ、［予約送信］ボタンをクリックしていただく
  
  

  ---

  Stripe決済画面

  Stripeの決済画面に遷移するので、クレジットカード情報を入力して、［支払う］ボタンをクリックしていただく

  
  

  
  

  テスト用カード情報

  前述の「Stripe決済連携設定」画面の【実行動作環境選択】で、「テスト環境」を選択中の時は、次のテスト用のカード番号で実際の決済をすることなく、動作確認ができます。

  カード番号	4242 4242 4242 4242
  有効期限	任意
  セキュリティコード	任意

  ---

  受け付け完了

  受け付け完了メッセージが表示されます

  
  
  
  
  

  ---

  リウムスマイル！の管理画面のコンタクト一覧に受け付けデータ表示

  

  受け付けたデータは、リウムスマイル！管理画面のコンタクト一覧などに、「クレカ支払い」として表示されます。

  
  
  • 「Stripe決済」は、Stripeが提供するサービスになります。動作環境は「Stripe決済」の仕様に準じます。
  • Stripeに対して決済手数料が掛かります。
  • Stripeの審査によりご利用いただけない場合がありますので予めご了承ください。

• パーツを削除・エリアから表示解除する

  リウムスマイル！の「パーツを削除する」という操作には、

  • 「現在表示しているエリア（場所）から消す」という操作
  • 「パーツ自体を削除する」という操作

  の二種類の操作が存在します。

   

  

  例えば、上記のようなプレビュー画面の状態の時、「おすすめコース」というパーツは、

  1. エリア８（メインエリア）にバナー形式
  2. エリア４（サイドエリア）にリンクタイトル形式

  それぞれ違った形式で2か所に表示されています。

   

  エリア８に表示しているパーツを表示解除すると、エリア８の「おすすめコース」は消えますが、エリア４の「おすすめコース」は消えません。

  対して、この「おすすめコース」パーツ自体を削除すると、エリア８及びエリア４の両方とも消え、そのページパーツ自体も無くなります。
  

   

  以下に、それぞれの操作手順をご案内します。

  
  

  操作手順

• 文章に見出しをつける・解除する

  本文に書かれている内容を一目で伝える見出しをつけると、読み手にやさしく、また読み手を惹きつけます。

  
  
  くわしく！
• 文章の装飾を削除する

  文字の大きさなどの装飾は、何度も重ねて設定していくうちに、装飾のスタイルが複雑に重なり合い、思い通りに操作できなくなる場合があります。

  一度文字の装飾を削除し、プレーンな状態に戻してから、再度文字の装飾を行っていただくとご希望の状態に設定できるようになります。

   

  

  1. 装飾をクリアしたい箇所を、マウスでドラッグ（左ボタンをクリックしたままマウス移動）して選択する
  2. 上部ツールバーにある［プレーンテキスト化］をクリック

  ※一回で装飾が削除されない場合は、何度か同じ手順を繰り返していただくと装飾が削除されます。

• 箇条書き（リスト）を作成する

  サービス、商品などの特徴や順序などを説明するときには、箇条書きが適しています。

  箇条書きにすると一つ一つの情報が区切られるので読みやすくなります。

   

  

  1. 文章中の箇条書きにしたい箇所を、マウスでドラッグ（左ボタンをクリックしたままマウス移動）して選択する
  2. 上部ツールバーにある、設定したい箇条書きをクリック

  箇条書き編集のヒント

  • 箇条書き中に、「enterキー」を押すと、次の箇条書き項目へ移動します。
  • 箇条書きを終了するには、「enterキー」を二回続けて押します。
  • 箇条書きの１つの項目内で改行したい場合は、「shiftキー」を押しながら、「enterキー」を押します。
  • 既存の箇条書きを再編集したい時は、箇条書き文上で、マウスをダブルクリック（マウスの左ボタンを素早く二回連続で押す）します。

• 引用ブロック・特記ブロックを設定する

  リウムスマイル！では引用ブロックや特記ブロックを設定できます。

  操作手順

• 表を作成・編集する

  価格表や比較表などは、表（テーブル）機能を使って表を作成すると見やすくなります。

• テキストリンク・画像リンクの貼り付け方

  リウムスマイル！では、テキストリンクを貼り付ける方法が2通りあり、

  内部リンクを貼り付ける場合と、外部リンクを貼り付ける場合とで方法が変わってきます。

   

  内部リンクとは、自分のホームページにある各ページへのリンクを指します。

  外部リンクとは、自分のホームページ以外の別のホームページへのリンクを指します。

  操作手順

• ページに「リンクカード」を挿入する

  「リンクカード」とは、内部や外部のホームページやブログ記事へのリンクを、タイトルや概要、アイキャッチ画像などを見やすくまとめた、リンクデザインの一つです。

  ブログなどを書かれている時に、外部のブログで紹介したい記事、引用したい記事などをリンクすることがあると思います。

  そんな時に、このリンクカードデザインを活用すると、とても見やすくなります。

   

  リウムスマイル！では、本文エディタ上部の鎖ボタン（リンクを追加/変更）をクリックして、リンクを作成するときに「カード型スタイル」デザインを選択することで、下記のようなリンクカードを簡単に作成することができます。

  

  ホームページ作成・予約管理・顧客管理・メルマガ配信 | サロン、お店のためのリウムスマイル！

  スマホとPC両対応のホームページ作成、予約管理、メルマガ配信、顧客管理サロン・お店に必要なものがまるっと一つになったリウムスマイル！

  riumsmile.jp

   

  
  
  くわしく！
• ホームページに記載している所在地・地図を変更する

  サロン・お店を移転した時、ホームページに記載されている所在地や地図はすべて変更する必要があります。

  ホームページ・WEBフォームに移転前の住所が残っているか調べたい方はこちら

  ページやWEBフォームに入力した単語を検索する

  操作手順