第一ネット
 NIKE ブレーザーLOW'77 ホワイト スニーカー 第一ネット NIKE ブレーザーLOW'77 ホワイト スニーカー
ガーディアンエンジェル・シルバーコイン (シルバープルーフ) ニウエ 2014年 - by , 2022-12-16
4/ 5stars
さすが素材集だけあって、いっぱいあります。 しかし、結局は、数個しか使わないので、もったいないかも。 でも、買っちゃうんだよね。
高橋恭平 公式写真 混合集合セット - by , 2023-01-02
5/ 5stars
問題集、半分ページで説明があり、大変勉強しやすいです。
CASIO Privia PX-160 88鍵 デジタルピアノ - by , 2022-12-02
4/ 5stars
本に記載のダウンロードが出来ません。会社が存在しないみたい。肝心の事が出来ない以上評価は最悪です。
TravisJapan まとめ売り - by , 2022-12-31
5/ 5stars
とっつきにくいテーマに親しみやすい形で導入してくれる本だと思います。この本の内容を出発点にして、自分で学習を発展させていくと良いと思いました。
Roland FA-07 Music Workstation - by , 2022-11-18
3/ 5stars
なにせダウンロードが出来ません。肝心の事が出来ない以上評価は最悪です。
piaggero NP-31S ヤマハ - by , 2022-12-29
5/ 5stars
その名の通り、マイコンの基本が学べる・・基板付き。
有田ひろみ ちゃぼ ねこ ぬいぐるみ - by , 2022-11-04
4/ 5stars
初心者向けなのですよね?もう一歩踏み込んだ説明と詳細があるといいのにと思う箇所がチラホラとありました。edius neo 3.5のHOWTO本はこれぐらいしかないので、他に選ぶにも選ぶものがないのが実情です。初心者は決して損ではないかもしれませんが、少々お高いような気もします。
独 ルートヴィヒ2世 1ターレル銀貨 1871 普仏戦争戦勝記念 - by , 2022-12-27
5/ 5stars
別に頭よくないしと思ったんですけど買ってみました なんか私わざわざむずかしい使い方してたんだなぁって後悔しました この本を読んで良かったです
遊戯王 ホログラフィックレア 値段提示 - by , 2022-10-21
4/ 5stars
nice~~~~~~~~~~~~~~~~~~~~~nice~ ~~~~~~~~~~~~~~~~~~~~
CASIO PX-160GD 電子ピアノ 88鍵盤 スタンド、ペダル付き - by , 2022-12-25
5/ 5stars
人材派遣業界のデファクトスタンダードと言われているシステムを開発した社長さんの書いた本。まずまず・・・。
ワンピースカード ナミ パラレル 4枚 - by , 2022-10-07
4/ 5stars
現在、MVMOは急速に発展中であり、あくまでも現状を知り今後の通信料節約につなげたいと思います。
送料込 銘あり 碗筒 彫刻/煎茶 茶道具 湯呑 - by , 2022-12-23
5/ 5stars
マニュアル代わりに電子版を初めて使って見た。読み本としては良いが、目的のページにたどりつくのに手間取りマニュアルとして使うにはやはり
ナイキ ブレイザー LOW 77 (メンズスニーカー) 価格比較 - 価格.com, NIKE公式】 メンズ ホワイト ブレーザー シューズ【ナイキ公式通販】, ナイキ ブレイザー LOW 77 (メンズスニーカー) 価格比較 - 価格.com, Amazon | [ナイキ] BLAZER LOW 77 スニーカー ブレイザー ブレーザー , Nike Blazer Low 77 , 国内9月10日発売予定】ナイキ ブレーザー ロー '77 ビンテージ , 国内9月10日発売予定】ナイキ ブレーザー ロー '77 ビンテージ

DJ1517-100ナイキの人気スプラッター柄サイズは28cmになります。新品未使用NIKEナイキ ブレーザー LOW '77 メンズシューズ / Nike Blazer Low '77 Men's Shoeホワイト / 28
カテゴリー:メンズ>>>靴>>>スニーカー
商品の状態:新品、未使用
商品のサイズ:28cm
ブランド:ナイキ
:ホワイト系/ブラック系/グレイ系
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:新潟県
発送までの日数:1~2日で発送

ナイキ ブレイザー LOW 77 (メンズスニーカー) 価格比較 - 価格.com
NIKE公式】 メンズ ホワイト ブレーザー シューズ【ナイキ公式通販】
ナイキ ブレイザー LOW 77 (メンズスニーカー) 価格比較 - 価格.com
Amazon | [ナイキ] BLAZER LOW 77 スニーカー ブレイザー ブレーザー
Nike Blazer Low 77
国内9月10日発売予定】ナイキ ブレーザー ロー '77 ビンテージ
国内9月10日発売予定】ナイキ ブレーザー ロー '77 ビンテージ

Menu

第一ネット NIKE ブレーザーLOW'77 ホワイト スニーカー

デザインの基礎がわかる!
全10回だから気軽にできる!
実際のデザイン案件ベースの実習あり!

yama
ひとり広報・デザイナー
デザインがちょっと得意な静岡県民。趣味はカメラと写真。将来はフィンランドに移住し、オーロラを撮影したいと本気で思っている2児の父。
デザインのコツがわかる無料メルマガ配信中!コーチ 長財布 ブラック×ブルー ストライプ メンズ

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

こんにちは、yamaです。

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

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

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

 

作例のサイトはこちら

【新品】アシックス asics GEL-COURT HUNTER2☆25cm

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

 

目次

ギャラリー作成の準備

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

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

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

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

ギャラリー作成の流れ
  1. ミニチュア★フィギュア★1/24★リアルフィギュア★ミニカーに★ジオラマに
  2. 写真をアップロード
  3. ギャラリーを編集する

西畑大吾 公式写真 まとめ売り

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

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


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

PassCode スナップバックキャップ 新品 白 パスコード 帽子 南菜生
使いたいデザインを選択すると、エディタ上にギャラリーが配置されます。

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


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

 

第一ネット NIKE ブレーザーLOW'77 ホワイト スニーカー

左メニューの「追加(+アイコン)」から「画像」→「アップロード」Acid Black Cherry☆15点セット☆
任意の画像をドラッグするだけで画像のアップロードは完了です。

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

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

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

 

第一ネット NIKE ブレーザーLOW'77 ホワイト スニーカー

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

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

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

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

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

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

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

管理画面の右の項目で画像のタイトル・詳細・リンクの設定します。
body-kun ボディくん ワイヤーフレーム デッサン人形

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

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

BAPE BE@ARBRICK400% NSFカモ
ギャラリー全体のバランスが悪いですね、、

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

 

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

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

Wix プロギャラリーの設定項目
  • メディアの管理
  • レイアウト
  • 乃木坂46 西野七瀬 何度目の青空か? コンプ 生写真
  • オーバーレイなどの詳細設定
  • サポート(ヘルプ)

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

モーニング娘。'22 RIJタイダイTシャツ XLサイズ ロッキン限定
好みのデザインに変更しましょう。

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

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

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

 

作例のサイトはこちら

ポケモンカード ミュウツーV SA

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

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

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

 

最後に、今回のまとめ

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

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

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

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

 

Wixの使い方 次の記事
あわせて読みたい
遊戯王 中国大会限定 相剣師莫邪 バクヤ 未開封スリーブ④ こんにちは、yamaです。 Wixで作ったサンプルサイトから、Wixエディタで良く使う機能と操作方法 をまとめます。 ページの追加、削除、複製方法 テキストの入力方法 見出...
Wixのまとめ記事はこちら
あわせて読みたい
スカッシュラケット この記事では、無料のホームページ作成サービス「Wix」の使い方について、Wixエディタを中心に紹介します。 ホームページ作成には、HTML・CSSの学習が必須です。また、W...

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

コメント

コメントする シャネル No.19 EDT 100ml


目次
TOPへ
目次
閉じる