オンライン即売会サービスpictSQUAREにサークル参加する方法vol.3/pictSPACEヘッダーの編集と店舗への頒布物の登録

前回までにpictSPACE店舗アカウントの開設を済ませました。vol.3の今回は設定したpictSPACE店舗ページのヘッダー画像サイズの編集について記述します。

vol.2 pictSPACEアカウントの開設

目次

店舗用バナーの作成サイズ(デフォルト)

pictSPACEバナー設定
デフォルト設定のh1000×w200で作成してみたバナー

まずは(w)1000px×(h)200pxの画像を作成し、配置してみました。問題なさそうに思いましたが、Googlechromeのデベロッパーモード(F12)で確認したところ、QRコードが消えてしまったので再度作成していきます。

pictSPACEバナー設定
スマホサイズで確認

多くのサイトは様々なサイズで表示されますので、スマホ・タブレットでの表示についても確認しておけば見せたいデザインで表示されないという事態を減らせます。Googlechrome右上の設定ボタンからデベロッパーモードの表示、ブラウザキャッシュの削除などができますので活用しましょう。

高さを調整して再設定(h)1000px×(w)300px

pictSPACEバナー設定
デフォルトの高さは200px

画像のアップロードページには閲覧環境によって差がありますが、幅1000以上で作成とあります。また、画像は中心を起点に設置と記載されていました。レスポンシブでほどよく見せる為には、イラストの中心がセンターに配置された(w)1000px×(h)200px程度の画像を用意します。背景色を指定しない場合はデフォルト設定の#e0e0e0で表示されます。

pictSPACEバナー設定
変更した設定が反映されていない

今後変更されていく可能性がありますが、今のところ画像のアップロードについてはやや難ありの印象です。設定が変更されていないと感じたら、キャッシュを削除して様子を見ましょう。

センターずれのおこりにくい画像を作成

pictSPACEバナー設定
センターを意識して画像を作成
レスポンシブにオススメのバナーデザイン
  1. センターのない繰り返し画像を使用する
  2. 上下に余白をとる

念のため上下に50pxずつ余白をとりました。この画像のQRコードは誘導したいサイト(和遊湘南サイトトップ)のものですが、人物イラストの場合は顔部分等、お好みで設定してください。

pictSPACEバナー設定

ヘッダー画像サイズまとめ

check
  • pictSPACEの店舗バナーは中心を起点に設置される
  • デフォルトのサイズは(w)1000px×(h)200px
  • センターのない繰り返し画像などを使用する
  • スマホサイズを確認したい場合はGooglechromeのデベロッパーモードなどを使用する

続いてpictSPACE店舗への頒布物の登録を記述します

頒布物の登録(画像サイズ)

pictSPACE店舗に頒布物としてアップロードできる画像の最大サイズは(jpg,png,gif)840×840です。それ以上のサイズは自動的に縮小されるのかなと思ったのですが、エラー表示が出るようなので、先に縮小してからアップします。画像の一括登録はできませんので、1点づつフォルダから指定してアップします。

pictspace画像編集

オススメフリーソフト縮小専用DLサイト

pictspace画像編集
フリーソフト縮小専用などを使用するのもオススメ
リサイズ参考

画像サイズ200kb
800×800

縮小専用などを使用していて、resizeフォルダに画像が入っていない場合は、指定容量を超えている場合があります。縮小されなかった画像に対してサイズ上限を上げる、または画像サイズを小さく指定しなおすことで解消します。

pictspace販売について
一度登録を完了すると次回はプレビューが表示される

登録後の画像はプレビュー表示が可能になり、表示順は上下ソートで変更できます。

pictspace販売について

頒布物のその他設定

pictspace販売について
在庫の管理で設定できること
  • 在庫数
  • 在庫が0のときのショップ表示状態の設定(表示、再入荷希望通知を受ける等)
  • 購入制限数
  • 問い合わせの受付有無

詳細に設定することができます。在庫数に関わらず購入数の制限ができるのは便利ですね。

送料設定

あらかじめ頒布物に送料を追加して単価設定する方式の他、地域ごとに送料指定することもできます。離島その他の料金を追加することもできる他、匿名配送の利用もできます。

pictspace販売について
pictspace配送料設定画面
pictspace販売について
頒布物登録時の価格入力画面

和遊湘南のアイテムはサイズが様々なので、個別に送料設定をせず、頒布物+送料込みの価格=単価で登録しています。

次回はオリジナルオリジナルアバターの制作について記述します。

VOL.4 pictSQUARE用アバター制作準備


オンライン即売会サービスpictSQUAREにサークル参加する方法 全5回

  1. オンライン即売会サービスpictSQUAREにサークル参加する方法vol.1/pictSPACEの解説
  2. オンライン即売会サービスpictSQUAREにサークル参加する方法vol.2/pictSPACEアカウント作成
  3. オンライン即売会サービスpictSQUAREにサークル参加する方法vol.3/pictSPACEヘッダーの編集と店舗への頒布物の登録
  4. オンライン即売会サービスpictSQUAREにサークル参加する方法vol.4/pictSQUARE用アバター制作
  5. オンライン即売会サービスpictSQUAREにサークル参加する方法vol.5/pictSQUARE店舗カスタムとイベント参加申し込み

ピクスク番外編① プロフィール欄のリンクを使ってアバター用着せ替え素材を無料配布する方法

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

この記事を書いた人

和遊湘南では着物リメイク・オーダーメイド制作、オリジナルデザインのペイントアイテムや和装小物などを制作しています。

コメント

コメントする

目次
閉じる