- このトピックには5件の返信、3人の参加者があり、最後に
により3年、 6ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】14.3.2
【お使いの Snow Monkey Blocks のバージョン】 11.3.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】chrome
【当該サイトのURL】いつもお世話になっております。
### 実現したいこと
SVGを使って下記のようなボタンを作成したいと思っています。矢印部分が、SVG の予定です。
当然、このままメディアにアップロードしても入らないので、snow monkey だと
SVGをアップロードするのにこんな方法をとった方がよいよというのがありましたら、教えていただけると助かります。
### 考えている方法
１. プラグインをつかってアップロードさせる
２. wp-config.php と functions.php に追記
参考 https://qiita.com/tomokei5634/items/231c6bba9842214364dd
### アドバイスいただきたい事
・他にsnow monkey でのおすすめの方法があれば、教えていただきたいです。
・上記の方法でということでしたら、snow monkey としてだったら、こちらの方がおすすめだよというのがありましたら教えていただきたいです。
お手数をおかけいたしますが、よろしくお願いします。
いいねをした人: 居ませんおすすめというわけではありませんが、SVGのアップロードをしないやり方の１つです。
ボタンの右に配置するSVG画像がボタンごとに異なる場合や別の管理者でも簡単に変更をしたい場合は得策ではなく、メンテナンス性もよくありませんが…
- Snow Monkey「ボタン」ブロックを配置
- その「ボタン」ブロックに「高度な設定」→「追加CSSクラス」でクラス名を付与
- カスタマイズの「追加CSS」や読み込んでいるCSSに.クラス名 a:afterを追加
- そのCSSにbackgroundでエンコード（base64）したSVGを設定＋位置調整
こんな感じで設置もできると思います。
いいねをした人:
GONSYさん。アドバイスありがとうございます。なるほど、こういう方法もあるんですね。これだとsvg アップロードしなくてもすみますね。
調べてみてこんな変換サイトも見つけました
さて、どの方法がいいのか、悩みどころですが
もう少し自分でも調べてみて、このトピックを閉じようかと思います。いいねをした人: 居ません特に Snow Monkey でのおすすめというのは無いので、どうしても svg で対応したほうが良さそうという場合はプラグインを使ったり、子テーマや My Snow Monkey のフォルダに入れた svg を画像として参照する、とかになりますかねー。
いいねをした人:キタジマ 様
Snow Monkey でのおすすめというのは無い という事ですね。承知いたしました。
その中の参照方法ですが
My Snow Monkeyを使う場合
My Snow Monkey のフォルダに入れた svg というのは、my-snow-monkey/assets/
の中にimg フォルダ等を作って参照するという解釈でよろしいですか？
いいねをした人: 居ませんGONSY様、キタジマ様
前回、フォルダの箇所について質問をさせていただきましたが解決した。
１.My Snow Monkeyを使う場合
My Snow Monkey のフォルダに入れた svg をmy-snow-monkey/assets/img
このフォルダの中にいれ参照で問題なく読み込めました。
２. エンコード（base64）したSVGを設定
という方法でも読み込めそうです。最終的にどちらを使おうか悩んでいますが、コードが少ない １ の方法をとろうかと思っています。
２ の方法も大変勉強になりました。お二人のご回答ありがとうございました。トピックを閉じさせていただきます。
いいねをした人:
- トピック「SVGのアップロードについて」には新しい返信をつけることはできません。