Canva Webサイトで作るデスクツアーが面白い
noteで活動されている方やブロガーさんであればCanvaの説明は不要ですよね。オンラインで簡単に画像編集ができるツールで、なんとWebサイトを作ることもできるんです。
プライベートでも仕事でもよく使っているのですが、恥ずかしながら最近までWebサイトを作れることを知りませんでした。
Canvaで作ったWebサイトはhttps://⚫︎⚫︎.my.canva.site/▲▲という形式で公開可能です。⚫︎や▲は自分で設定できます。また自分のドメインで公開したり、新たにドメインを取得して公開することもできるようです。
https://www.canva.com/ja_jp/websites/
色々と試していたところ、デスク周りのアイテムをまとめるのに使えるかも...?ということでデスクツアー的なページを作ってみました。
デスクツアーというよりも、最近流行ったデスクレシピに近いかも。
専門知識がなくても↓こんな感じのページを超簡単に作れます。
スマホでは自動でレイアウトを整えてくれます。
（おそらくズレたりはしてないはず…）
画像内の◯が商品リンクになっていてAmazonや楽天に移動できます。デスクツアー記事を書いたり読んだりしていると、デスク画像に写っているアイテムをそのままポチッとできたら楽でいいよな〜と思っていたんですよね。
画像よりも実際に見てもらった方が分かりやすいと思うのでまずは下記ページを見てもらえれば。（デスクは少し前のものなのでアイテムと画像が微妙に合ってないです）
日頃からデスク作りに勤しんでいるブロガーさんなら自分のブログでもこんな感じの紹介ができればな〜と思ったこともあるはず。僕もやろうと思ったことはありますがやり方が全く分からず…。
Canva Webサイトでは画像やアイコン、テキストを組み合わせるだけで簡単にページを作成できるのですが、難しい部分もあって、レイアウト調整がうまくいかないことがあります。
例えば先ほどの僕のページではPC↔︎スマホのレイアウト変換はうまくいくのですが、内容を少し変えた（右側の表の線を消した）下記ページではスマホ版でレイアウトが崩れてしまいます。
文字の間隔やサイズを調整したのですが上手くいかず、試しに線を入れたらいけました。
また素材によってはURLを設定できません。デスク画像内にある青い◯はURLを貼れなかったため、上に透過させた図形を貼りそれにURLを設定しました。
このサイトをSNSのプロフィールやデスク投稿に貼ると、デスク周りのアイテムが気になる方には簡単にアイテムを探せていいんじゃないのかなと。そのまま商品に飛ばしてもいいし、個別アイテムの記事にリンクしてもいいし。
もう少し改善してデスク周りや普段の持ち物なんかもまとめたLPっぽいページも作ってみたいですね。
とても簡単にページを作れますが、Canva側の仕様変更でスマホ版のレイアウトが崩れる懸念はありますね。
ところで、これアフィリエイトリンク貼っていいのかな…？Amazon側はURLを登録すれば大丈夫そうだけど、Canva側はOKなのかな。一応規約は確認したけど特に記載は無いっぽいのでたぶん大丈夫なはず。
紹介した僕のサイトはまだまだ作成中なので完成したら改めて公開しますね。いまのところアフィリエイトリンクは貼っていないのでポチポチしてもらっても大丈夫です。（アフィリエイトリンク貼ったら追記します）追記2024.11.22 アフィリエイトリンクになっています。
それでは〜。
いいなと思ったら応援しよう！
