新作
 adidas sports アンダー B70. 50%off その他 新作 adidas sports アンダー B70. 50%off その他
ユピテル MVT-7500 - by , 2023-01-02
5/ 5stars
5本パックは、お得感があっていいです。 使いごこちも悪くありません。 次も利用したいと思います。
12枚セット【新品】Unfinity 平地 ギャラクシーFOIL 希少 限定品 - by , 2022-12-02
5/ 5stars
雨の日、体育館でテニスをやる時、ラインがなくて、基本練習はできるけど、ちょっとしたポイントゲームがやりにくくて、困っていて購入しました。テープは使い捨ての割に値段が高いし。他社より値段が安いのでどうかな?と思いましたが、満足のいくものでした。コーナー用が付いていて、これは便利です。あと、3枚くらい多いと良かった。ちょっとが足りないので、もう1セット買おうかと思ったけど、それだと多すぎるのでやめました。
denchan様専用 - by , 2022-12-31
5/ 5stars
古いテニスラケットを使おうと思ったら、グリップが悲惨な事になっていたので、交換用に購入しました。以前にも交換したことがあったので、簡単に交換できて、良かったです。
プロライン シフトボディMBX 6T 1/8サイズ - by , 2022-11-18
2/ 5stars
毎回つかうたびに留め具の具合がいまいちでした
☆MTG 自然の怒りのタイタン、ウーロ 拡張 foil - by , 2022-12-29
5/ 5stars
娘の欲しがってたボールホルダーが安く買えて良かった(≧∇≦)
ウクレレ ALOHA AK1500 ケース付き - by , 2022-11-04
5/ 5stars
ボールの空気が少ないのか、元々こういうものなのかわかりませんが、思いっきり打っても転がって返ってくるだけで連続では打てません。(ボール自体丸ではなく少し凹みがあります) 想像したものと違いました。 硬式ボールの方が良かったかな。
クラッシックギター (信濃ギター )ケースつき - by , 2022-12-27
5/ 5stars
きれいになり、使いやすく重宝しています。
ビンテージ アコースティックギターケース ハードケース クラシックギター - by , 2022-10-21
5/ 5stars
注文から配送まで早くて助かりました!子供が喜んで練習しています。日本語の説明書があればもっと有り難かったです。
ヨコモTeam TOYO TIRES 180SX ボディセット【新品・未開封】 - by , 2022-12-25
5/ 5stars
後ろ側まで見れなかったのでわかりませんでした。 かぶるものかと思って購入しました。 ファスナーで格好悪い。 きっと使わないと思います。 失敗…。
Adidas Mens ZXZ ADV Runners White Black Size 9.5 FMWOB | #170635077, ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens , Dress Shoes, Men's Shoes, Men, Clothing, Shoes & Accessories , Dress Shoes, Men's Shoes, Men, Clothing, Shoes & Accessories , ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens , ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens , ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens

定価12100-  未使用保管品
カテゴリー:スポーツ・レジャー>>>トレーニング/エクササイズ>>>その他
商品の状態:新品、未使用
ブランド:アディダス
配送料の負担:送料込み(出品者負担)
配送の方法:未定
発送元の地域:兵庫県
発送までの日数:1~2日で発送

Adidas Mens ZXZ ADV Runners White Black Size 9.5 FMWOB | #170635077
ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens
Dress Shoes, Men's Shoes, Men, Clothing, Shoes & Accessories
Dress Shoes, Men's Shoes, Men, Clothing, Shoes & Accessories
ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens
ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens
ADIDAS ZX 1K Boost Seasonality Beige Victory Crimson H00429 Mens

デザインのコツがわかる無料メルマガ配信中!troisiemechaco オケージョンワンピース ドレス 総レースワンピ

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

こんにちは、yamaです。

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

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

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

 

作例のサイトはこちら

MUSASHI チェン

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

 

目次

ギャラリー作成の準備

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

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

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

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

ギャラリー作成の流れ
  1. ドクターブロナーのマジックソープバー 8個セット
  2. 写真をアップロード
  3. ギャラリーを編集する

チェンジ カオリホワイト リンクルモイスチャージュエリー 100g

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

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


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

まめちび様専用☻ SODWATER アクティブミネラルエキストラクト
使いたいデザインを選択すると、エディタ上にギャラリーが配置されます。

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


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

 

新作 adidas sports アンダー B70. 50%off その他

左メニューの「追加(+アイコン)」から「画像」→「アップロード」マテリアリフレ ボディリフレクスローション 3本
任意の画像をドラッグするだけで画像のアップロードは完了です。

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

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

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

 

新作 adidas sports アンダー B70. 50%off その他

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

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

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

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

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

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

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

管理画面の右の項目で画像のタイトル・詳細・リンクの設定します。
フレデリックモル リスメディテラネ 50ml

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

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

MODERE モデーア セルプルーフ モイスチャライザー
ギャラリー全体のバランスが悪いですね、、

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

 

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

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

Wix プロギャラリーの設定項目
  • メディアの管理
  • レイアウト
  • ドモホルンリンクル ④保湿液10本 ⑦保護乳液 5ml×15本
  • オーバーレイなどの詳細設定
  • サポート(ヘルプ)

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

エレビット 未開封
好みのデザインに変更しましょう。

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

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

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

 

作例のサイトはこちら

SUQQUザ リクイドファンデ105&クレドポーボーテ レオスールデクラ16

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

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

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

 

最後に、今回のまとめ

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

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

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

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

 

Wixの使い方 次の記事
あわせて読みたい
【ESCADA/未使用】エスカーダ香水、85FL、25ml こんにちは、yamaです。 Wixで作ったサンプルサイトから、Wixエディタで良く使う機能と操作方法 をまとめます。 ページの追加、削除、複製方法 テキストの入力方法 見出...
Wixのまとめ記事はこちら
あわせて読みたい
W44L32インチ カーハート水色インディゴルーズフィットジーンズ バギーパンツ この記事では、無料のホームページ作成サービス「Wix」の使い方について、Wixエディタを中心に紹介します。 ホームページ作成には、HTML・CSSの学習が必須です。また、W...

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

コメント

コメントする null様専用


目次
TOPへ
目次
閉じる