解決済み
Question

リッチメニューの画像について

  • @ @mone_creator
  • リッチメニューを作成した時に、画像を長方形ではなく図形(丸など)にして配置したく考えています。
    画像自体はPNGで図形以外を透過した状態で作成していて、できれば図形に合わせて影をつけたいのですが、良い解決法はありますでしょうか?

    macOSはVenture13.0です。

    どうぞよろしくお願いいたします。

    p.s. JIN:Rとても使いやすく夢中でブログのリデザインをしています。素敵なテーマを作ってくださりありがとうございます。

    問題となるページ : https://stationery.kurashi-create.com/ 2022/11/05 17:09
  • Ryota0101

    @mone_creatorさん
    初めまして!
    JIN:R制作チームのRyotaです!

    こちらこそ早速JIN:Rをお使いいただきありがとうございます...!!
    サイトもチラッとみさせていただいたのですが、すごく素敵なデザインでフォントとの雰囲気もすごく合ってますね...!!
    どんどん使ってあげて好みのデザインに仕上げていってください٩( 'ω' )و

    >画像自体はPNGで図形以外を透過した状態で作成していて、できれば図形に合わせて影をつけたいのですが、良い解決法はありますでしょうか?

    完全にオリジナルの画像を当てはめるのは現状のリッチメニューの仕様では難しいですね。。
    対処法としてはリッチメニューでの作成ではなく、

    ・カラムブロックを使って要素を並べる
    ・CSSではなく画像自体に影をつける(テキストなども入れた状態の画像を作成)

    の方がよりデザインの統一感は出るかもしれません。。
    あんまり綺麗なやり方ではないですし、カラムブロックを使うとリッチな感じにならなかったりするので個人的にはあんまりおすすめしたくはないのですが、それも一つありかなぁとは思います。。

    2022/11/05 21:15
  • @
    @mone_creator

    Ryotaさん、初めまして!!
    そしてお休みの中のお返事ありがとうございました!!

    できる限りJIN:Rにある機能だけで完結できるデザインにするか、あまりおすすめはできないかもしれませんが、カラムブロックで頑張ってみるか1度いじっていこうと思います。

    デザインはできてもシステムやWEB自体には疎かったので、こうやって回答をいただけてとてもありがたいです。

    これからもJINから引き続きJIN:Rでブログ楽しんでいきます。
    ありがとうございます!!

    2022/11/06 15:33
CLOSE