最新のデザイン
 オイル BERGER LAMPE Neutre ランプベルジェ ヌートレ  1L エッセンシャルオイル 最新のデザイン オイル BERGER LAMPE Neutre ランプベルジェ ヌートレ 1L エッセンシャルオイル
● Frog tree 麟核 1体 - by , 2023-01-02
3/ 5stars
かなり目立つので防犯効果もありますが、なによりファッション性もある品物だと思います。 色んな色、色んなパターンに加え、アクリル板を変えればいろんな表示を出来るので楽しめる要素もあると思います。
1/6 肥満素体 worldbox AT018 ヘッド・コネクタ付き - by , 2022-12-02
5/ 5stars
軽自動車のオリンピックナンバーに交換する目的で購入しました。見栄えもよく満足です。 送料が無料なのも魅力です。 購入から時間を要しレビューが遅れましたことご容赦ください。
Dwell BLAZBLUE(ブレイブルー) ノエル=ヴァーミリオン 1/7 … - by , 2022-12-31
4/ 5stars
注文してすぐ届きました、対応も最高でまたここで買いたいと思います。
デンシタコ vag まとめ売り - by , 2022-11-18
5/ 5stars
今まで、オートバックスでセキュリティを同じ製品を買って使ってる内にスイッチのところが折れてしまい、同じ製品でした。
☆コカ・コーラダーツセット☆非売品 - by , 2022-12-29
4/ 5stars
車を購入にあたりオリンピックの希望ナンバー(寄付あり)にしたため盗難防止のボルトを探してたら御社のボルトを発見 100%じゃないにしろかなり盗難防止には役立ってると思います。
ぷちサンプル さわやか3組 8種類セット リーメント - by , 2022-11-04
5/ 5stars
今回 ワッシャーと一緒き購入しました 工具も付いて とても 良かったです 見た目も良いです
泉大智 タワレココラボタオル - by , 2022-12-27
4/ 5stars
原付バイク2台ナンバープレート取替え。錆びないのできれいを保てる。盗難防止効果十分です。かつてバイクを盗まれナンバープレートだけ棄てられていました。
等身大 ブースターぬいぐるみ - by , 2022-10-21
5/ 5stars
遅くなりましたが、梅雨明けを待ち、洗車後に取り付けました。専用工具付きで、ものの5分もかからず取り付けられました。出っ張ったボルトがすっきりした感じになり見た目もよくなった気がします。(自己満)普通のレンチやドライバーでは外せませんので、いたずら防止にはなるかと思います。満足しています。
スイカ様専用  鈴木未来 オフィシャルカード 非売品 未使用 - by , 2022-12-25
4/ 5stars
ダミーとして取り付け 明るく目立つのでとても満足です
unicorn maestro 浅田斉吾モデル フェーズ2 - by , 2022-10-07
5/ 5stars
購入を検討していると、 在庫がなく売り切れに なっていましたが、 ショップの方に問い合わせした所、 2週間ほどかかると言われ我慢。 入荷のタイミングでショップから 連絡が入り購入しました。 その後の対応が早いっ! 確定メールが届いたあとすぐに 本日発送しましたのメールが入り びっくりでした。 親切な問い合わせ対応と、 入荷後すぐに発送手続きに 感動さえ覚えました。 すでに、バックマンを80ヴォクシーに 取り付けていた為、本日作業しましたが アクリルの設置場所、切替スイッチの 穴開け加工、ACCとアースの配線処理で 簡単に終わりました。 念のため、残り4本の配線も絶縁処理をし、 作業時間1時間ぐらいでパッと出来ました。 CEPさんの対応力、親切さに 感謝しています。 いい買い物が出来ました。 またお世話になるかもしれませんが、 その時はまたよろしくお願いします。 車好きにはたまらない良い商品ばかり なので、まだまだこれから色んなものを 開発して下さい。期待しています。 本当にありがとうございました。
【新品未使用】KARURA 迦楼羅 ティガ ダーツ カルラ - by , 2022-12-23
3/ 5stars
欲しいモノが手に入ってホントに嬉しいです。また何かありましたら宜しくお願い致します
キューポッシュえくすとら スクール水着ボディ 男の子 可動フィギュア - by , 2023-01-06
5/ 5stars
サビと盗難防止のため購入しました。ネジのサイズもちょうど良く、取り付けも簡単でした。 やはり標準のネジよりも見た目が良いので満足です。
ランプベルジェ アロマオイル ヌートレ 1L [正規輸入品], ( ランプベルジェ ) Lampe Berger フランス版 アロマオイル Neutre Essentiel/ヌートレ 1L, 楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス , 楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス , ランプベルジェ通販オイルとランプのセット商品 | Lampe Berger, ランプベルジェ通販オイルとランプのセット商品 | Lampe Berger, 楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス

商品状態 新品未開封購入時期 不明クローゼットでの保管品です。LAMPE BERGER アロマオイル Neutre 1L の4本セットです。ヌートレのみ複数ありますので、ご相談下さい。細かい傷など気になる方は購入ご遠慮ください。当方、禁煙、ペットは飼っておりません。購入前に気になる事は質問して下さい。平日9:00〜17:00以外は返事が遅れる時があります。トラブル防止のため、コメント途中や専用にしていても、即決された方優先です。ご購入後のお支払い、受取連絡は24時間以内にお願い致します。送付だけ急がせ、受取後の放置は困ります。お互い気持ちの良いお取引を宜しくお願い致します。梱包の箱、クッション材はリサイクルしてます。何卒ご了承下さいませ。#LAMPEBERGERアロマオイルNeutre1L
カテゴリー:コスメ・香水・美容>>>リラクゼーション>>>エッセンシャルオイル
商品の状態:新品、未使用
:オレンジ系/レッド系/ブラウン系
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:未定
発送までの日数:1~2日で発送

ランプベルジェ アロマオイル ヌートレ 1L [正規輸入品]
( ランプベルジェ ) Lampe Berger フランス版 アロマオイル Neutre Essentiel/ヌートレ 1L
楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス
楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス
ランプベルジェ通販オイルとランプのセット商品 | Lampe Berger
ランプベルジェ通販オイルとランプのセット商品 | Lampe Berger
楽天市場】 ランプベルジェ オイル > ランプベルジェ フレグランス

デザインのコツがわかる無料メルマガ配信中!Uniqlo +j ジルサンダー ウールテーラードジャケット スーツ ネイビー

Wixのギャラリー機能を使ったポートフォリオサイトの作り方

こんにちは、yamaです。

この記事では、Wixのギャラリー機能を使ったポートフォリオサイトの作り方 を紹介します。
具体的には「グラフィックデザイナーB」のギャラリー機能を使ってポートフォリオを作っていきます。

ポートフォリオとは、作品を掲載する場・作品集みたいなものですね。
イラスト、写真など自分の作品・実績を提示する場として、多くのデザイナーやクリエイターがポートフォリオサイトを運営しています。

今回は作例として、ボクの趣味写真を掲載するポートフォリオサイトをWixで作りました。

 

作例のサイトはこちら

ラプレリー スイス アイスクリスタル ドライオイル スキンオイル

作例はWixの「グラフィックデザイナーB」のテンプレートをカスタマイズしています。

 

目次

ギャラリー作成の準備

今回使用した「グラフィックデザイナーB」はグラフィックデザイナーのポートフォリオ用のテンプレートです。
作品をメインとした見せ方がポートフォリオサイトの特徴ですね。

yama
Wixのテンプレートはたくさんありますが、ポートフォリオを作る場合は、シンプルで写真を見せやすいものを選びましょう

トップページを見ると、複数の写真が配置されていますね。
これは1枚ずつ写真を並べたわけではなく、 Wixのギャラリー機能 で作成されています。

Wixで使用できる「ギャラリー」はデザインも豊富に用意されています。
画像を用意すれば、簡単な操作で作成できます。

ギャラリー作成の流れ
  1. Waldorf Rocket アナログ シンセサイザー フィルター ドイツ
  2. 写真をアップロード
  3. ギャラリーを編集する

ポケモン スケールワールド

ギャラリーをページに配置する

使用するテンプレートによっては、初期設定でギャラリーが配置されていないものもあります。
まずは、ギャラリーの配置方法から解説します。


左メニューの「追加(+アイコン)」をクリック → リストから「ギャラリー」をクリックします。

そらる cocktail XYZ アクリルスタンド アクスタ
使いたいデザインを選択すると、エディタ上にギャラリーが配置されます。

これだけでギャラリーを設置できちゃいます。簡単ですね。


ギャラリーの配置場所は、ドラッグ操作で調整します。
四隅に表示されるドラッグハンドルで、ギャラリーのサイズを変更できます。
数分でギャラリーを配置できました。
yama
実際にコーディングしていたら、数分で同じものを作るのは不可能です。簡単な操作で素早く作成できるのはWixの良さですね。

 

最新のデザイン オイル BERGER LAMPE Neutre ランプベルジェ ヌートレ 1L エッセンシャルオイル

左メニューの「追加(+アイコン)」から「画像」→「アップロード」武知海青 ビッグクッション
任意の画像をドラッグするだけで画像のアップロードは完了です。

画像をアップロードすると、画像のタグが自動で設定されます。

yama
自動設定されていることに気づいた時は驚きました!
自動設定されるタグが意図したものと違うもことも多いようです。
アップロード時に自分でチェック・変更した方が良いでしょう。

ギャラリーのテンプレートを配置し、画像のアップロードが済めば準備OKです。
アップロードした画像でギャラリーを編集しましょう。

 

最新のデザイン オイル BERGER LAMPE Neutre ランプベルジェ ヌートレ 1L エッセンシャルオイル

今回は「グラフィックデザイナーB」のテンプレートに用意されている画像を入れ替えてギャラリーを編集していきます。

「グラフィックデザイナーB」の初期設定ギャラリーはこちら
↓↓↓↓

編集したギャラリーがこちら
↓↓↓↓

ギャラリーの画像を入れ替える

ページに配置したギャラリーをクリック →「メディアを管理」を選択します。
ギャラリーの管理画面が表示されます。

管理画面を開くと、サンプルで使用している画像が表示されます。
元画像は不要なので削除しましょう。(画像をクリック → ゴミ箱マークをクリックで削除できます。)

画面上の「+新しく追加」をクリックし、アップロードした画像をギャラリーに追加していきます。
今回は画像6点でギャラリーを構成します。

管理画面の右の項目で画像のタイトル・詳細・リンクの設定します。
NiziU ペンライト 2個 セット おまけ付き(メッセージカード・シール)

「リンクを追加」という項目がありますね。これは「リンク先のアドレス」です。
作成中のWixサイトのページを「リンク」に設定した場合、「リンクを追加」が自動で表示されます。
外部サイトのページをリンク先にする場合、「リンクを追加」の項目に外部サイトのURLを入力します。

画像入替え直後のギャラリーがこちら
↓↓↓↓

MONSTA X ショーコン トレカ ミニョク セット
ギャラリー全体のバランスが悪いですね、、

配置している画像点数とサイズの違い(横長・縦長が混在している)が影響して全体のバランスが崩れています。
ギャラリーのデザインを変更してレイアウトを調整しましょう。

 

ギャラリーのデザインを変更する

配置したギャラリーをクリック →「設定」と進むと、「Wix プロギャラリー」が表示されます。

Wix プロギャラリーの設定項目
  • メディアの管理
  • レイアウト
  • A1400D10 フェラガモ ローファー 革靴 Ferragamo
  • オーバーレイなどの詳細設定
  • サポート(ヘルプ)

「グラフィックデザイナーB」の初期設定は「メーソンリー(メーソンリーグリッドレイアウト)」になっています。

【Levi's】00s リーバイス501 メキシコ製 ストレートデニム
好みのデザインに変更しましょう。

今回は「グリッド」を選びました。

デザインをさらにカスタマイズしたい時は「レイアウトを編集」から変更します。
画像の表示数、タイトルの表示、オーバーレイ効果など好みの設定していきましょう。

カスタマイズしたギャラリーでは、マウスオーバー時にフェード効果を加え、画像タイトルが表示されるようにしています。

 

作例のサイトはこちら

レア美品アディダス×ジェレミースコット豹柄ショートパンツOレオパードadidas

作例はWixの「グラフィックデザイナーB」のテンプレートをカスタマイズしています。

基本的なギャラリーの作成方法は以上です。

作例のポートフォリオサイトでは下層ページにもデザインの異なるギャラリーを配置していますが、基本操作は同じです。

 

最後に、今回のまとめ

写真やイラストを公開する場として、Wixのポートフォリオサイトはおすすめです。

インスタやtwitterをを利用する方も多いと思いますが、ホームページであれば情報整理もしやすいですし、デザインも好みのものにできます。

Wixは基本無料で使えるので、興味を持った方はぜひチャンレジしてください。
操作はとっても簡単ですよ。

それでは、今回はこのへんで。

 

Wixの使い方 次の記事
あわせて読みたい
puma body bag riku こんにちは、yamaです。 Wixで作ったサンプルサイトから、Wixエディタで良く使う機能と操作方法 をまとめます。 ページの追加、削除、複製方法 テキストの入力方法 見出...
Wixのまとめ記事はこちら
あわせて読みたい
フュージョンアーツ 1BOX シュリンク付き この記事では、無料のホームページ作成サービス「Wix」の使い方について、Wixエディタを中心に紹介します。 ホームページ作成には、HTML・CSSの学習が必須です。また、W...

この記事が気に入ったら
いいね または フォローしてね!

コメント

コメントする FOXEY フォックスファー ケープ


目次
TOPへ
目次
閉じる