wordpressとthirdwebを駆使して、コードレスNFTマーケットプレイス構築

 

とみます(@20tomimasu)です。

 

クリエイターとしてのギャラリー展示+販売、って憧れじゃない。

thirdwebとワードプレスを駆使して、コーディングしないでNFTマーケットプレイスを作ってみました。

 

その内、WPテーマなどが実装されそうですが。(無料テーマのMetaMask認証は恐いか…)

手作りの簡易版です。

 

thirdwebのEmbedを利用する

wp-thirdweb221226-2

引用…https://thirdweb.com/

 

↑独自コントラクトを作成後、NFTをアップロードすると、

  • Embed (埋込み)

のタブに、

  • iframe

のコードが出てくる。

 

画面左側で、NFTのIDなどの情報を入力し、

下側の画面で、web上で表示される様子を確認できる。

 

仕様が決まったら、

  • Copy to clipboard

を選択して、コード一式をコピーする。

 

後は、煮るなり焼くなり。

たとえば、ワードプレスのHTMLに入力して完了! といった感じに。

 

これ自体は、とてもシンプルで使いやすく。

しかも、thirdweb側のコードを丸々利用できるので、Metamask認証など、個人だと少しリスクの高い? 設計もthirdwebに依存できる。

 

自分でコードを書こうとも思ったが、便利なツールを利用した方が早いかなと。

 

また、iframeの中に、

  • src=” https://…

といった感じに、販売ページとなるURLが記載されているので、それを抜き出して使ったりもできる。

 

個人で、気軽に、NFTのMintページを作りたい場合は、この機能だけでも十分だね。

さすがに、凝ったサイトを作ろうとすると、web3周りのコーディング技術が必要になってくるものの。

 

SCONFTギャラリー展を作ってみた

wp-thirdweb221226-1

引用…https://sco.for-one.jp/

 

↑thirdwebのEmbedとワードプレスを使って、Openseaのようなマーケットプレイスを作ってみた。

うん、それなりの形になったのか?

 

iframeの中は、gatewayというcodeが書かれており、

thirdweb側のサービスに飛ばすような形となっている。

 

なので、各ブロックごとに、

  • Connect Wallet

が表示されてしまい、少し見にくい。

 

まあ、許容範囲か。

(修正が必要なら、コーディングを学ぼうかー。)

 

また、thirdwebのサービスを読み込んで表示させているだけなので、

NFTの枚数が増えてくると、反映までに時間が掛かりそうなのもネック。

 

あとは、私のPCの場合、Cookieで引っ掛かり、表示ができなかった。

  • Chrome→設定→プライバシーとセキュリティ

にて、自分で、Cookieの許可をする必要があるのねん。

 

まあ、何かとデメリットはあるものの、

クリエイターとして、アートをお届けるする分には、十分なのかな。

(あるいは、販売サイト込みでアートなのか…)

その辺は、走りながら確かていければ。

 

おわりに

 

以上「wordpressとthirdwebを駆使して、コードレスNFTマーケットプレイス構築」でした。

 

気にいったSCO猫ちゃんがあったら、ぜひ、walletに迎え入れてあげてねん。

>>https://sco.for-one.jp/

 

応援Mintをお待ちしております(*´▽`*)。

また、discordでは、クリエイター向けのサポートも実施しているので、お気兼ねなく。

 

本日の猫アート#04

221226-1

↑ファンタジーの世界に迷い込んでしまったスコ猫ちゃんを取り戻せー!

>>SCOART#04

 

それでは、また。

 

ようこそ! とみますん家へ (Discordコミュニティ)

・とみますに興味のある方
・これまで発信してきた内容について、質問したい方
・気楽に相談したい方
・私への仕事依頼や共同コラボを考えていて、事前に検討したい方
・ちょっと様子を見たい方
を対象に、無料オンラインコミュニティを開設しました。
Discord(ディスコード)と呼ばれるSNSを利用しています。

とみますん家の間取り↓
・投資部屋 (不動産, DIY, 日経225オプション取引, sp500, VIX, fx)
・ゲーム部屋 (walk to earn, play to earn, Fortnite, ガジェット)
・制作部屋 (NFT, スコ猫ちゃん, AIイラスト制作)
など。

遊びに来てくれたお礼↓
・SCO猫ちゃんのNFTくじを無料で引ける。外れ無し!! (先着100名まで)
・さらに、そのNFTを保有していると、毎月配当を貰えるチャンスがある。(配当原資はこのブログから得た収益の10%から。)
・作品の先行ご案内

一言/
NFTだけ欲しいとかでもOK! お気兼ねなく。初期時代から私を応援してくれている証にもなります、何か良いことが起きるかも?

NFTくじを引いてくれた人数と配当実績/
'22年07月, 合計Mint数=1人, 配当104USDT
'22年08月, 合計Mint数=4人, 配当103USDT
'22年09月, 合計Mint数=7人, 配当 90USDT
'22年10月, 合計Mint数=9人, 配当105USDT
'22年11月, 合計Mint数=10人, 配当70USDT
'22年12月, 合計Mint数=10人, 配当124MATIC (12400円)

初めてみた所感/
・NFTやMetamaskなど全く触ったことが無い人のきっかけになっている。→初心者welcomeの雰囲気を作っていこう。
・Web3やNFTは日本の国家戦略、これからのWeb3ネイティブ時代に向けて基礎武装していこう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です