1. リウムスマイル!ホム育ブログ
  2. ホームページの作り方
  3. 一瞬でホームページの印象を柔らかくできる、写真のスタイル変更機能
 

一瞬でホームページの印象を柔らかくできる、写真のスタイル変更機能

2019/02/27
一瞬でホームページの印象を柔らかくできる、写真のスタイル変更機能

リウムスマイル!ではアップロードした画像をそのまま加工することなく、表示設定を変更するだけで簡単に写真を加工した風に見せることができます。

初期設定ではプレーンの状態ですが、例えば表示設定で「円フレーム」を設定すればこんな風に表示されるようになります。

 

  • Before

  • After

プレーンから円にすることで写真の印象が柔らかくなり、かわいらしく見えるようになります。

例えばベビーマッサージ教室やピアノ教室などの子ども向けのホームページを作る場合や、ペルソナさんが女性で、よりあたたかい印象を与えたいサロン・お店のホームページの場合にとてもおすすめです。

また、この他にも色々な画像のスタイルを設定することができます。

 

画像スタイル一覧

プレーン




角丸


傾き(右)


傾き(左)


円フレーム


楕円1


楕円2


楕円3

 

画像スタイルの設定方法

画像スタイルの設定方法は2通りあります。

一つはページパーツの「画像」に設定している画像スタイルを変更する方法と、もう一つはページの内容欄に挿入している画像のスタイルを変更する方法です。

(2つ目の手順は、上記一覧を作成する際にも設定した手順です)

 

ページパーツの「画像」に設定している画像スタイルを変更する方法

  1. リウムスマイル!管理画面を開いて、管理画面左上の[PC版:プレビュー]をクリックします。

  2. 画像のスタイルを変更したいページパーツの[表示項目の設定]をクリックします。

  3. 表示設定画面の表示設定:表示要素:「画像」の下にあるスタイルから、設定したいスタイルを選択します。
  4. 表示設定画面の左下[保存]をクリックします。

 

 

ページの内容欄に挿入している画像のスタイルを変更する方法

  1. リウムスマイル!管理画面を開いて、管理画面左上の[PC版:プレビュー]をクリックします。

  2. 画像のスタイルを変更したいページパーツのタイトル右上にある[編集とコピー]をクリックします。

  3. [このパーツを編集する]をクリックします。

  4. 内容欄に挿入されている画像をダブルクリックします。

  5. 黒いポップアップにある「画像のデザイン」で、設定したいスタイルにチェックを入れます。
    ポップアップの右下にある[更新]をクリックします。
  6. 編集画面の左下[保存]をクリックします。

 

設定したスタイルはいつでも変更できますので、ホームページがちょっと堅苦しいかな・・・なんて思った時はぜひお試しくださいね! 

 

関連エントリー