pictSQUARE・pictSPACE向け
タグジェネレーター

タグがわからなくても大丈夫!
フォームに入力するだけ簡単。
推奨環境:Google Chrome&Safari

👇Get Started👇

🧑‍🔧更新情報

2022 6/25現在、pictSQUARE側のシステム仕様変更の影響で、頒布物一覧で頒布物の紹介内容が強制的に一部しか表示されないようになっています。 応急処置方法を確認できたので下記ご参照くださいませ
2022 6/15 カスタムデザインリンクボタン作成できるようになりました💖
合わせてアイテム用HTMLのデザインタイプ3をちょっと変更しました
実装予定 リクエストあればお送りください。不具合見つかったら随時対応していきます。

ピクスクで頒布物紹介をいい感じに整えるタグを作る

アイテム用HTMLタグを作る

デザインタイプサンプル

イベント時に店舗の頒布物紹介部分を装飾できるタグを作成できます。作品紹介をスッキリ、見やすくできます。

現在3タイプご用意しています。色変え、テキスト変更、タグ情報の有無が簡単に設定できます。

デザインタイプ1で作る

アイテム用ブロックをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

背景の色
あらすじの文字色
リボンをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

リボンの色
リボンの文字色
リボンの文字
最大5文字
作品紹介を入力する

🧚 入力後、【全体に適用】を押すと反映されます。

改行も反映されますが、スマホなど幅が狭いデバイスから閲覧すると思わぬ所で改行が入ることがあります。最低限にされることをおすすめします。

タグ情報をカスタマイズする

表示したいタグ情報を入力して追加してください。繰り返し追加することで、複数設定できます。

タグ情報を追加
タグ背景の色
タグの枠色
タグの文字色
全体に適用
プレビュー
NEW

ここには説明文が入ります。いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。

🥳 頒布物紹介タグ完成!コピペしてご利用ください

おつかれさまでした!
このタグを貼り付けてご利用ください。

デザインタイプ2で作る

アイテム用ブロックをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

背景の色
あらすじの文字色
リボンをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

リボンの色
リボンの文字色
リボンの文字
最大5文字
作品紹介を入力する

🧚 入力後、【全体に適用】を押すと反映されます。

改行も反映されますが、スマホなど幅が狭いデバイスから閲覧すると思わぬ所で改行が入ることがあります。最低限にされることをおすすめします。

タグ情報をカスタマイズする

表示したいタグ情報を入力して追加してください。繰り返し追加することで、複数設定できます。

タグ情報を追加
タグ背景の色
タグの枠色
タグの文字色
全体に適用
プレビュー
NEW

ここには説明文が入ります。
いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。

🥳 頒布物紹介タグ完成!コピペしてご利用ください

おつかれさまでした!
このタグを貼り付けてご利用ください。

デザインタイプ3で作る

アイテム用ブロックをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

背景の色
あらすじの文字色
リボンをカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

リボンの色
リボンボーダーの色
リボンの文字色
リボンの文字
最大10文字
作品紹介を入力する

🧚 入力後、【全体に適用】を押すと反映されます。

改行も反映されますが、スマホなど幅が狭いデバイスから閲覧すると思わぬ所で改行が入ることがあります。最低限にされることをおすすめします。

タグ情報をカスタマイズする

表示したいタグ情報を入力して追加してください。繰り返し追加することで、複数設定できます。

タグ情報を追加
タグ背景の色
タグの枠色
タグの文字色
全体に適用
プレビュー
NEW

ここには説明文が入ります。いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。ここには説明文が入ります。いい感じの文章を入れます。

🥳 頒布物紹介タグ完成!コピペしてご利用ください

おつかれさまでした!
このタグを貼り付けてご利用ください。


ピクスクで頒布物紹介をいい感じに整えるタグを作る

リンクボタンHTMLタグを作る

イベント時に店舗の頒布物紹介部分や、おしながきの下に表示して使えるリンクボタンを作成できます。

カスタムデザインで作る

カスタムデザインボタンの紹介
ボタンの並べ方
ボタンデザインを選ぶ

後からデザインは変更できません😭
デザインを変更する際は最初からやり直してくださいませ!

ボタンの形を選ぶ

ボタンの形は後から変更できます!

ボタンを追加する

複数ボタンを作成できます。
必要な数だけ繰り返し、追加してください。

ボタンテキスト

🧚 ボタンを2つ以上横に並べる時は最大6文字がおすすめ

リンク先URL

例)https://www.pixiv.net/

ボタンの色をカスタマイズ

🧚 色の透明度は変更せず、100%がおすすめ!

ボタン背景の色
枠線の色
ボタンの文字色
プレビュー

ボタンテキストとリンク先を設定し、【追加する】を押すと、プレビューが表示されます。

全体に色と形を適用
🥳 リンクボタン完成!コピペしてご利用ください

おつかれさまでした!
頒布物説明の下に追加する場合は、説明タグの下に続けてこのタグを貼り付けてご利用ください。

リンク先サービスカラーに合わせて作る

サービスカラーボタンの紹介
ボタンの並べ方
どのボタンを追加しますか?
その他のボタンをカスタマイズ

🧚 色の透明度は変更せず、100%がおすすめ!

ボタン背景の色
ボタンの文字色
ボタンの文字
サンプル
プレビュー

追加するボタンを選んで、リンク先を設定し、【変更を反映する】を押すと、プレビューが表示されます。

🥳 リンクボタン完成!コピペしてご利用ください

おつかれさまでした!
頒布物説明の下に追加する場合は、説明タグの下に続けてこのタグを貼り付けてご利用ください。


おしながき下にも使えるテーブルタグを作る

テーブルタグを作る

情報を整理してわかりやすく見せることができるテーブル(表)を作ることができます。

内容を入力して行を追加します。
行タイトル
内容

改行も反映されます。

プレビュー

追加した行は右の赤いボタンであとから行を削除できます。このボタンは実際には表示されません。

見た目をカスタマイズする

🧚 色の透明度は変更せず、100%がおすすめ!

行タイトル背景色
行タイトル文字色
内容背景色
内容文字色
枠線の色
見出し列の幅
全体に適用
🥳 テーブルタグ完成!コピペしてご利用ください

おつかれさまでした!
頒布物説明の下に追加する場合は、説明タグの下に続けてこのタグを貼り付けてご利用ください。

About

管理人さびが運営する個人制作のサイトです。
仕事でむしゃくしゃして修羅場中にもかかわらず、息抜きにガーッと作りました。

すごくひどい崩れ、動かないなどありましたらご連絡ください!その際は動作環境(スマホなのか、PCなのか、どのWebブラウザで操作をしたのか)をお書き添えくださいませ。

またこういうタグがほしいなどのリクエストがありましたらお知らせください。参考にさせていただきます。

基本的にクソ社畜なのでメールに気づかない可能性大です。お急ぎの方はリプライをお飛ばしください 🙇‍♂️


ARIGATO

いただいた応援は運用費用に当てさせていただきます!🙇‍♀️

OFUSEで応援する

(c) Savi All Rights Reserved.